Website design

1
Website design

• How to design a website
• Site map
• Page layout
• Content guide

2
How to do it

• Site Map
• Navigational structure of the site
• Page Layout
• Where page elements are positioned and how they
  are displayed
• Content Guide
• Content of each page element
• Repeat for each page

3
Example

• You have been asked to design a website for a new
  fast food company that has recently opened in the
  Altona Gate food court.
• The company is called Corn Cobs and they sell
  corn cobs!
• They want a 3 page site
• Home page
• Price list
• Staff page

4
Site Map

• Navigational structure must include
• page titles
• file names

5
Page Layout

• All text
• Arial
• size 3
• Black
• Left aligned
• Unless stated
• Table
• Border 0
• Width 760

Background colorwhite
6
Content Guide

• Filename index.html
• Corn Cobs
• Hyper links home, price list and staff
• Corn Cobs is freshest and fastest food you can
  buy. Each cob is cooked when you order and ready
  to eat in less than 1 minute. Corn cobs are
  healthy snack.
• corn_cob.jpg
• Corn Cobs
• Open 9am till 5pm 7 days a week,
• Shop 57 Altona Gate, Millers rd, Altona,
• 9713 13 13