Linking to Different Parts of the Page

You have probably seen web pages with links to the Top, Bottom or Middle of the page. This can also be accomplished easily in Dreamweaver by using the Named Anchor.

Bottom

Find the section of your document you would like to link to and place your cursor there. Then go to the Insert Menu and select 'Named Anchor'. You will then be prompted for the name of your anchor.

If you have configured Dreamweaver to view Invisible Elements (from the View Menu), you will see a small icon that will represent your anchor.

Now all you have to do is create a link to that anchor. This is done with the Properties Toolbar as you would normally do, only now you will use the # Pound sign, followed by the name of the anchor.

When the user clicks on your link, the screen will jump to your Named Anchor. This can be useful on longer pages where you wish to eliminate the need to scroll.

You can link to the same anchor from another document by appending the #name to the end of the filename. This can be done with both relative and absolute urls. For example, you could link to the following: /about/index.html#names. This would take users to the names section of the document.

Top