Website design How to design a website Site
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 index. html Home page Price List Staff price. html staff. html
Page Layout 1. Title size=7, centered 2. Text based navigation 3. Text 4. Graphic All text • Arial • size 3 • Black • Left aligned Unless stated 5. Footer Background color=white Table • Border = 0 • Width = 760
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 6. Open 9 am till 5 pm 7 days a week, 7. Shop 57 Altona Gate, Millers rd, Altona, 8. 9713 13 13
- Slides: 6