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

Lesson Objectives 

LO1 Understand what screen resolution is and appreciate why it needs to be considered in web designs
LO2  To continue to develop your own revision website

Outcomes

Red - You will be able to explain what screen resolution is and be able to change it
Amber - You will have completed your website
Green - You will begin to learn some html coding

Starter

• Go to http://www.whatismyscreenresolution.com/ and find out what screen resolution you are using
• On the How the Change the Screen Resolution page explain what the screen resolution is 
• Why is it important to consider it when creating a website?
• How can you make sure your website is suitable for different resolutions?

Main

RED TASK

• Use screenshot(s) show how to change the screen resolution  on the school computers
• Add it the How the Change the Screen Resolution page

AMBER TASK

Make sure that your exam revision website is complete

• Suitable template with colour scheme and banner
• All pages made from 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 
• All pages linked together
• Video(s) and sound(s) embedded somewhere in your website
• Email and hyperlink in the footer template
• How to guides with screenshots / video on all pages

GREEN TASK

• CLICK HERE - to learn some HTML5 coding

Plenary

Complete the confidence checklist again

Do you feel more confident?

Are you fully confident in all areas yet?