1st Site Free / Design / Design Tutorial /

Step 2 - Design (Cont.)

Design Tutorial - Colors

By using HTML code you can specify your background color; plus your, text, link, visited link and active link colors. Don't worry about learning how to code HTML - just select your colors.

Colors don't always look the same when using the Netscape and Microsoft browser or MAC and PC. Other color tips are outlined below:

  • Make sure your text color doesn't clash with your background color. The classic white background with black text is your best choice!
  • The key to using color is contrast. Make sure you specify colors for your text and links that contrast well with your background color. For example, GREEN does't contrast well with a white background.
  • Use colors that compliment your subject matter and are relatively pleasing to the eye.
  • Use a flat color for your background.
  • The default values for link parameters in most browsers are blue for non-visited links (LINK), purple for visited links (VLINK), and red for active links (ALINK). If you change these default values, It's important that your visitors be able to see these links so they know which links they've visited and which ones they haven't.
  • Since you can't control which browser or computer your visitor will use when they visit your site, it is important that the colors you select are what are known as "browser-safe colors".
  • Don't pick colors that clash.
  • Don't use a multi-colored background image tile as your background.
  • Don't use red or blue on a black background.
  • Don't use yellow on a white background. See why, yellow.
  • Don't use light text colors on light backgrounds or dark text colors on dark backgrounds.
  • A black background can create a problem if your visitor prints the page.
  • Your background colors should remain the same on every page.

Color Picker II. A useful tool to assist you with selecting the right background color, text color, link color, and visited link color is located at this link.

Web pages at 1st Site Free are defined as:

  • Major Web pages: Home, Plan, Design, Code, Upload, Test, Promote and Maintain.
  • Minor pages: All other Web pages at 1st Site Free.

The body colors used at 1st Site Free for major Web pages:
<body
bgcolor="#FFFFFF"
text="#000000"
link="#0000FF"
vlink="#880088"
alink="#FF0000">

The body colors used at 1st Site Free for minor pages (including this one) are shown below:
<body
bgcolor="#FFFFFF"
text="#000000"
link="#0000FF"
vlink="#999999"
alink="#FF0000">

Add this color information to your Website Plan.

Let's go to Consistency.

Do You Need Help? Don't be shy, if you have questions or need help creating your Website, just ask me. I work cheap -- free. The only dumb question is the one not asked!

If you find this Website useful, donate as little as a $1.00 through the Amazon Honor System to help me keep it free. Paying is fast and easy: just click the Pay now button to begin. Your credit card is secure. Your privacy is protected.



Return to top
Help me improve this page, please provide me your
suggestions or comments:

Suggestion or comments.



| Colors | Consistency | Content | Graphics | Navigation | Style |


URL: http://www.1stSiteFree.com/design_colors.htm

Bill Green
Copyright © 1998 - 2008


HTML 4.01 Checked!Valid CSS Document