Yale Web Style Guide
Copyright Lynch & Horton, 1997. Yale University.
http://info.med.yale.edu/caim/manual/

 

 

Several sub-sections (Webpages) in this document provide one of the best explanations I have seen, for the topic each is covering. So for those pages, I simply link to that part of the original document. Other pages, where I don't provide either a link or some study notes, may provide what used to be the best way to do things, back when HTML 3.2 was the current (most commonly used) Web standard. However, that is just something to be aware of, as many of those pages are still very worth reading.

 
Philosophy
 
 
Introduction
Purpose of the site
 
[WWW Link]>>
 
Design strategies [New Window]
Information site types by purpose.
 
Interface Design
 
 
Introduction
Basic interface design for the Web
Information access issues
Navigation
Links & Navigation
 
Site Design
 
[WWW Link]>>
 
Introduction [New Window]
Sites into pages with balanced menu depth.
 
[WWW Link]>>
 
Site structure [New Window]
The 4 different types of site structue.
 
 
Site elements I
Site elements II
Intranet design factors
 
[WWW Link]>>
 
Site Covers [New Window]
(Which includes Splash Screens.)
 
Page Design
 
 
Introduction
 
[WWW Link]>>
 
Graphic design 100 [New Window]
Page layout for how users see things.
 
 
Balanced pages & menus
Design grids for pages
 
[HTML format Notes]>>
 
Graphic safe areas for Web pages
 
[HTML format Notes]>>
 
Page headers & footers
 
[WWW Link]>>
 
Typography I [New Window]
How people distinguish text.
 
[WWW Link]>>
 
Typography II [New Window]
Do not mis-use <pre> or <blockquote>.
 
[HTML format Notes]>>
 
Typefaces
 
 
Consistency
Basic tables
Page length
 
[HTML format Notes]>>
 
Cross platform issues
 
 
Editorial style
Frames
Advanced tables
 
Web Graphics
 
 
Introduction
 
[WWW Link]>>
 
Color display primer [New Window]
 
[WWW Link]>>
 
Graphic file formats [New Window]
GIF format Introduction.
 
[WWW Link]>>
 
Interlaced GIFs [New Window]
 
[WWW Link]>>
 
Transparent GIFs [New Window]
 
[WWW Link]>>
 
JPEG graphics [New Window]
 
 
Summary, file formats
Illustrations
Optimizing graphics I
Optimizing graphics II
Height & width tags
Colored backgrounds
Image maps
 
Web Multimedia and Animation
 
 
Introduction
Design and audiovisual elements
Digital video
Digital audio
GIF animation

 

[Supports Any Browser]*
E-mail the Webmaster
Page Content Updated: May 12, 2003