Intro & Account Setup | Getting Started With Dreamweaver MX | Program Layout | Making a Page | Page Properties
Text and Text Properties | Cascading Style Sheets | Tables | Images | Links
Publishing | Templates | Collaborating | Outside Resources

When you're designing a website, you'll probably want to customize the look of your site. For starters, you can change the style of the links, the page color, and other features by working with the Page Properties in Dreamweaver MX.

Opening the Page Properties
You can open up the Page Properties window by going to the menu bar and selecting "Modify," and then "Page Properties," which is the first option listed. Select Page Properties, and the window will pop up.

Another way to open the Page Properties window in Dreamweaver is by using your mouse to right-click anywhere on the page. Then, a menu will appear, with Page Properties as an option. You can select this option here.

The Page Properties Window
The following image is a diagram of the different features Page Properties menu. Read the numbered list below and use the corresponding numbers on the image to see what tools do what tasks:

1. Title:
Enter the title of your web page here, as you would like it to appear in the browser's title bar.

2. Background Image:
If you want the background of your web page to be an image, and not a solid color, use the "Browse" button here to find an image on your computer that you want to use as the background. Generally speaking, this image will be "tiled"—repeated over and over again to fill up the page.

3. Background:
If you want to make the background of your web page a solid color, and not an image, use the color picker square or the text box to enter a color's hexadecimal value. Hexadecimal color values are six numbers/letters long, ranging from #000000 for black to #FFFFFF for white. You can find charts of these colors on the web by searching for "hexadecimal color."

4. Text:
Allows you to choose the color of your web page's text.

5. Links:
Allows you to choose the color for links that have not yet been visited.

6. Visited Links:
Allows you to choose the color for links that have already been visited.

7. Active Links:
Allows you to choose the color for active links. An active link is the state of a link as it is being clicked. The default color for active links is red.

8. Margins (Left Margin, Top Margin, Margin Width, Margin Height):
Setting the margins is not required, but doing so allows you to adjust the margins of your web page on different sides.

9. Document Encoding:
Sets the language text encoding for the page.

10. Tracing Image:
Tracing image is an image (made up to look like a website layout) generated in a separate graphics program. It is then brought into Dreamweaver MX to "trace" over to generate that layout in actual website coding.

11. Image Transparency:
Lets you set the transparency (visibility) of an image.

12. Document Folder:
The location of your web page on your computer.

13. Site Folder:
The location of your web page in the site.

>> next