Now that you have two pages, you can link them. You’ll link to zoofacts.htm from your main page, index.htm.
- In Dreamweaver, switch to index.htm.
- Type some text about zoos to use as your link.
- Select the text that you want to link to zoofacts.htm.
Design Note: Control. The text you use for your link should be brief but descriptive, giving your visitors an idea of where the link will take them even before they click it. To link to a page that provides the locations of zoos, the link click here for more information lacks detail; the link zoo locations is clear and concise.
You’ll use the Properties Bar to make the link. If you can’t see it, switch to the Design view by clicking the Design tab at the top left..
- In the Properties Bar, click on the Browse for File icon (the yellow
folder). A Select HTML File dialog box appears.
- Using the dialog box, locate and select the file zoofacts. The selected
text is underlined and appears in the link color you chose. In the Properties
Bar, the Link field reads: "zoofacts.htm."
To check if the link works properly, you have to view it in Internet Explorer.
- Save your work and preview in Internet Explorer.
- Click your link. The link briefly appears in your chosen active link
color, and then zoofacts.htm appears.
- Click the Back button. The link appears in the color you chose for visited
links.
If zoofacts.htm doesn’t appear, repeat the steps in this section. You can also check your HTML Source to determine the problem.
Your code should look like the following line:
<a href="zoofacts.htm">zoological facts</a>.
This code tells Internet Explorer that when a user clicks on the link zoological facts it should find and display zoofacts.htm, which is in the same directory as index.htm. This link is called a relative link because the location of the linked document, zoofacts.htm, is given in relation to the linking document, index.htm.
- Switch back to Dreamweaver for final additions to your pages.