|
|
|
|
|
|
|
|
|
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
|
|
|
| |
|
|
| |
|
|
| |
|
|
| |
|
|
| |
|
|