Types of Hyperlinks

Only available on StudyMode
  • Download(s) : 21
  • Published : April 6, 2013
Open Document
Text Preview
FrontPage 2003 Lesson 13 - Hyperlinks

Types of Hyperlinks
Hyperlinks are the primary method used to navigate between pages and Web sites. Links can point to other web pages, web sites, graphics, files, sounds, e-mail addresses, and other locations on the same web page. When text is used as a hyperlink, it is usually underlined and appears as a different color. There are four types of hyperlinks. • • • • Text hyperlink – Uses a word or phrase to take visitors to another page, file or document. Image hyperlink – Uses an image to take visitors to another page, file or document. Bookmark hyperlink – Uses text or an image to take visitors to another part of a web page. E-mail hyperlink – Allows visitors to send an e-mail message to the displayed e-mail address. When adding a text or image hyperlink that moves off your site, have it open in a new window. This allows visitors to easily come back to your site without having to use the back button on their browser. Text or image hyperlinks can also be used to move between pages within a site.

Text Hyperlinks
1. Open the Practice web site. 2. Open the favorite.htm file. 3. Select the text to be used as the hyperlink for the first favorite web site. 4. Click the Insert Hyperlink icon on the Standard toolbar. The Edit Hyperlink

dialog box displays. See Figure 1 on page 2. 5. Review the Text to display field. Make any needed changes to the text displaying as the hyperlink.

Ed. 5/5/06

Page 1

Lesson 13 - Hyperlinks

Figure 1. Edit Hyperlink

6. Type the URL or address for the web site in the Address field. Note: The URL or address can be copied from the web site’s home page and pasted into the address field. Use Ctrl+V to paste. 7. Click the Target Frame button. The Target Frame dialog box displays. See Figure 2 on page 3. 8. Highlight New window in the common targets list. This parameter is set so that a new window opens when the hyperlink is clicked. 9. Click OK. 10. Click OK to close the Edit hyperlinks dialog box. 11. Save the page. 12. Preview the page. 13. Test the hyperlink to be sure it works correctly.

Ed. 5/5/2006

Page 2

Lesson 13 - Hyperlinks

Figure 2. New Window

Try It!
1. Edit the remaining text hyperlinks on the favorite.htm page. 2. Try a copy and paste to add the URL or address for one of the hyperlinks. 3. Be sure to set the target parameter so a new window opens when the link is used. 4. Save the page. 5. Preview the page. 6. Test the hyperlinks. 7. Close the favorite.htm page.

On Your Own
1. Create a new page with the title Academics. 2. Save it as academics.htm. 3. Add a table with 25 rows and 2 columns. Center the table on the page. Change it to display on 90% of the page. Turn off the table borders. 4. Insert a books clip art image in the first cell of the first row. Resize the image as needed. Center it within the cell.

Ed. 5/5/2006

Page 3

Lesson 13 - Hyperlinks

5. Add the following text description to the books image: Go to the Home page. 6. Add a centered Heading 1 style title called Academics in the second cell of the first row. 7. Save the file. Rename the clip art image to books. Leave the .jpg or .gif file extension.

Image Hyperlinks
1. Select the books image. 2. Click the Insert Hyperlink icon on the Standard toolbar.

3. In the Link to section, click Existing File or Web Page. 4. Navigate to the default.htm or index.htm file in the Practice web site, and highlight it. 5. Click OK. 6. Save the page. 7. Preview it in the browser. 8. Mouse over the books image. 9. Click the books image to test the hyperlink. Note: Image hyperlinks can be used to link to external web sites also.

Bookmark Hyperlinks
Bookmark hyperlinks are used to navigate within a web page. These are useful when the page is long or has different sections. As an example, use a bookmark hyperlink to allow visitors to go to the top of a page. They are also used for alphabetic lists.

Creating a Bookmark
10. Select the Academics...
tracking img