Banner Image Map

LINKING WEBPAGES TOGETHER

Quick Reference

After creating at least two different webpages (HTML files), you can link them together. In Part 3 of this workshop: My First Webpage, you learned how to create a simple link to CNN. When you link webpages you have created on your computer, however, it is easiest to use a different method.

Two Different Kinds of Links:

  • Absolute Links: Like the link you made to CNN, absolute links include "http" and the full pathname of the file you want to link to. Example: "http://www.cnn.com"
  • Relative Links: These are used for linking webpages created on your computer. They come in three varieties:
    • "file2.html" links to another file in the same folder/directory
    • "pages/file2.html" links to another file in another folder/directory inside the folder (in this case, the directory "pages")
    • "./file2.html" links to another file in the folder/directory above the present one.

DON'T SWEAT THE SYNTAX!

As before, Claris Homepage takes care of the HTML coding. To link two files together, just follow these steps:

  • Highlight the text you want to make into a link by clicking and dragging over the text with your mouse.
  • Click the link button to make a link and type the full internet address you want (also called an ABSOLUTE LINK):

Make an Relative Link
Claris Homepage
Netscape Composer
MS Frontpage 2000
  1. Highlight the text you want to make into a link by clicking and dragging over the text with your mouse.
  2. Click on the Link Editor, which looks like a blue squiggly line: (.)
  3. Click once on "Browse Files...":
  4. From the dialog window, select the file you want the text to link to.
  5. Click OPEN to select the file.
  6. Close the Link Editor.

  1. Highlight the text you want to make into a link by clicking and dragging over the text with your mouse.
  2. Click on the Hyperlink button, which looks like a globe with a chain in front of it:
  3. Click on a file if it is shown in the center of the window, or click on the "down arrow" at the top of the window to select a different file location:
  4. Click OK to select the file and close the Hyperlink window.

NETEQUETTE SUGGESTION: Don't use text like "CLICK HERE for more information" when you make links. Try to write webpages in language appropriate for normal writing. Some people consider "Click Here" links to be in bad taste, while others don't care. Some web design professionals consider these links very amateurish. Microsoft's website uses language like "Click Here" for links however, so who knows?!

Finally: CONSOLIDATE!

  • When you have finished editing a webpage, use built in tools to check links and make sure all graphics used on your pages are contained in your HTML folder.

Consolidate
Claris Homepage
Netscape Composer
MS Frontpage 2000
  1. From the EDIT menu choose CONSOLIDATE.
  2. Either choose to save images at the same level as the webpage, or in a folder called "images."
  3. Click Consolidate.
  4. To consolidate an entire site:
    1. Close all open files and save if necessary.
    2. From the FILE menu choose OPEN FOLDER AS SITE.
    3. Click the CONSOLIDATE button () and choose ENTIRE SITE.

  1. From the VIEW menu, choose REPORTS and PUBLISH STATUS.
  2. This will tell you what page elements are not ready for web publishing.

 

  Back - Forward

Home - Basic Course - Intermediate Course - Tools for the TEKS

Made on a Mac!Built by Claris HomePageCourse and Website by Wesley A. Fryer of Lubbock, Texas.
Site sponsored by WesTech Vision Inc.