Transcript Phase 3 - DMV.com

Web Project Phase 3 - Sketches


Use pencil and paper to sketch the layout of the
pages in your web site
Considerations
–
–
–
–
–
1
Placement of text?
Placement of pictures?
Font or background colors?
Sound or music?
Scrolling text?
7/8/04
Sketch of Home Page

Must include the following
–
–
–

May include
–
–
–
–

2
Title
Introduction
Picture or graphic
Scrolling text
Sound, music, or other images
Background colors or picture
Link for e-mail (NOTE: This is required on at least one
page in your web site)
See example on next slide
7/8/04
Sample sketch of homepage:
On the Edge
NASCAR Winston Cup Racing SuperSite
Introduction with e-mail
link
View this month’s schedule
Picture of a
race car
Cite Photo source
Top 10 Drivers
Know your racing terms!
7/8/04
3
Sketches of topic pages


Sketch each page of your general site topics
(created in phase 2)
Considerations
–
–
–
–
–

4
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/04
Sample sketch of topic #1 (schedule):
This month’s
Schedule
Picture
(race track)
NASCAR Winston Cup Racing
SuperSite
Cite Photo source
schedule info created in phase 2.
Format as a table.
Picture
(checkered flag?)
Back
to Home
7/8/04
5
Sample sketch of topic #2 (top 10 drivers):
The Top 10 Drivers
Driver points through xxxx race
Picture
(driver in 1st
place)
Cite photo source
standings info created in phase 2.
Format as a table.
Picture
(checkered flag?)
7/8/04 to Home
Back
6
Sample sketch of topic #3 (Glossary):
Know your racing terms!
Glossary of terms created in
phase 2.
Research page
Picture
(checkered flag?)
7/8/04
Back to Home
7
Sketch web page relationships

Use arrows to indicate which pages will be linked
together
–
–
–

8
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/04
Sketch of relationships between pages:
This month’s
schedule
Top 10 drivers
Home
Page
Glossary
7/8/04
9
Web Project Phase 3 – Example
10
7/8/04
Web Project Phase 3 – Need help?

View sample sketches (available on the CMP 101
Resources web site: home.dmv.com/~wpostles)

View other websites
–
–

11
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
7/8/04