Add color to the page

Add color to the page

Now you’ll add more color to the page by setting colors for some of the table cells and for the background of the page.

  1. Click once inside the first cell of the three-columned table.
  2. Click the <td> tag (cell tag) in the tag selector to select the cell.

    This is a picture of the feature being described.

  3. In the Property inspector (Window > Properties), click once inside the Background Color text box.

    The text box is located directly next to the Background Color (Bg) color box.

  4. In the Background Color text box, enter the hexadecimal value #993300 and press Enter (Windows) or Return (Macintosh).

    This is a picture of the feature being described.

    The color of the table cell turns to reddish-brown.

  5. Click once inside the second cell of the three-columned table.
  6. Click the <td> tag (cell tag) in the tag selector to select the cell.
  7. In the Property inspector, click once inside the Background Color text box, enter the hexadecimal value #F7EEDF, and press Enter (Windows) or Return (Macintosh).

    The color of the table cell turns to light tan.

  8. Repeat steps 5 through 7 to change the color of the third table cell to light tan as well.
  1. After you have all three cell colors set, click once outside the table to deselect it.

Next you’ll change the background color for the entire page by modifying page properties. The Page Properties dialog box lets you set a number of page properties, including the size and color of page fonts, the colors of visited links, page margins, and much more.

  1. Select Modify > Page Properties.
  2. In the Appearance category of the Page Properties dialog box, click the Background Color color box and select black (#000000) from the color picker.

    This is a picture of the feature being described.

  3. Click OK.

    Your page background turns to black.

    This is a picture of the feature being described.

  4. Save your work.

Your page layout is now complete. The layout contains a number of tables that can hold assets such as images, text, and Flash Video (FLV) files. In the next tutorial, Tutorial: Adding Content to Pages you’ll learn how to add assets to the page using the various insertion features that Dreamweaver provides.



Getting Started with Dreamweaver
Dreamweaver Basics
Working with Dreamweaver Sites
Laying Out Pages
Adding Content to Pages
Working with Page Code
Preparing to Build Dynamic Sites
Making Pages Dynamic
Developing Applications Rapidly