Home » About DSU » Administration » Special Projects » Office of Information Technology » Web Services » WebSite FAQ's » SBT Tutorials » Link to On-page References (Anchors)

Link to On-page References (Anchors)

On-page references can be particularly helpful on long pages. For example, here's the top portion of a relatively long page, listing descriptions for several product-related courses:

Anchors Example

To give the user the option of going directly to a specific description—instead of scrolling down the page looking for it…

  1. Select the first target (the anchor) Step One in the above Anchor Point Example
    Anchors Example

  2. Click the Anchor icon  on the toolbar.

  3. In the Anchor dialog Name: field, type the anchor name ( access , for example).

  4. Click OK.

  5. Repeat Steps 1 – 4 for the rest of the target anchors on the page.

  6. Select the text/image in the list that will represent the link Step Two in the above Anchor Point Example 


  7. Right-click and select Insert Hyperlink (or click the Hyperlink icon ).

  8. In the Hyperlink dialog…
    • Click the Anchor button.
    • Click the down arrow in the Name: field and select the anchor name (access in this example).
    • Click OK.

  9. Repeat Steps 6 – 8 for the remaining anchor links.

Anchor Example

 

 

Anchors Example

Consider including another set of anchor links to assist users returning to the top of the page (not everyone knows about Ctrl+Home ). In this example, the phrase Back to top of page occurs following each course description (see the red box in the sample—the box is not part of the page).

Anchors Example

All occurrences of this anchor link refer to an anchor established on the page header.

 

 

 

 

 

Maintained by: OIT