SyNow.org Web Site Design & Web Hosting Tutorials


Articles

Domain Name Registration - Free Web Hosting Email Tips and Tricks -  Home Based Web Business - Work at Home - Chat Rooms  - Voice Chat - Cell Phone - Phone Calls - Love Dating - Online Dating Services


 

Dreamweaver MX Tutorials >>New Tutorials >> Creating Anchor Links

Step 4: Creating the "Back To Top" Links

Another common way to use anchor links is to include a "Back to Top" link that takes the viewer to the top of the page. This is accomplished by inserting an anchor link at the top of the page.

  1. Place your cursor in front of the first menu link at the top of the page
  2. Insert > Named Anchor or, click the Named Anchor icon on the Insert Bar
  3. Enter a name for the anchor in the "Insert Named Anchor" dialog window. I called mine, "top".
Top anchor link
  1. Next to each anchor link on your page, add a new link. I named mine "Back to Top" and inserted a small image of an arrow next to it.
  2. Highlight the text and use either the Point to File method or type "#top" into the link field of the Property Inspector to link to the anchor link at the top of the page. Remember the pound sign before the link name.
  3. Continue adding the "Back to Top" link to for the remaining items on the page.
Back to Top anchor link
Page 1 | Page 2

Domain Hosting | Dedicated Servers| Link Exchange Directory