ONLINEIMAGEPROOFING.COM

photo shopping cart - www.onlineimageproofing.com

Menu


named anchor to link from an image or text string on one page to another place on the same page, or to link from one page to a specific


part of a different page. To create a named anchor link, you first insert a named anchor in the place that you want to link to, and then use that anchor to direct the browser to that specific part of the page when a viewer follows the link. Suppose that you want to set a link from the word Convertible at the top of a page to a section lower on the page that starts with the headline Convertible Sports Cars. You first insert a named anchor at the Convertible Sports Cars headline. Then you link the word Convertible from the top of the page to that anchor. To insert a named anchor and set a link to it, follow these steps: 1. Open the page on which you want to insert the named anchor. 2. Place your cursor next to the word or image that you want to link to on the page. You dont need to select the word or image; you just need a reference point that displays when the link is selected. For this example, I placed the cursor to the left of the headline Convertible Sports Cars. 54 Part I: Fulfilling Your Dreams 3. Choose Insert?Named Anchor. The Insert Named Anchor dialog box appears. 4. Enter a name for the anchor. You can name anchors anything you want (as long as you dont use spaces or special characters). Just make sure that you use a different name for each anchor on the same page. Then be sure that you remember what you called the anchor, because you have to type the anchor name to set the link. (Unlike other Web design programs, Dreamweaver doesnt automatically enter the anchor name.) In this example, I chose convertible as the anchor name because its easy for me to remember. 5. Click OK. The dialog box closes, and a small anchor icon appears on the page where you inserted the anchor name. You can move an anchor name by clicking the anchor icon and dragging it to another location on the page. If youre curious about what this named anchor looks like in HTML, heres the code that appears before the headline in my example: <A NAME="convertible"></A> 6. To set a link to the named anchor location, select the text or image that you want to link from. You can link to a named anchor from anywhere else on the same page or from another page. In my example, I linked from the word Convertible that appears at the top of the page to the anchor I made next to the headline. 7. In the Properties inspector, type the pound sign (#) followed by the anchor name. You can also select the text and drag a line from the Point to File icon (next to the Link text box) to the anchor icon. The anchor name automatically appears in the Link box, saving you from typing the name again. In my example, I typed #convertible in the Link text box. The HTML code for this line looks like this: <A HREF="#convertible">Convertible</A> If you want to link to an anchor named convertible on another page with the filename coolcars.html, you type coolcars.html#convertible in the Link text box. When you create a text link, Dreamweaver includes a handy little drop-down list beside the Link box, listing the most recent links youve created. To set a link to the same page or Web site, just select it from the drop-down list. Unfortunately, if youre creating a link from an image, that handy drop-down list is not available and you have to set the link by entering the URL manually or using the Browser button to locate the page you want to link to.