Links

Links, or hyperlinks, allow you to navigate to different sections on a Web page, to other Web pages in that same Web site, or to a completely different Web site.  They do this by telling the Web browser the exact location of the Web page you want to see.  Another type of link allows the viewer to send you e-mail.

Links can be either text or images, and they are usually formatted to stand out differently from the regular body content.  For example, text links can be in a different color and may be underlined, whereas image links might have a colored border.  Whenever the mouse pointer passes over a link, the icon will change in order to indicate a link.

There are four different types of links:

1. Absolute
2. Relative
3. Named Anchors
4. Mailto:

Absolute Links

1. Highlight the text on the page that will become a link.
2. Click in the Link field of the Property Inspector Palette.
3. Type in the full address of the Web site, starting with http:// .
4. Press Enter.
5. The highlighted text will now be underlined.
6. To test the link, preview the page.

Back to Top

Relative Links

1. Highlight the text on the page that will become a link.
2. Click on the yellow folder icon on the Property Inspector Palette.
3. A dialog box will open.
4. Browse to the HTML file you want to link to, and click Select.
5. The highlighted text will now be underlined.
6. To test the link, preview the page.

Back to Top

Named Anchors

Please Note: Creating named anchors is a two-step process.  First, you have to create the placeholder, or named anchor.  Then, you create the link to the named anchor.

Inserting the Named Anchor

1. Click your mouse on the Web page where you would like the named anchor to be positioned.
2. Go under the Insert menu and choose Named Anchor.
3. Type in the name for the anchor and click OK.
4. The named anchor will show up on the Web page.
   • When it first appears, it is highlighted.
   • The Property Inspector Palette shows the properties for the named anchor.
5. Deselect the named anchor.
   • The named anchor is a yellow shield with an anchor on it.
   • It will NOT show up in the browser.  It only shows up in Dreamweaver, so that you know where it is when you are working on the page.

Linking to the Named Anchor

1. Highlight the text on the page that will become a link to the named anchor.
2. Go to the Point to File icon on the Property Inspector Palette.
3. Click and drag the Point to File icon to the correct named anchor on the Web page.
4. The highlighted text will now be underlined.
5. To test the link, preview the page.

Back to Top

Mailto: Links

1. Highlight the text on the page that will become a link.
2. Go under the Insert menu and choose E-Mail Link.
3. The Insert E-Mail Link dialog box will open.
4. In the E-Mail field, type the e-mail address of the person receiving the e-mail.
5. Click OK.
6. The highlighted text will now be underlined.
7. To test the link, preview the page.

Back to Top