|
|
|
|
|
|
|
|
|
Home
|
Starting
|
Text
|
Tables
|
Images
|
Links
|
|
|
| |
Links 3...Inserting Links
|
|
| |
What You'll Learn in this Section
|
|
| |
Now that you have something to work with, let's
start inserting and applying links to text.
|
|
| |
|
|
| |
Inserting Links to Web Pages within Your Web
Site
|
|
| |
1. The first thing you do is to highlight
the text or image you want to apply the link to. This will be what
visitors to your site click on to go to another page. For our purposes
why don't you highlight "Homework." |
|
| |
|
|
| |
|
|
| |
2. Click on the "Insert Link"
button on the toolbar.
A window pops up that looks like this. Notice that "Homework"
is in the window under "Linked Text." |
|
| |
|
|
| |
3. In the empty field below the words "Link to a page location
or local file:," type in the URL for another page within your
web site. Huh, you say? I don't have any other web pages? The thing
is, you don't have to have built another web page to link to it.
Think of it as a page that will be built in the future.
For example, you will more than likely build another page that
details homework assignments for students and this page will be
linked to the home page, which you are building right now.
So, how do you do this? Simple. In that empty field below the words
"Link to a page location or local file" type in this URL:
http://cuip.uchicago.edu/~jones/homework.htm. Before you do anything
else, read on because you'll need to make some changes to this URL.
|
|
| |
|
|
|
|
What does this URL consist of?
"http://" is simply a prefix that all
URLs use.
"cuip.uchicago.edu" is the name of the
computer, called a server, which allows everyone in the world to
see your site.
Instead of "stuart" you would insert the
username which you have been assigned. Ask your mentor what your
username is if you are not sure.
"homework.htm" is the file name I assigned
to the web page about homework. Think of this as the same process
as when you save a Word document or an image. You simply give it
a file name. For each new web page you build, you must name it something
different.
|
|
|
|
|
|
| |
4. After you type the new URL for your homework
page, click "Apply." |
|
| |
5. Click "Close." Notice that
"Homework" is now blue and underlined, which means that
it is a link. |
|
| |
|
|
| |
|
|
| |
What Next?
|
|
| |
Okay, now that you've finished with your first link, let's put
your skills to the test. Finish applying links to the rest of the
navigation bar. Here are a couple examples of possible URLs for
some of the other pages in your web site:
http://cuip.uchicago.edu/~jones/studentnews.htm
http://cuip.uchicago.edu/~jones/calendar.htm
http://cuip.uchicago.edu/~jones/meetclass.htm
|
|
| |
|
|
| |
Creating Links to Outside Web Pages
|
|
| |
Don't blink or you'll miss this.
|
|
| |
1. Repeat steps 1-5 above, but instead of
typing in a URL that is contained within your own site, type a URL
that is not such as http://www.yahoo.com or http://www.cnn.com. |
|
| |
|
|
| |
|
|
| |
One Last Page to Go...You're Almost Done!
|
|
| |
|
|
|
|
Back To Links 2
|
To Links 4...Targets
|
|
|
| |
|
|
| |
|
|
| |
|
|
| |
|
|
| |
|
|