How to Create Anchors in Adobe Dreamweaver CS6

Adobe Dreamweaver CS6 makes it easy to create anchors for your page. An anchor is a link to a specific section of a page, on either the same page as the link or another page entirely. Anchors are especially handy for long pages that have a lot of text.

You’ve probably seen and used anchors, for example, when clicking a Back to Top button or when navigating within a long page using a table of contents. Anchors are extremely helpful to viewers and should be implemented when possible to enhance usability.

To create an anchor in Dreamweaver, follow these steps:

  1. Insert the cursor in a location on the page that you want to link to.

    The anchor may be placed before a line of text or on its own line.

  2. Click the Named Anchor button in the Common category of the Insert panel.

    The Named Anchor dialog box appears.

    You can avoid clicking the Anchor button by using the keyboard shortcut Ctrl+Alt+A (Windows) or Command+Option+A (Mac).

  3. Type a short name that’s relevant to the content or location on the page (for example, TopOfPage or headline).

    For example, the text TopOfPage was entered because this anchor returns the viewer to the top of the page. Anchors are case sensitive, so keep this in mind when deciding on a name.

  4. Click OK.

    The new anchor appears in your page.

    image0.jpg

You’ve created the anchor but have no links directed to it yet. You can define an anchor as a link manually or by using the Point to File tool.

  • Add a Comment
  • Print
  • Share
blog comments powered by Disqus
Advertisement

Inside Dummies.com

Dummies.com Sweepstakes

Win $500. Easy.