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”).
- 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.
- 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://…”
- An internal link leads to another page
within your own site.
How to insert these links
into a Dreamweaver document
External link:
- Highlight the text you want to make into
a link.
- 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:
- Off-click (click somewhere on the page,
and you will see that your selected text has become blue/underlined.
The link is now live.
E-mail link:
- Highlight the text or image you want to
make into an e-mail link.
- Insert your cursor into the “Link” slot
on the Properties bar and type “mailto:name.lastname@asu.edu”(Without
quotation marks. The name.lastname@asu.edu 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:
- 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.
How to create an internal link:
- 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”
- Highlight the text or image you want to
make into an internal link.
- 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.
- The target file name is now automatically
inserted in the “Link” slot:
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
|