Thursday, 8 January 2015

#10p1 Developing Web Products - Build Your Own Revison Website 3

Objectives

  • LO1 - To learn how to link pages from a in Dreamweaver
  • LO2 - To learn how to add content to pages in Dreamweaver
  • OUTCOME - You will have created and linked all of the pages you will need for your exam revision website from a template and begun to add how to guides to the first 4 pages


RED TASK - Link Your Pages
  • Create a link to each of your pages in the navigation bar
    • Homepage
    • How to Make a Template
    • How to Make pages from a template
    • How to Insert an Image
    • How to Make a Link
    • How to Change the Screen Resolution
    • How to Embed Media
    • Visual Accessibility
    • Helpful Websites 
  • REMEMBER - you must type in the name of the page you are linking to exactly as you saved it. It is case sensitive

AMBER TASK - Add content to first 2 pages

  • Add explanations and screenshots to the first two pages of your website
    • How to make a template
    • How to make pages from template
  • Make sure any images that you use are saved in the IMAGES folder as PNG or JPEG

GREEN TASK - Add content to second 2 pages
  • Add explanations and screenshots to the second two pages of your website
    • How to insert an image
    • How to make links
  • Make sure any images that you use are saved in the IMAGES folder as PNG or JPEG


EXTENSION TASK
  • Use Screencast-o-matic.com to record videos for your first 4 pages - CLICK HERE
  • Make sure that you publish to video using the settings below

Plenary

Test your website
Open your homepage in Chrome or Internet Explorer
Does it all work correctly? Do you need to change / fix anything?