Internal Link Creation in Adobe CS5 Dreamweaver - dummies

By Jennifer Smith, Christopher Smith, Fred Gerantabee

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver has several facilities to help you create, modify and place internal hyperlinks in your web pages. Dreamweaver offers a hyperlink dialog, the Property inspector has a hyperlink creation facility and finally, the Point to file tool is a quick link creation tool.

Links, or hyperlinks, are navigational aids; viewers click links to go to other web pages, to a downloadable file, to an e-mail address, or a specific spot on a web page (known as an anchor). Internal links connect viewers to other parts of your website. Internal links, an essential part of any user-friendly site, help viewers easily and quickly navigate to other pages on your website.

If you need to change filenames after they’ve been linked somewhere, do so only within the Files panel in Dreamweaver. Otherwise, you end up with broken links.

You can create a link from text or an image (such as a button graphic). The following sections outline several methods you can use for creating links.

Create a link using the Hyperlink dialog box

  1. Select some text, make sure that the Common category of the Insert panel is forward, and click the Hyperlink button.

    The Hyperlink dialog box appears with your selected text already entered in the Text field or choose Insert→Hyperlink.


  2. You can either enter a URL (or location of a file) or click the Browse folder icon to the right of the Link drop-down list and browse to the file you want to link to.

    You can also enter an external link here.

  3. 3a.If you want the page to appear in the same Document window, essentially replacing the existing page, leave the Target drop-down list blank or choose _self.

  4. 3b.If you want to force the link to create its own Document window, choose _blank.

  5. Click OK to create your link.

Create a link using the Property inspector

  1. Select on your page the element you want to link up.

  2. With your text or image selected, click the HTML button on the left side of the Property inspector to switch to HTML view and then type the link location into the Link text box.

  3. To locate the destination file, click the folder icon (Browse) to the right of the Point to File button.

    The Select File dialog box opens.

  4. Navigate to the folder containing the file you want to link to, select it, and click OK (Windows) or Choose (Mac).

Create a link using Point to File

  1. Select the text you want to use as a link on your page.

  2. In the Property inspector, find the Point to File icon next to the Link field; click and drag the icon and pull it toward the Files panel — an arrow follows your movement.

  3. Move the arrow pointer over the file in the Files panel that you want to link to and release the mouse button.

    Voilá! The connection is made, the filename appears in the Hyperlink text box, and the selection is now hyperlinked to your selected file.