Color: HomeSite 1.2
Changing Color

To set the colors on your web page in HomeSite, use the Quick Start button on the Quick Tab to start a new page.

The Quick Start dialog box will appear.

Quick Start button
Quick Start button

Quick Start box

  • Select the Background Color from the dropdown list.
  • Choose Include these additional color attributes in the lower section of the dialog box.
  • Double click on each dropdown color menu to select your colors for your text and links.

Color box

If you are not satisfied with the 16 color palette, click on Other when you choose a color.  The Color dialog box will appear with a wider selection of  basic colors. 

Choose Define Custom Colors and another dialog box will appear.

From here you can choose from a wider variety of  colors or set the rrggbb values by hand by typing in the color values in the color boxes on the lower right.

cuscolor.gif (50250 bytes)

To apply your changes, click OK.

HomeSite will automatically convert the color values to their hexidecimal equivalents.

To set or change the colors on your web page after you have already done some work on the page, you will have to add or change attributes to your opening <BODY> tag.
See Start: Tour HomeSite 1.2 for a review of the ways to insert tags and attributes into your document.
To change the background color of an entire web page:
  • Add the BGCOLOR attribute in the opening <BODY> tag.
  • Choose the Color button from the QuickTab speedbar to bring up the 16-color choice box.
  • Follow the directions above  to insert the hexadecimal value for the color of your choice.

Color button
Color button

To change the color of all of the text on a page:
  • Add the TEXT attribute in the opening <BODY> tag.
  • Choose the Color button from the QuickTab speedbar to bring up the 16-color choice box and add the color value of your choice.
Thus, a page with a hunter green background and white type would have the following opening body tag:

<BODY BGCOLOR="#336633" TEXT ="#ffffff">

You can also change the colors of the hyperlinks on a page by adding the attributes and values of your choice to the opening <BODY> tag.
  • LINK is the attribute that sets the hyperlink color
  • VLINK is the attribute that sets the color of a hyperlink after it has been visited.
  • ALINK is the attribute that sets the color of the hyperlink as it is activated.
Thus if you want to change the background color to hunter green, the text color to white, the hyperlink color to orange, the visited hyperlink color to red, and the active hyperlink color to black, your body tag would look like this:
<BODY BGCOLOR="#336633" TEXT="#ffffff" LINK="#ffcc66" VLINK="#ff0000" ALINK="#000000">

Color: HomeSite 1.2
Key Concepts
Changing Color

Personal Home PageWeb Design CenterTutorial MenuTop of Page

Web Design Center
Last Revised: September 18, 1999
© Agatha Taormina