Basic Design Web Pages and Web Sites (Excerpts from: Yale Web Style Guide  Copyright Lynch & Horton, 1997. Yale University. http://info.med.yale.edu/caim/manual/)

Do Don't
  • build clear navigation (indexes, backs, forwards, etc...)
  • consider bandwidth
    simplicity
  • use margins
  • consistent fonts/pattern
  • "borrow" designs from other sites
  • use color
  • take advantage of hyper-text - provide links
  • use citations
  • consider intended audience
  • update frequently
  • dead end links
  • large files/images - break them up
  • gratuitous technology
  • forget screen size
  • browser compatibility
  • use frames unless necessary
  • violate copyright
  • have high contrast background or too many colors
  • provide poor/outdated links

 

Site Design Issues

Site Structure:

 

 

Item Relationships:

 

 

 

 

 

 

 

Types

 

 

Page Design Issues

 

 

 

 

 

 

 

Resources for Web Designers (These are some of the millions on the Web)

Towson University's creating and publishing web page

Towson University's workshops

The Web (WWW) great hypertext explanation

Yale Web Style Guide - A fantastic style guide that discusses the basics of graphic design and page layout.

Writing HTML: A Tutorial for Creating Web Pages - This is a good on-line tutorial for beginning designers

Web Monkey HTML Tutorial - This is more appropriate for intermediate designers.

Examples Sites - Here are some nice designs. From Killer Sites

HTML editors - HomeSite, HTML-Kit, HTML Pro3 and others

Download FTP here

Visual Page editors (What You See is What You Get) - Arachnophilia, CoolPage and others

Design Tips

 

Back to the Schedule