These pages use Javascript to provide a stylesheet appropriate to your browser. The pages are functional without javascript but not aesthetically pleasing.

DreamweaverMX Tutorials

5. Links & Images

Dreamweaver Tutorials

5.4 Links within a page (jump links)

When we have a long Web page, it may be helpful to provide a table of contents at the top of the page, with each content section linking "down" to the appropriate section within the document.

To do this, we use named anchors, which have two components: the name and the link. If it's not clear that the link goes to information on the page, it's useful to add a "down" icon; see Qbullet Icons.

exercise

  1. Download lesson_5c.html to your hard drive. Save it in the art_of_bonsai folder (so that links work).
  2. In Design View, highlight the words "Formal Upright" -- this is going to be our first named anchor point.
  3. Click the Named Anchor icon in the Insert Bar. named anchor icon
  4. In the Named Anchor dialog box, type formal_upright; click OK. [Note: we don't use spaces in file names; it's a good idea to continue this practice in anchor names.]
  5. In Design View, there should now be an anchor marker on the page.
  6. Do the same for the other four types of trees.
  7. Now we can add the links at the top of the page. We'll use the Point to File option in the Property Inspector (F3) to create these links.
    point to file
    • Highlight the words Formal Upright.
    • Click and hold the Point to File icon.
    • Drag the Point to File icon onto the anchor beside the sub-head Formal Upright. Release the cursor.
    • You should see #formal_upright in the Link box of the Property Inspector.
  8. Repeat for the other four links.
next previous PDF print home