Developing Web Products - Build Your Own Revision Website 6

L/O - To learn how to create and link pages from a template in Dreamweaver; adding content to these pages

Starter

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

Complete the skills confidence checklist (collect one from your cover teacher)

Main

RED TASK - Creating a roll-over image

Save these two images into your Exam Revision Website Images folder as Rollover1 and Rollover2:

Open your 'How to insert an image' page in Adobe Dreamweaver
Have a go at inserting the two images you've saved as roll-over images


AMBER TASK - Add more images
Add more images to your HTML 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

**use the snipping tool to make these easily!!**

GREEN TASK - Add More Content

Add email links/links to websites. Use these videos to help:

EXT

Learn some HTML HERE

Plenary

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

Complete the skills confidence checklist