Basic Web Design

1
Basic Web Design ConstructionBen Steed

color"999999" size"1" face"Verdana"Title
"Cutting Out the Noise"

Author Phil Ware

Publication Date February 19, 2001






bgcolor"C0C0C0" width"50" background"grey_lin
e_background.gif"face"Verdana, Arial, Geneva, Helvetica"
size"2"nbspShare with
Others bgcolor"C0C0C0" width"50" background"grey_lin
e_background.gif"size"2"nbspRelated
Heartlight Resources
width"50" face"Verdana, Arial, Geneva, Helvetica"
size"3"
cellspacing"1" width"150" bgcolor"FFFFFF"

href"http//www.heartlight.org/cgi-shl/simplify.c
gi?20010312_grace.html"src"print.gif" alt"Print This Article"
width"15" height"15"

2
Session Overview
Geneva, Helvetica" size"3" align"left" width"125 bgcolor"FFFFFF" align"center"border"0"src"top.gif width "15 height"15
alt "Top"
face"Verdana, Arial, Geneva, Helvetica"
size"1"nbspcgi-shl/simplify.cgi?20010312_grace.html"Topb
Geneva, Helvetica" size"3" align"left" width"125 bgcolor"FFFFFF" align"center"

The Dos

The Donts

Comments/Questions

3
- The Dos Planning
Geneva, Helvetica" size"3" align"left" width"125 bgcolor"FFFFFF" align"center"border"0"src"top.gif width "15 height"15
alt "Top"
face"Verdana, Arial, Geneva, Helvetica"
size"1"nbspcgi-shl/simplify.cgi?20010312_grace.html"Topb
Geneva, Helvetica" size"3" align"left" width"125 bgcolor"FFFFFF" align"center"

• Keep It Simple
• Know Your Audience
• Five Fingers
• Three Clicks
• 5 second shot
• Balance of Graphics/Text
• Study Other Sites

4
- The Dos - Technique
Geneva, Helvetica" size"3" align"left" width"125 bgcolor"FFFFFF" align"center"border"0"src"top.gif width "15 height"15
alt "Top"
face"Verdana, Arial, Geneva, Helvetica"
size"1"nbspcgi-shl/simplify.cgi?20010312_grace.html"Topb
Geneva, Helvetica" size"3" align"left" width"125 bgcolor"FFFFFF" align"center"

Clear Text

Fast, crisp graphics

Use Tables

Fast load times

Easy Navigation

5
- The Donts - Technique
Geneva, Helvetica" size"3" align"left" width"125 bgcolor"FFFFFF" align"center"border"0"src"top.gif width "15 height"15
alt "Top"
face"Verdana, Arial, Geneva, Helvetica"
size"1"nbspcgi-shl/simplify.cgi?20010312_grace.html"Topb
Geneva, Helvetica" size"3" align"left" width"125 bgcolor"FFFFFF" align"center"

Loud Backgrounds

Large, pointless graphics

Embedded music

Annoying Java tricks

Hard to read text

Down the Middle

Endless Animation

6
Comments Questions
Geneva, Helvetica" size"3" align"left" width"125 bgcolor"FFFFFF" align"center"border"0"src"top.gif width "15 height"15
alt "Top"
face"Verdana, Arial, Geneva, Helvetica"
size"1"nbspcgi-shl/simplify.cgi?20010312_grace.html"Topb
Geneva, Helvetica" size"3" align"left" width"125 bgcolor"FFFFFF" align"center"