Dreamweaver Tutorial: Using a Named Anchor to Link Within a Document
Email to a Friend
There are times when you're creating Web pages that you will need to create a link that goes to another place within the same document or to a specific location in another Web page. This is especially true for long web pages that require scrolling to locate specific places far down the page. For some long pages it helps to put an index of the page at the top of the page that links to information further down the page. When the user clicks on a link to move down the page there are usually links to get back up to the top of the page. This is accomplished through the use of named anchors.
In order to link to a specific location within a document, the destination page needs to contain a marker called a named anchor. If you know what the named anchor is called, you can create a link to it. A named anchor is designated by the filename.html#anchorname if it is in the same Web page as the link. See the code example below.
<href="frequentquestions.html#quest16.html">Question 16: How does one create a named anchor?</a>
Named anchors are commonly used for long alphabetized or indexed lists, such as an index, a glossary, or a list of frequently asked questions. INstead of requiring users to scroll through the entire list of questions, you can create a list of the questions at the top of the page that link to the location in the page containing the answer to the specific question.
Dreamweaver Tutorial: Link to a Specific Place in a Document
Click in the Web page where you want the named anchor should go. Click on the Insert menu and then Named Anchor from the drop-down menu.
Another way to create a named anchor is to click on the Common Insert Panel and choose the Named Anchor icon. Click on the anchor and the named anchor dialog box will appear.
In the Named Anchor dialog box, place the cursor in the text field and type in the name of the anchor.
Once the named anchors are created, you can then link to them like you would any other web page. In this case you are linking to the same page, but to a specific location on the page. This page is named dw8.html. In order to create a link to the specific anchor within the page the link would include a pound sign at the end of the file name plus the name of the named anchor. See the sample code for the link below.
<a href="dw8.html#rss">RSS Tutorials</a>
The anchor icons that are created in the Web page represent the named anchors, which are invisible Web page elements. The icons are useful so that you can see that the anchors are there. To turn off the icons so they aren't visible, you can click on the Document Toolbar and then click on Invisible Elements to hide the anchor icons.
View the multimedia Dreamweaver tutorial below to see exactly how to create links within the Web page using the named anchors.
Watch the full size version of the Dreamweaver Tutorial (3:28)
You can also see these other Dreamweaver Tutorial
All other Guides and Tutorials
This Audacity tutorial will show you how to use the basic tools and procedures in the open source audio editing program, Audacity. Not just screen shots, but free narrated multimedia tutorials - You'll learn to use Audacity for recording and editing audio files that can be used for podcasting, mixing music and vocals, creating sound tracks, and other audio projects.
Audacity tips and tricks submitted by users
An Introduction to Advance Organizers including presentations, examples, and downloadable handouts.
Digital Photography Guide
Dreamweaver Tutorial - this series of free Dreamweaver tutorials is just what you need to get up and running with Dreamweaver to create interesting and compelling web sites
This Excel 2003 Tutorial will introduce you to the basics of using the Excel 2003 spreadsheet program. You'll learn to create a spreadsheet, basic Excel workbook skills, work with cells, enter and manipulate data, apply formulas, format data, create and work with charts, and manage Excel workbooks.
This Podcasting tutorial includes a step by step guide that will show you how to record, publish and promote your podcast. Using inexpensive equipment and free software, you'll be publishing podcasts in no time.
This PowerPoint tutorial is just what you need to learn how to use PowerPoint 2003 to create effective and engaging presentations.
Free PowerPoint templates that you can download and use today. This is a growing library of free resources for PowerPoint users.
Non-linear Powerpoint tutorial will show you how to use advanced drawing tools and linking features in PowerPoint to create non-linear powerpoint presentations. Includes narrated presentations, and Flash tutorials on planning, user interface, design, and presentation development.
This LCD Projector Guide will assist you in the use and purchase of a digital LCD projector or DLP projector. It will discuss the differences between LCD and DLP projectors, size and portability considerations, lamp types and brightness, resolution, image quality and other considerations in the use and purchase of a digital projector.
This Introduction to RSS Tutorial will help you to understand how RSS feeds work to distribute web content, pages, blogs, podcasts. It will show you how to create and validate your RSS feed. It includes sample XML code that you can modify for your own feed.
Free Technology Tutorials on software and technology applications including PowerPoint tutorials, Podcasting tutorials, Dreamweaver tutorials, Audacity, Non-Linear PowerPoint, Digital Photography, RSS tutorial, and everything educational technology.
Free guides and tutorials on podcasting, digital video and audio, Audacity, RSS, multimedia development, educational technology, technology integration, K12 Technology, PowerPoint.
This Word tutorial is just what you need to learn how to use Word 2003 to create professional looking documents.
Guides and Tutorials - Free Technology Guides and Tutorials
© 2006 GuidesandTutorials.com - All Rights Reserved
