7/8/04 1 Web Project Phase 3 - Sketches Use pencil and paper to sketch the layout of the pages in your web site Considerations – Placement of text? – Placement of pictures? – Font or background colors? – Sound or music? – Scrolling text?

7/8/04 2 Sketch of Home Page Must include the following – Title – Introduction – Picture or graphic May include – Scrolling text – Sound, music, or other images – Background colors or picture – Link for (NOTE: This is required on at least one page in your web site) See example on next slide

7/8/043 Sample sketch of homepage: On the Edge NASCAR Winston Cup Racing SuperSite Picture of a race car Cite Photo source Introduction with link View this month’s scheduleTop 10 Drivers Know your racing terms!

7/8/04 4 Sketches of topic pages Sketch each page of your general site topics (created in phase 2) Considerations – Readability – Consistency in fonts and backgrounds – Use of graphics, sounds, or scrolling text – Navigation back to home page – Navigation to other pages (as needed) See examples on next 3 slides

7/8/045 Sample sketch of topic #1 (schedule): This month’s Schedule NASCAR Winston Cup Racing SuperSite Picture (race track) schedule info created in phase 2. Format as a table. Picture (checkered flag?) Back to Home Cite Photo source

7/8/046 The Top 10 Drivers Driver points through xxxx race Picture (driver in 1 st place) Cite photo source Picture (checkered flag?) Back to Home Sample sketch of topic #2 (top 10 drivers): standings info created in phase 2. Format as a table.

7/8/047 Know your racing terms! Picture (checkered flag?) Back to Home Sample sketch of topic #3 (Glossary): Glossary of terms created in phase 2. Research page

7/8/04 8 Sketch web page relationships Use arrows to indicate which pages will be linked together – The home page should link to each topic page – Each topic page should link back to the home page – Pages with related information should be linked together See example on next slide

7/8/049 Home Page Sketch of relationships between pages: This month’s schedule Top 10 driversGlossary

7/8/04 10 Web Project Phase 3 – Example

7/8/04 11 Web Project Phase 3 – Need help? View sample sketches (available on the CMP 101 Resources web site: home.dmv.com/~wpostles) View other websites – Search the internet for topics related to your site – View student web sites (available on the CMP 101 Resources web site: home.dmv.com/~wpostles) Talk to your instructor