Tuesday, 19 January 2016

#10n1 Developing Web Products - Build Your Own Revision Website 3

Lesson Objectives 
LO1 - To learn how to link pages from a in Dreamweaver 
LO2 - To learn how to add content to pages in Dreamweaver 

Outcomes
Red - You will have linked all of your pages 
Amber - You will have added content to the first two pages
Green - You will have added content to the third and fourth pages

Starter



Main



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

    Plenary


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