External links

E-mail links

Internal/Relative links

Victorian Sensation Literature Fall 2002

Syllabus (tentative)
ENG 329 (73566), 394 (09403): Fall 2002

Hyperlinks in Web Pages

Web pages can include three basic kinds of links: 1) E-mail links 2) External links, and 3) Internal links (aka “Relative links”).

  1. An email link is a piece of text or an image that when linked on activates your e-mail client so that your web site visitor can send a message.
  2. An external link is a link that leads outside of your own site, to a site that is not yours and over which you have no editing authority. An external link always starts with “http://…”
  3. An internal link leads to another page within your own site.

How to insert these links into a Dreamweaver document

External link:

  1. Highlight the text you want to make into a link.
  2. Insert your cursor into the “Link” slot on the Properties bar and type in the correct URL to the site you want to link to:
    Inserting external link

  3. Off-click (click somewhere on the page, and you will see that your selected text has become blue/underlined. The link is now live.
    Inserting external link

E-mail link:

  1. Highlight the text or image you want to make into an e-mail link.
  2. Insert your cursor into the “Link” slot on the Properties bar and type “mailto:[email protected]”(Without quotation marks. The [email protected] should be the email address to which you want to link. For example, if I wanted to create an e-mail link to myself it would look something like this:
    Insert e-mail link

  3. Off-click (click somewhere on the page, and you will see that your selected text has become blue/underlined. The link is now a live e-mail link.
    Insert e-mail link

How to create an internal link:

  1. In order to create an internal link to another page on your site you have to have two ready made web pages—the one you are inserting the link on, and the one you are linking to. In this example, let’s assume that I have a page which I have given the file name “index.html”. On this page I am inserting an internal link to another page on my site, which is called “mycv.html”. Both the files are kept in a folder/directory which I use to organize my little web site, and which is called “cajsa_web”
  2. Highlight the text or image you want to make into an internal link.
  3. Insert your cursor into the “Link” slot on the Properties bar. Then click on the little yellow folder icon to the left of the “Link” slot. This window will open up. Browse for the file you want to link to (in this case “mycv.html”). Select the target file and click the “Select” button.
    Select file

  4. The target file name is now automatically inserted in the “Link” slot:
    Insert relative link
    As you can see, the internal link shows up in the “Link” slot without any “http://www…” as would an external link. This type of link is also called a “relative link.”

Back to top


About the instructors |Supplementary Readings & On-line Resources |Course WebBoard


CBaldini ©2002
Page last updated November 1, 2002

 

 

 

 

 

 

 

 

home

 

 

 

 

 

 

 

 

 

home

 

 

 

 

 

 

 

 

 

home