• Scenario
• 
• Getting organised
• Wireframe
• 
• HTML
• CSS
• JavaScript
• Page Layout
• 
• Review
• 
• Evidence

Snap It!

WIREFRAME

You must design a wireframe for each page in the website.

Read the scenario carefully before you begin the wireframing process.

Create a wireframe for each page that shows:

• page size
• the position and layout of the content for each page
• the size of each element in pixels
• notes on layout, e.g. div names, positioning techniques
• notes on style, e.g. font, font size, background colour.

You should annotate your wireframes to explain your ideas and state which browser you intend to use.

Discuss your wireframes with your teacher and get their approval before you continue.