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

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 1.Home page 2.Price list 3.Staff page

Site Map Navigational structure must include: page titles file names Home page Price ListStaff index.html price.htmlstaff.html

Page Layout All text Arial size 3 Black Left aligned Unless stated Table Border = 0 Width = Title size=7, centered 2. Text based navigation 3. Text4. Graphic 5. Footer Background color=white

Content Guide Filename: 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,