Color




In cooking there is an expression -- "people eat with their eyes first". The same is true the people that view web pages. If it isn't appealing visually, then they will usually pass it by. A critical part of that visual appeal is color. Below are ways you can introduce color to your page.

  1. Search through your resource page links and find a web page with a pleasing look to it. For example, look at an introduction page to a frog exhibit at the Exploritorium in San Francisco. Note the colors of the background, title, subtitles, paragraph text, links, visited links, and active links. Keep this web page open during the procedures that follow.
  2. Open resource.html in Dreamweaver. Go to Modify/Page Properties. In this one pallet you can set the color of most of the parts of your page.
  3. Reduce the size of the Dreamweaver window so that you can see Netscape and that attractive web page behind it.
  4. Set the background color by clicking on the square next to Background and holding the mouse button down. While holding it down, drag the eyedropper over to your web page and click on the background color. The color pallet in Dreamweaver will change the Background square to that color.
  5. Now set the text, links, visited links, and active links in the same manner. Note the number codes of these colors.

    Note: Don't use more than 3 or 4 colors total. Make one of those colors a neutral color like white or black. For our purposes in these lessons, make the color of the words darker than the background. That means for example no black backgrounds and light colored words. This kind of combination does not print well.

  6. As you set the FONT colors for your title, subtitles, and paragraphs, use the color numbers that you have previously written down.
  7. Read this interesting page on using colors for color blind people: Color Deficient Vision

TeacherTECH 2001       CEEE GirlTECH       Rice University

This page was developed through GirlTECH , a teacher training program sponsored by
the Center for Excellence and Equity in Education (CEEE) with support from
the National Science Foundation through EOT-PACI.

Copyright © 2001 by Barbara Christopher.
Updated: June 12, 2001