Start Basics Color Forms Frames Images Links Lists Tables Type

Links: Dreamweaver 4:
Create Internal Links

 

Review of Hyperlinks A hyperlink is a direct connection from the current location of the cursor to another location.

You can create an absolute hyperlink to another web site.

You can create a relative hyperlink to another document within your own web site.

You can create a mailto hyperlink to an email message preaddressed to whoever you designate.

You can also create an internal hyperlink to another position in your current document.

For example, you may want to place a hyperlink at the bottom of a web page that will take the visitor back up to the top of that same web page.

Or you might want to provide a short table of the contents of a particular web page and link each item in the table of contents to the exact position farther down on the web page where the discussion of that item begins.

When we create this internal hyperlink we are hyper linking to a place on the web page that is variously referred to as a bookmark, a marker, a target or an anchor

Dreamweaver refers to such a place as a an anchor.

Anchor To create an anchor at a location in a web page:
  • Position your cursor at the location you wish to use as your anchor.   Or you can highlight a word in the targeted line.
  • Choose Insert, Invisible Tags, Named Anchor from the main menu.  
Invisible Tags, Named Anchor
You can also access the Anchor command through the Objects Panel.
  • With the Objects Panel open, click on the down arrow to access the available menus.
  • Choose Invisibles
  • The Invisibles Object Panel will appear
Object Panel sub menu

Invisibles Object Panel

Choose the Insert Named Anchor button on the Invisibles panel

Insert Named Anchor button
Insert Named Anchor button

Whether you use the Insert command on the main menu or the Insert Named Anchor button on the Objects panel, the Insert Named Anchor dialog box will appear. 

Insert Named Anchor

  • If you have highlighted a word where you wish the bookmark to appear, that word will appear in the Anchor Name dialog box.
  • If you haven't highlighted a word or if you wish to change the bookmark name, type the desired name in the Anchor Name text box.
  • Click on OK
An anchor icon will appear at the location of your anchor name

Anchor Icon
Anchor icon

To create a hyperlink to the anchor
  • Highlight the clickable text.
  • Type the pound sign (#) and the anchor name in the Link text box in the Property Inspector. Do not leave a space between the pound sign and the anchor tag.


Property Inspector, Anchor Tag
HINT: If you don't remember the name of your anchor, click on the anchor icon.  The Property Inspector will display your anchor name.

Property Inspector Anchor

You might want to link to a bookmark in another file in your web site.   To do so, take the following steps:
  • Highlight the clickable text in the first file.
  • Create a relative link to the second file.
  • Follow the URL with the pound sign and the anchor name from the first file.

Link to Page with Anchor in Property Inspector

Links: Dreamweaver 4
Overview

Create Absolute Links
Create Relative Links
Create Mailto Links
Create Internal Links
Open a Link in a New Window

Start Basics Color Forms Frames Images Links Lists Tables Type

Personal Home PageWeb Design CenterTutorial MenuTop of Page

Web Design Center
Last Revised: September 2, 2001
© Agatha Taormina