Changing the Colors and

Layout of Your Page

As you design your page you may decide that you'd like to have a background image,

a menu box, or that you'd simply like to change the color scheme of the page.

One way to accomplish these things is to use a FrontPage template to create your page.

Templates will set all of these attributes for you. However, if you'd like to set them yourself,

here's how to do it.

Changing Background Color

To change the background color of the page:

1. Right click on an open area of your page and select Page Properties from the menu.

2. The Page Properties menu allows you to make many changes to your page.

  • A. This tab lets you set a Title that will appear in the top bar of the viewer's browser window.
  • You can also add music or sound effects here and control how many time they will play when the
  • page is opened.
  • B. This is the tab that allows you to change the background colors of your page or add a
  • wallpaper behind your page. This is explained fully below.
  • C. The Margins tab is the same as the Margins tab in Word.
  • D. The Custom tab allows for specialized HTML and other scripts to be added.
  • E. The Language tab marks the content of your page as being written in a specific language.
  • If the langauge selected is different from the default language of your viewer's browser then they
  • will be offered to translate the page. The default here is English so you shouldn't have to change
  • anything on this tab.
  • F. The Workgroup tab lets you sort pages by their purpose. Again, this tab is seldomly used but
  • comes in handy if more than one person will be working on the site that you're adding to.

The Background Tab

1. Click this box if you'd like to have a background wallpaper on your page. You can then browse to s

elect the image you'd like to use. The Properties button will allow you to select how you'd like the image

to appear.

2. Click this box if you'd like rollover effects on your links. Here you can select the color, font, and size

that you'd like your links to change to when the viewer hovers over them.

3. This box sets the color for the background of your page if you are not using a background image.

Click on the color box and select the color you would like to use.

4. This Text box sets the default color of body text on your page. Links will not be this color. Be sure

there is enough contrast between your background and text colors so the text will be legiable.

5. This Hyperlink box sets the default color of the text of your links when they are inactive and have

not been used.

6. Visited Hyperlinks can be a different color to help the viewer remember where they've been. You

can set a second color here or set this color to the same as the one you chose in the Hyperlink box

to keep them the same.

7. The Active Hyperlink color is the color of the text in links when the viewer hovers over the link.