|
| Creating Relative Links |
|
All
of the Web pages for the skill development activities on Creating
Web pages are saved in the same folder. To link any of these pages
together, I would use a relative link. For example if I wanted to
link the current page back to the page on Formatting
a Web page, I would first highlight the word or words that I
wanted to represent the link. Next, in the property inspector, I
would click on the folder icon to the right of the link cell.
This will bring up a box that displays the files located within a specific folder. To link to a file within that folder, simply click on the name of the file you wish to link to and press Select as demonstrated below. |
 |
|
The words that you highlighted will now become a link to the file you selected. Notice that when you position your cursor on the linked words, the filename of the document you have linked to is displayed in the Property Inspector.
|
| Creating Absolute Links |
| To create an
absolute link, you first highlight the word or words that you want
to represent the link.
Next, in the link cell of the property inspector you type in the URL
of the page that you are linking to.
The words you highlighted now represent an absolute link to another page on the Internet. Click the link and see where it goes. Use your browser's back button to return to this skill development activity. |
| Anchors |
| Another type of link you can create is called an Anchor. An anchor allows you to link to an area within the current page. For example, if my Web page was really long I could have an anchor at the bottom of the page that when clicked would take me back to the top of the page. Another use of anchors is if you have several different sections within your Web page. You can include a navigation bar with links to the different sections of your page. Inserting an anchor is a two step process. First you must create a named anchor. To do this, simply place the cursor where you want the anchor to be. For example, to link from the cell below labeled "Top" back up to the top of the page, I placed my cursor in front of the word "Dreamweaver 4" which is the first word at the top of this page. Note, the anchor is the place where the link will take you. Next go to the Insert menu and select Invisible Tags and then select Named Anchor. |
 |
|
The following box will be displayed and you must type in the name of the anchor. Once you type in a name, you have created a named anchor. The second step is to create a link from this anchor.
|
|
Once you have
created a named anchor, an anchor symbol |
will appear in that location. This anchor symbol will not be visible
when viewing the page in a browser. The next step is to create a
link to that anchor. To do this, select the text or image that you
wish to create a link from. Next, in the link cell of the Property
Inspector you need to type the number sign (#) followed by the name
of the anchor. For example, I highlighted the word "TOP"
in the single cell above. Next, in the link cell of the property
inspector, I entered #top. The word "TOP" will now take
you back to the top of the page when you click on it.| E-mail Links |
|
To create an e-mail link, you must first decide where you want the e-mail link to be displayed. Next, go to Insert and select Email Link.
|
|
The following box will be displayed. The text is how the link will actually be displayed on your page. The Email box is where you enter the actual e-mail address.
When you click on the e-mail link a message composition window will be displayed with the specified e-mail address already entered. Click on the word webmaster to try it out!
Just type in your subject and message and click on send and your email is on its way! |
|
©2000-2002
Julie H. Petlick for Science Junction, NC State University.
All rights reserved. URL: http://www.ncsu.edu/sciencejunction/route/usetech/createwebpage/links.html Last updated 07/28/02 | Creating Web Pages | Learning to Use Technology | Teaching With Technology | |