This is the main text of the page. You can see it is the typical sans-serif font. The font-family and font-size are controlled by the attached CSS style sheet.

The big heading at the top of this page is a GIF. Use a GIF when you need to have some beautiful typography on a Web page, but do this only for special cases, such as section headings.

Here is a fake link to show the regular link styles from the CSS.

The buttons at left contain no graphic images at all. They are created and controlled thorugh the CSS. Download the CSS to see how it works. View Source on this page to see the code.

Colors used

• Greens: CCFF99 99CC66 669933 336600
• White: FFFFFF
• Black: 000000

This example served as the basis for an expanded teaching site: The Quickie Guide to Web Site Design. Take a look!

> Return to the syllabus schedule page.