Arrow to Bottom

Rapid Design through Virtual and Physical Prototyping

Carnegie Mellon University
Spring 2009

Course Index

A few tips on making web pages

  • Spell check your page before your publish it!

  • Test your page once you have moved it to its final location. Be sure that all the links work and that all the images are displayed.

  • If possible, test your page again on another computer using a different browser and a different operating system. Be aware of the variability in browsers, monitors, and local settings.

  • Print your page. Be sure that it is legible.

  • Be sure that your text and your background contrast. If you pick a dark background, your text, links and visited links should be light. Or vice versa, if you have a light background, be sure all the text is dark.

  • If you use a background image,
    • be sure that the image is not too busy and that it is uniformly light or dark. If your background has a lot of contrasting colors, some of your text will disappear into the background.
    • don't count on a particular part of the background image being next to a particular part of the text. Each web browser will display the page differently.
    • be aware that the default for most browsers is not to print the background with the page.

  • Don't make your reader click through twenty links to get to a single piece of information. Think about how to organize your pages so that your readers can find what they are looking for easily.

  • Use relative addressing whenever possible. The absolute address for this page is "". But if I have a link to this page from the course home page, its relative address is "labs/htmlhints.html". With the first address, when the link is followed, the http protocol fires up, the cs web server is contacted and the page is served to you. With relative addressing, when the link is followed, the browser follows the path from the current page.


Class home page       Arrow to top       Mail to sfinger