Dreamweaver: Customizing Your Navigation Bar

To edit an existing navigation bar button:

Highlight the text you want to change and type in what you want the link to say. Here, we are changing 'Link one' to 'Home.'

Next, under the Properties section, we are going to put our home page URL. Now, when someone clicks on 'Home', they will return to the home page.

For other links within your website, you can rename the links on the navigation bar, and then type the corresponding URL into the Properties section. Say we want to make a site map, first we will rename Link two to 'Site map' and then in the properties section, you want to write http://www.websitename.com/sitemap.

Adding Additional Buttons to Navigation Bar:

To make an additional button, put your cursor at the END of the text in your last button and press enter. A new button will be created, and you can now type in what you want the link to say. At first, you new button will not look like the others, but this will be fixed.

Next, we want type the corresponding URL into the Link box under Properties. Then hit Enter, and your button will look exactly like the rest of the buttons.

Dreamweaver: Making Clickable Links

First things first, there are two types of URLs: Absolute and Relative

Absolute: a web address, like missstephanie.blogspot.com

Relative: links to pages within your own website

Making Clickable Links:

To use an image as a clickable link, open the picture that you want to use into your Dreamweaver page (make sure it is saved in your website folder). In the properties panel at the bottom of Dreamweaver, enter the URL of the website into the 'Link' section (these links have to be an absolute URL, I am using my blogspot address), and set the Border to '0' so there is no border around your image when it becomes a link.

To use text as a clickable link, highlight the text that you want to use for your link. Type the URL of your website into the 'Link' section, and you're done!