Developing Web Products - Build Your Own Revision Website 2

LOs:

LO1 - To learn how to manage sites and create a template in Adobe Dreamweaver
LO2 - To learn how to customise a template in Adobe Dreamweaver

Outcomes

Red - You will have created a suitable template and banner
Amber - You will have created pages from your template
Green - You will have created pages from your template

Starter

Manage your sites AGAIN!!
YOU MUST manage your sites again - to the Exam Revision Website Folder (Click on Site menu - New Site, Click on the folder icon, Select the Exam Revision Website folder)

Main

RED

Create Your Template
Use the worksheet to create a template for your Exam Revision Website


AMBER

Create a Banner
Use Adobe Photoshop / Fireworks to create a banner for the top of your template
The banner should measure 1024 w x 200 h pixels
The banner should fit the full width of the page (you will need to change the rule for the container class to do this)

GREEN

Create Pages from Your Template
Create the following pages from your template
How to Make a Template
How to Insert an Image
How to Make a Rollover Image
How to Make a Link
How to Change the Screen Resolution
How to Embed a Video
Helpful Websites

EXT

Start adding how to guides on to each of your pages
Make sure that each image is:

• Saved in your images folder
• Saved as a .png
• Is less than 500kb

Plenary

Complete the skills and confidence checklist