Monday, 25 January 2016

Developing Web Products - Lesson 2

Lesson Objectives 
LO1 - To learn how create pages from a template in Dreamweaver
LO2 - To learn how to link pages from a template in Dreamweaver


Outcomes
Red - You will have added a banner to your template
Amber - You will have created pages from your template
Green - You will have linked the different pages 


Starter

Main
RED TASK - Create Pages from Your Templat
Create the following pages from your template
 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 
Make sure that you save each page with a suitable

AMBER TASK - Link Your Page

Create a link to each of your pages in the navigation bar

GREEN TASK - Begin To Add Content

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
Plenary

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