Website design

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

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

ExampleYou 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

1. Home page

2. Price list

3. Staff page

Site MapNavigational structure must include:•page titles •file names

Home page

Price List Staff

index.html

price.html staff.html

Page LayoutAll text

•Arial

•size 3

•Black

•Left aligned

Unless stated

Table

•Border = 0

•Width = 760

1. Title size=7, centered

2. Text based navigation

3. Text 4. Graphic

5. Footer

Background color=white

Content GuideFilename: index.html

1. Corn Cobs

2. Hyper links home, price list and staff

3. 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.

4. corn_cob.jpg

5. Corn Cobs

Open 9am till 5pm 7 days a week,

Shop 57 Altona Gate, Millers rd, Altona,

9713 13 13