Web Design
by Anne Galante
The Good,
the Bad,
and the Ugly!
Your
Website
may not be
a peacock
at first!
Don’t let your website be the ugly duckling!
Your website can turn into a swan
…..with some tips.
Web Design Topics







Background Page Colors
Layouts
Color Schemes
Fonts
URL Names
Movement
Technical
Home Page Colors -Ugly
My home Page
Stay away from base colors like red.
They are hard to read!
Home Page Colors – Bad

Never, never use black as a base.
http://www.ocf.berkeley.edu/~chenj/brucelee/
brucelee.html
Home Page Colors - Good

Using soft a soft color palette for background

color.
Using a soft color font
Home Page Colors - Good




About us
Project Web
My Personal Site
Stick to white/light colored backgrounds.
Use color for titles and toolbars.
Try using a color wheel for a decorators
touch
msn.com
Home Page Colors - Good
Monochromatic Color Scheme.
About us
Project Web
My Personal Site
Home Page Colors - Good
Contrasting Color Scheme.
CondéNet and Condé Nast
Magazines
About us
Project Web
My Personal Site
Font Usage – Ugly to Bad




Do not mix different colors in sentences!
Do not mix fonts in a sentence.
It’s hard to read blinking words!
. (10 pt)
(ie. Do not make fonts to small)
Do Not make Fonts to small
Font Usage - Good

Use a different font for heading and paragraphs.

Acceptable Paragraph type sizes are:
Example of 14pt
Example of 16 pt
Use the following fonts:
Arial, Courier,
Fonts will be limited based upon what tools you
use to make your website.
Web Page Content

What are you trying to convey?




What fill be the function of your Website?




Informative
Interaction
Data Collection
Homework Help
General Information
Calendar/Lunch Menu
Start with a design first
URL Names

Give some thought to the name




Easy to remember
May be restricted/used already
Domain Names run out eventually 1,5,10 years
How will others know what the URL is?
Sample of School Websites






Find a design you like and
http://www.bestschools.org/
http://www.syosset.k12.ny.us/
http://www.lynbrook.k12.ny.us/site/index.cfm
http://www.adelphi.edu/
http://www.usmma.edu/
“The secret to creativity is knowing
how to hide your sources.”
Albert Einstein (1879 - 1955)
Find a design you like and incorporate
Keep your website up to date
References:




Web Style Guide
http://webstyleguide.com/
Patrick Crispen Classroom Resources
http://www.netsquirrel.com/classroom/
Web Page Design
http://www.wpdfd.com/
Accessible Web Page Design
http://www.makoa.org/web-design.htm