Pin Me

Dreamweaver Tutorial: Tips for Link Management

written by: Amanda Presley•edited by: Michele McDonough•updated: 11/2/2010

Links are one of the most fundamental components of any web site. In this Dreamweaver tutorial, we’ll focus on the basic tools available that let you create and manage these all-important links.

  • slide 1 of 1

    If you are new to Dreamweaver, this guide will help you with creating and managing links. In this guide I will show you how to create a link and then I will show you how to manage your links. You can create a basic link and then you have the option of how that link will open, the size of the link, the color of the link, and more. This guide will get you started with using links. So, let’s get started. Open your Dreamweaver program and create a new HTML document to work on.Creating and Managing Links in Dreamweaver - link panel Creating a Basic Link in Dreamweaver

    Type the word link on your document. Highlight the link with your mouse. In the bottom panel of Dreamweaver, you will see the link field. Type a link in this field. If you are linking to another page within your website, click the folder icon beside the link field. Select the page that you want to link to in the box that pops up. Then click the OK button to assign the link. So, that’s how you create a basic link.

    Changing the Link Properties in Dreamweaver

    The link properties are the color, size, and font style of the link. Highlight your link again. In the bottom panel, you will see the Font box. Drop that box down and select the font style that you wish to apply to the link. With your link still highlighted, drop the size box down and select the size that you wish to apply to the link. The last property is the color. Highlight your link and drop the color box down and select the color that you wish to apply to the link. That’s how you change the properties of your links in Dreamweaver.

    Determining How the Link Will Open

    You can choose to have the linked document open in a new window or browser, or you can choose to have the linked document open in the same window. Highlight the link that you created. Look for the Target box in the bottom panel. Drop the box down and select blank. Selecting Blank will tell the link to open in a new window. Drop the box down again and select Self. Self will open the link in the same window that the link was clicked in.

    Save this document as test.html. If you do not know how to save an HTML document, please see this tutorial. Now I am going to show you how to open the document in a browser to preview it. Go to the top of your Dreamweaver window and click File > Preview in Browser > and select the browser that you wish to preview it in. When the browser opens, you will see the test link that you created. You can click that link to see how it will open. Remember, it will open, depending on how you set the target.