Modifying Your Page Properties in Dreamweaver

Modifying Your Page Properties in Dreamweaver
Page content

This tutorial will show you how to modify your page properties in Dreamweaver. Your page properties are your background, text options, and link options. You can set your page properties to display the link options, text options, and background options of your choice. Some people do not use the page properties because they use CSS Styles. If you are not familiar with CSS, then you may want to use the page properties.

Open Dreamweaver and create a new HTML document to work on. Then right click on the document and select Page Properties from the drop down menu. A box will open and you will see the different options. Let’s go through the options in the box and I will explain them to you. You should be seeing the following box.

Modifying the Appearance Section in Adobe Dreamweaver

On the left side of the box that you are looking at, you will see the Appearance link. If that link is not highlighted, click it. On the right side of the box you will see all of your options. Most of these Dreamweaver options are self explanatory.

Page Font, Size, & Text Color – These three options control the text that will be displayed throughout this page. You can change these three options to create the text of your choice.

Background Color & Background Image – You can use a solid color for your background or you can use an image. To use a solid color, click the color box and make your selection. To use an image, click the browse button and locate the image that you want to use. Then open it. The repeat field allows you to repeat the image if it is not large enough to cover the entire background. Drop the box down and select how you want your image to repeat.

Modifying the Links Section in Dreamweaver

On the left side of the panel, you will see the Links link. Click that link to select it. On the right side you will see the options for your links. Let’s take a look at the options.

Link Font & Size – This is where you control your font style and size. Drop these two boxes down and make your selections.

Link Color – This is the color that your link will be when it is just sitting on your page.

Visited Links – After someone clicks a link, this is the color that it will be when the person sees the link again. You do not have to change this color if you do not want to.

Rollover Links – This is the color that your link will appear when a mouse is placed over it.

Active Links – Links that are active will be this color. You can leave this option alone to.

Underlined Style – You can drop this box down and select the style of your choice for the links. The links can be underlined, not underlined, and show underline on rollover. Drop the box down and make your choice.

The other options in the box, you do not have to mess with. Now you can click the Apply button and then the OK button. That’s how you modify your page properties in Dreamweaver.

This post is part of the series: Dreamweaver Tutorials

This collection of articles is aimed at providing education about the software program Dreamweaver.

  1. Beginner’s Guide to Creating and Saving an HTML Document in Dreamweaver
  2. Dreamweaver Tutorial: Tips for Link Management
  3. Creating a New CSS Text Style in Dreamweaver
  4. Creating a Jump Menu in Dreamweaver
  5. Create a Photo Album for Your Website in Dreamweaver
  6. Dreamweaver Tutorial: Mapping and Linking Images
  7. Use CSS Styles to Create Solid Color Rollover Buttons in Dreamweaver
  8. Incorporating Flash Buttons Into Your Dreamweaver Designs
  9. Creating a Rollover Button in Dreamweaver Without Using CSS
  10. Dreamweaver Tutorial: Creating and Inserting Flash Text into Your Document
  11. Dreamweaver Tutorial: Inserting and Editing a Horizontal Line
  12. How to Modify Your Page Properties in Dreamweaver
  13. Adding Guestbook to Your Site Using Dreamweaver
  14. Applying Pop Up Messages to Links In Dreamweaver
  15. A Guide to Understanding the Properties Panel in Dreamweaver
  16. Create a Tab Menu in Dreamweaver
  17. Creating a List Menu in Dreamweaver
  18. How to Create HTML Email with Dreamweaver