• Scenario
• 
• Getting organised
• 
• Wireframe
• 
• HTML
• 
• CSS
• 
• Javascript
• 
• Page layout
• 
• Review
• 
• Evidence

IceScream

WIREFRAME

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

Read the full SPB 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. State which browser you intend to use.

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