SlideShare a Scribd company logo
1 of 17
Web Portfolio
Some information
• To view your website in a browser use:
  http://teach2.newport.ac.uk/10000001
• To manage your website in a web editor use:
  ftp://teach2.newport.ac.uk
Key model
        CLIENT                        SERVER



       My Computer            http://teach2.newport.ac.uk
Web files stored and edited    Web files copied here and
           locally.                  stored remotely.
When browsing the web My          Files are SERVED to a
  Computer is a CLIENT                    CLIENT.




        LOCAL                        REMOTE
Important detail
• The first web page in your website should be
  named ‘index.htm’ or ‘index.html’
Trees (1)
G:Websitesteach2
G:Websitesteach2redfox
G:Websitesteach2word
G:Websitesteach2powerpoint
G:Websitesteach2excel
G:Websitesteach2access
Trees (2)




On web server becomes:
http://teach2.newport.ac.uk
Trees (3)




http://teach2.newport.ac.uk
Trees (4)




    http://teach2.newport.ac.uk/word
http://teach2.newport.ac.uk/excel/excel.htm
Text for portfolio web pages
The home page will provide a list of links to each of the coursework tasks.
Each coursework task will be presented on its own page with the following
elements:
A clear title
Heading: How the resource was constructed:
     How it was made;
     How it is operated;
Heading: Its value for learning and teaching:
     What value could learners get from it?
     What value could a teacher get from it?
Heading: Download file:
     Link to the file for download;
     Describe the download file format (e.g. Zip, Docx);
     Relevant instructions/guidance for the user.
File sizes (1)
File size (2)
Navigation!




Text hyperlinks or Image hyperlinks
Adding your files to your website
• Generally speaking a link to a file the browser will
  download it.
• How the browser handles the file will vary. Some
  offer the option to open or save it.
• How the user handles it will vary. This also may
  depend on how the user has set up their browser.
• That’s why it is important to provide instructions or
  guidance.
• Note also that a file can only be opened if there is a
  suitable application on the client machine.
Files (continued)
• The best advice to a user is to save the file first
  especially if the file has features that rely on a
  secure location on the client PC.
• MS Access files in particular cannot be opened
  directly but must first be compressed or
  zipped.
• Demonstration ...
Helping the user
• Always add a note for the user explaining
  what to expect and what to do
• E.g. What type of file is it; what should they
  do with it?
Hyperlink properties




"_self" - open link in the same window
"_blank" - open link in the new window
ignore these unless you are using frames ...
"_parent" - will load the linked document where the inner frameset
file had been
"_top" - loads the linked document in the topmost frame
When ...
• Would you open a web page in a new
  window?
• Why should you use it sparingly?

More Related Content

What's hot (7)

Database connectivity in ci
Database connectivity in ciDatabase connectivity in ci
Database connectivity in ci
 
Php training in bhubaneswar
Php training in bhubaneswar Php training in bhubaneswar
Php training in bhubaneswar
 
Drupal
DrupalDrupal
Drupal
 
Web Design Overview
Web Design OverviewWeb Design Overview
Web Design Overview
 
Library management system
Library management systemLibrary management system
Library management system
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web app architecture
Web app architectureWeb app architecture
Web app architecture
 

Viewers also liked

Create and manage a website
Create and manage a websiteCreate and manage a website
Create and manage a websiteDavid
 
Databases hannah test version
Databases hannah test versionDatabases hannah test version
Databases hannah test versionDavid
 
Social media es rentable en marca personal
Social media es rentable en marca personalSocial media es rentable en marca personal
Social media es rentable en marca personalLaura Mateo Catalán
 
Business Challenges In Sales
Business Challenges In SalesBusiness Challenges In Sales
Business Challenges In SalesSalesDialers.com
 
Portfolio website details
Portfolio website detailsPortfolio website details
Portfolio website detailsDavid
 
InlandEmpireNissan.com AAA Cell Phones And Driving Research Update
InlandEmpireNissan.com AAA Cell Phones And Driving Research UpdateInlandEmpireNissan.com AAA Cell Phones And Driving Research Update
InlandEmpireNissan.com AAA Cell Phones And Driving Research UpdateMetroNissan ofMontclair
 
InlandEmpireNissan.com_AAA Traffic Safety Index
InlandEmpireNissan.com_AAA Traffic Safety IndexInlandEmpireNissan.com_AAA Traffic Safety Index
InlandEmpireNissan.com_AAA Traffic Safety IndexMetroNissan ofMontclair
 
InlandEmpireNissan.com_AAA Aggressive Driving Research Update
InlandEmpireNissan.com_AAA Aggressive Driving Research Update InlandEmpireNissan.com_AAA Aggressive Driving Research Update
InlandEmpireNissan.com_AAA Aggressive Driving Research Update MetroNissan ofMontclair
 
ICT paradigms frameworks
ICT paradigms frameworksICT paradigms frameworks
ICT paradigms frameworksDavid
 
Marca personal es rentable en social media
Marca personal es rentable en social mediaMarca personal es rentable en social media
Marca personal es rentable en social mediaLaura Mateo Catalán
 
Internet history
Internet historyInternet history
Internet historyDavid
 
Create and manage_a_website_1
Create and manage_a_website_1Create and manage_a_website_1
Create and manage_a_website_1David
 
Exploring folktales of some English speaking countries
Exploring folktales of some English speaking countriesExploring folktales of some English speaking countries
Exploring folktales of some English speaking countriescarolstancati
 
All things Tele marketing slide reviewed by SalesDialers.com
All things Tele marketing slide reviewed by SalesDialers.comAll things Tele marketing slide reviewed by SalesDialers.com
All things Tele marketing slide reviewed by SalesDialers.comSalesDialers.com
 

Viewers also liked (16)

Salesdialers Presentation
Salesdialers PresentationSalesdialers Presentation
Salesdialers Presentation
 
Create and manage a website
Create and manage a websiteCreate and manage a website
Create and manage a website
 
Databases hannah test version
Databases hannah test versionDatabases hannah test version
Databases hannah test version
 
kbaps_VLSI
kbaps_VLSIkbaps_VLSI
kbaps_VLSI
 
Social media es rentable en marca personal
Social media es rentable en marca personalSocial media es rentable en marca personal
Social media es rentable en marca personal
 
Business Challenges In Sales
Business Challenges In SalesBusiness Challenges In Sales
Business Challenges In Sales
 
Portfolio website details
Portfolio website detailsPortfolio website details
Portfolio website details
 
InlandEmpireNissan.com AAA Cell Phones And Driving Research Update
InlandEmpireNissan.com AAA Cell Phones And Driving Research UpdateInlandEmpireNissan.com AAA Cell Phones And Driving Research Update
InlandEmpireNissan.com AAA Cell Phones And Driving Research Update
 
InlandEmpireNissan.com_AAA Traffic Safety Index
InlandEmpireNissan.com_AAA Traffic Safety IndexInlandEmpireNissan.com_AAA Traffic Safety Index
InlandEmpireNissan.com_AAA Traffic Safety Index
 
InlandEmpireNissan.com_AAA Aggressive Driving Research Update
InlandEmpireNissan.com_AAA Aggressive Driving Research Update InlandEmpireNissan.com_AAA Aggressive Driving Research Update
InlandEmpireNissan.com_AAA Aggressive Driving Research Update
 
ICT paradigms frameworks
ICT paradigms frameworksICT paradigms frameworks
ICT paradigms frameworks
 
Marca personal es rentable en social media
Marca personal es rentable en social mediaMarca personal es rentable en social media
Marca personal es rentable en social media
 
Internet history
Internet historyInternet history
Internet history
 
Create and manage_a_website_1
Create and manage_a_website_1Create and manage_a_website_1
Create and manage_a_website_1
 
Exploring folktales of some English speaking countries
Exploring folktales of some English speaking countriesExploring folktales of some English speaking countries
Exploring folktales of some English speaking countries
 
All things Tele marketing slide reviewed by SalesDialers.com
All things Tele marketing slide reviewed by SalesDialers.comAll things Tele marketing slide reviewed by SalesDialers.com
All things Tele marketing slide reviewed by SalesDialers.com
 

Similar to Portfolio website details

Open Writing! Collaborative Authoring for CloudStack Documentation by Jessica...
Open Writing! Collaborative Authoring for CloudStack Documentation by Jessica...Open Writing! Collaborative Authoring for CloudStack Documentation by Jessica...
Open Writing! Collaborative Authoring for CloudStack Documentation by Jessica...buildacloud
 
Open writing-cloud-collab
Open writing-cloud-collabOpen writing-cloud-collab
Open writing-cloud-collabKaren Vuong
 
Adobe Flex - Developing Rich Internet Application Workshop Day 2
Adobe Flex - Developing Rich Internet Application Workshop Day 2Adobe Flex - Developing Rich Internet Application Workshop Day 2
Adobe Flex - Developing Rich Internet Application Workshop Day 2Shyamala Prayaga
 
Web Development Certificate
Web Development CertificateWeb Development Certificate
Web Development CertificateGene Babon
 
Learning Web: Content Management for Instruction
Learning Web: Content Management for InstructionLearning Web: Content Management for Instruction
Learning Web: Content Management for InstructionHouston Community College
 
CSS Adnaved with HTML abd complete Stylesheet
CSS Adnaved with HTML abd complete StylesheetCSS Adnaved with HTML abd complete Stylesheet
CSS Adnaved with HTML abd complete StylesheetPraveenHegde20
 
Adobe Dreamweaver1
Adobe Dreamweaver1Adobe Dreamweaver1
Adobe Dreamweaver1nkinoshi
 
A Quick View On Web Design By Speakerhead.com
A Quick View On Web Design By Speakerhead.comA Quick View On Web Design By Speakerhead.com
A Quick View On Web Design By Speakerhead.comspeakerhead-com
 
Prerendering: Revisit
Prerendering: RevisitPrerendering: Revisit
Prerendering: RevisitSamael Wang
 
Math-Bridge Architecture
Math-Bridge ArchitectureMath-Bridge Architecture
Math-Bridge Architecturemetamath
 
Flex Introduction
Flex Introduction Flex Introduction
Flex Introduction senthil0809
 
Create item
Create itemCreate item
Create itemkwduncan
 
Week 05 Web, App and Javascript_Brandon, S.H. Wu
Week 05 Web, App and Javascript_Brandon, S.H. WuWeek 05 Web, App and Javascript_Brandon, S.H. Wu
Week 05 Web, App and Javascript_Brandon, S.H. WuAppUniverz Org
 
An Introduction to Umbraco
An Introduction to UmbracoAn Introduction to Umbraco
An Introduction to UmbracoJeremy Branham
 
Building high performance web apps.
Building high performance web apps.Building high performance web apps.
Building high performance web apps.Arshak Movsisyan
 

Similar to Portfolio website details (20)

Open Writing! Collaborative Authoring for CloudStack Documentation by Jessica...
Open Writing! Collaborative Authoring for CloudStack Documentation by Jessica...Open Writing! Collaborative Authoring for CloudStack Documentation by Jessica...
Open Writing! Collaborative Authoring for CloudStack Documentation by Jessica...
 
Open writing-cloud-collab
Open writing-cloud-collabOpen writing-cloud-collab
Open writing-cloud-collab
 
Adobe Flex - Developing Rich Internet Application Workshop Day 2
Adobe Flex - Developing Rich Internet Application Workshop Day 2Adobe Flex - Developing Rich Internet Application Workshop Day 2
Adobe Flex - Developing Rich Internet Application Workshop Day 2
 
Webdesign
WebdesignWebdesign
Webdesign
 
Web Development Certificate
Web Development CertificateWeb Development Certificate
Web Development Certificate
 
Learning Web: Content Management for Instruction
Learning Web: Content Management for InstructionLearning Web: Content Management for Instruction
Learning Web: Content Management for Instruction
 
Asp .net folders and web.config
Asp .net folders and web.configAsp .net folders and web.config
Asp .net folders and web.config
 
Tech talk php_cms
Tech talk php_cmsTech talk php_cms
Tech talk php_cms
 
CSS Adnaved with HTML abd complete Stylesheet
CSS Adnaved with HTML abd complete StylesheetCSS Adnaved with HTML abd complete Stylesheet
CSS Adnaved with HTML abd complete Stylesheet
 
Adobe Dreamweaver1
Adobe Dreamweaver1Adobe Dreamweaver1
Adobe Dreamweaver1
 
A Quick View On Web Design By Speakerhead.com
A Quick View On Web Design By Speakerhead.comA Quick View On Web Design By Speakerhead.com
A Quick View On Web Design By Speakerhead.com
 
Asp .net folders and web.config
Asp .net folders and web.configAsp .net folders and web.config
Asp .net folders and web.config
 
Prerendering: Revisit
Prerendering: RevisitPrerendering: Revisit
Prerendering: Revisit
 
Math-Bridge Architecture
Math-Bridge ArchitectureMath-Bridge Architecture
Math-Bridge Architecture
 
Flex Introduction
Flex Introduction Flex Introduction
Flex Introduction
 
Create item
Create itemCreate item
Create item
 
Week 05 Web, App and Javascript_Brandon, S.H. Wu
Week 05 Web, App and Javascript_Brandon, S.H. WuWeek 05 Web, App and Javascript_Brandon, S.H. Wu
Week 05 Web, App and Javascript_Brandon, S.H. Wu
 
An Introduction to Umbraco
An Introduction to UmbracoAn Introduction to Umbraco
An Introduction to Umbraco
 
Building high performance web apps.
Building high performance web apps.Building high performance web apps.
Building high performance web apps.
 
Asp folders and web configurations
Asp folders and web configurationsAsp folders and web configurations
Asp folders and web configurations
 

Recently uploaded

"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...Zilliz
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDropbox
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyKhushali Kathiriya
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024The Digital Insurer
 
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu SubbuApidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbuapidays
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...apidays
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MIND CTI
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdflior mazor
 
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...apidays
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsNanddeep Nachan
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...DianaGray10
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Jeffrey Haguewood
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)wesley chun
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...apidays
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024The Digital Insurer
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodJuan lago vázquez
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?Igalia
 

Recently uploaded (20)

"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
 
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu SubbuApidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 

Portfolio website details

  • 2. Some information • To view your website in a browser use: http://teach2.newport.ac.uk/10000001 • To manage your website in a web editor use: ftp://teach2.newport.ac.uk
  • 3. Key model CLIENT SERVER My Computer http://teach2.newport.ac.uk Web files stored and edited Web files copied here and locally. stored remotely. When browsing the web My Files are SERVED to a Computer is a CLIENT CLIENT. LOCAL REMOTE
  • 4. Important detail • The first web page in your website should be named ‘index.htm’ or ‘index.html’
  • 6. Trees (2) On web server becomes: http://teach2.newport.ac.uk
  • 8. Trees (4) http://teach2.newport.ac.uk/word http://teach2.newport.ac.uk/excel/excel.htm
  • 9. Text for portfolio web pages The home page will provide a list of links to each of the coursework tasks. Each coursework task will be presented on its own page with the following elements: A clear title Heading: How the resource was constructed: How it was made; How it is operated; Heading: Its value for learning and teaching: What value could learners get from it? What value could a teacher get from it? Heading: Download file: Link to the file for download; Describe the download file format (e.g. Zip, Docx); Relevant instructions/guidance for the user.
  • 12. Navigation! Text hyperlinks or Image hyperlinks
  • 13. Adding your files to your website • Generally speaking a link to a file the browser will download it. • How the browser handles the file will vary. Some offer the option to open or save it. • How the user handles it will vary. This also may depend on how the user has set up their browser. • That’s why it is important to provide instructions or guidance. • Note also that a file can only be opened if there is a suitable application on the client machine.
  • 14. Files (continued) • The best advice to a user is to save the file first especially if the file has features that rely on a secure location on the client PC. • MS Access files in particular cannot be opened directly but must first be compressed or zipped. • Demonstration ...
  • 15. Helping the user • Always add a note for the user explaining what to expect and what to do • E.g. What type of file is it; what should they do with it?
  • 16. Hyperlink properties "_self" - open link in the same window "_blank" - open link in the new window ignore these unless you are using frames ... "_parent" - will load the linked document where the inner frameset file had been "_top" - loads the linked document in the topmost frame
  • 17. When ... • Would you open a web page in a new window? • Why should you use it sparingly?