Banner for Web Design

Back to Lesson 3 Main Page
Lesson 3, Task 4


Hyperlinks

Perhaps the most powerful tool of the Internet is the ability to jump from one page to another, or from one web site to another, all with a single click of the mouse.  To add this feature to your web site, you need to make hyperlinks

Of course, there is more that one way to do this (are you sensing a trend here?).  In FrontPage, you can make a hyperlink by first selecting the image or text you want to be a link, then either...

  • Right click, pick 'Hyperlink', or ....
  • Click the 'Link' icon link icon in the tool bar, or ....
  • In the menu bar, click 'Insert', 'Hyperlink'.

Doing any of these will get you to this box:

dialog box

Of course, you won't see what's shown in this box, because the view depends on what you have been working on.  You have the choice of selecting your link destination from the files shown, browsing your web for a destination, or entering a URL in the 'Address' box.  If you pick any other location besides some file in your web or some URL on the Internet, your link will not work.

If I wanted to make a link to the main page at www.croakcity.com, I would enter (type or paste) http://www.croakcity.com/index.htm in the Address box.  Be sure to always include the http:// for Internet destinations.  The best way to link to Internet locations is to actually go to the web page and copy the URL from your browser's Address bar, then paste it into the Address bar in your HTML editor.

To link to a file in the exact same web folder, you need only to type the name of the file in the Address box.  To learn about relative and absolute addresses, see the Tips page.

If you want your hyperlink to start an email program, use this format in the Address box:  mailto: someone@somewhere.org.  In FrontPage, you can click on the Email Address button to get the correct format.

Setting a Hyperlink to Open a New Window

You may have noticed when navigating the Internet that sometime when you click a link you go to a new page while the old page closes.  At other times, clicking a link opens a new instance of your browser, and your old location stays open.  This is a feature that you can select when you make a hyperlink.

FrontPage defaults to hyperlinks that reuse your current browser to go to the new page.  To make your link open a new window using FrontPage, while at the 'Insert Hyperlink' box, click 'Target Frame', then select 'New Window', then 'OK'.  Put your hyperlink in the Address bar as usual.

The other 3 options in 'Target Frame' involves options used when a web site uses 'frames'.  We're not ready to cover that yet in this course.

Task 3-4

To do this task, you do not need to create a new practice file.  Using your 3 existing practice pages, make the following hyperlinks:

  • Make text hyperlinks at the top of each page that will lead to the other two pages.  This will add up to a total of 6 hyperlinks (two per page).  On practice3-1.htm, make links to practice3-2.htm and practice3-3.htm.  On practice3-2.htm, make links to practice3-1.htm and practice3-3.htm.  On practice3-3.htm, make links to practice3-1.htm and practice3-2.htm.
     
  • On practice3-3.htm, add 6 or more hyperlinks to websites on the Internet.  Pick some amusing or interesting sites.
    • At least two of the 6 links to Internet sites should be applied to images (clicking the image causes the link to be followed)
    • At least two of the 6 links need to open a new window.
    • At least two of the 6 links need to be text links where the text is different from the actual link.  For example, clicking BUY SOME CHOCOLATE is actually a link to www.sweetaffair.com.

When you are done, make a posting in the Discussion Board, subject L3-4.  Let us know that your L3-4 is complete and discuss the steps you took to finish this assignment.  Also discuss any problems you encountered.

a humorous depiction of a paper clip yawningClippy, on his day off.

 


OSU Extended Campus  ●  541-737-2676 ●  Fax 541-737-2734
4943 The Valley Library ●  Corvallis, OR 97331-4504
OSU K-12 Online  ●  Services for Students with Disabilities  ● ecampus@oregonstate.edu
Advising Center 800-667-1465 ● Admissions & Registration 541-737-2527

Copyright © 2003, Oregon State University   OSU Disclaimer