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 How to Create and Publish a Basic Web Portfolio

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 How to Create and Publish a Basic Web Portfolio (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

Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersThousandEyes
 
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphSIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphNeo4j
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking MenDelhi Call girls
 
Azure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & ApplicationAzure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & ApplicationAndikSusilo4
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Alan Dix
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)Gabriella Davis
 
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Allon Mureinik
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsMemoori
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking MenDelhi Call girls
 
Pigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping ElbowsPigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping ElbowsPigging Solutions
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesSinan KOZAK
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge
 
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxOnBoard
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonetsnaman860154
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...shyamraj55
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software
 

Recently uploaded (20)

Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
 
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphSIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
Azure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & ApplicationAzure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & Application
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
Pigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping ElbowsPigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping Elbows
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen Frames
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptx
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 

How to Create and Publish a Basic Web Portfolio

  • 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?