Using Microsoft Word 2003 to Create Web
Pages
Level II – Links
This document assumes the
user knows how to log on to ‘myFolder’ and upload and
download files to that site. If you have
questions regarding logging into myFolder go to the http://myfolder.unomaha.edu web site
then click on the ‘FAQ and Support’ link.
For those who have never
created a web page before, we suggest you start with the Level 1 document on
using Microsoft Word to Create Web Pages. If you’re ready to experiment with
more advanced web page design using Word, read on.
You may wish to know that the
URL address for your web page will be myWeb.unomaha.edu/~UNO_NetID
username. If you do not know what your UNO NetID username is, go to https://webapps.unomaha.edu/its/netidlookup/
. You will need to know your student ID number (SSN) and E-BRUNO PIN. If you do not know your E-BRUNO PIN, you’ll
need to contact the registrar’s office in person (EAB 105) to obtain it.
Creating
HTML Introduction
HTML
– Hyper Text Markup Language – is
a language that is understood by your web browser.
Link
– You click on this to go to another
document or web site.
Content
– The meat of your document.
Web
Site – The actual collection of
information you are publishing; the whole shebang!
A variety of programs can be
used to generate HTML documents. The
most basic program is any text editor, if you know how to appropriately place
HTML tags. However, because it is much
easier to let a program write the HTML for you, this document will cover using
MS Word to generate HTML documents.
NOTE – this
document was generated in HTML using Word 2003.
To generate a pure text
document, in other words, a document you want to display on your web site
without any links, simply type it the way you would any word document and when
finished, click on File -> Save As… In the dialogue box that appears, there
is a place to select the file type you wish to save this document as. The Save as Type option is located at the
bottom of the window that pops up when you click File and then Save As…
To see an image of the
dialogue box, click here.
To save the document as ‘html’
type, simply select ‘Web Page’ from the drop down menu for the Save as Type
option. Give the file a name and location
where it should be saved and click ‘OK.’
Congratulations! You will have successfully created an HTML
text document.
Remember, you need to save all documents you
create as htm or html for the file type.
Also, note that anything you can normally do with MS Word,
is still pretty much valid here, the main difference being that instead of
saving in .doc format you save in .htm or .html format!
When adding links to a
document, you first need to decide what type of links you wish to add. There are three main types of links –
bookmarks, on-site, and off-site. First
are the links that move the user to a different section in the same
document. This type of link is often
referred to as a bookmark. For example,
clicking the link below will take you to the top of this document.
To create a bookmark style
link, you first need to create a bookmark.
To create a bookmark perform
the following steps:
1.
Place the cursor
where you want to insert the bookmark.
2.
Click on “Insert”
at the top of the screen.
3.
Click on
“Bookmark…”
4.
Type in the name
of the bookmark. Use short names that
mean something. For example, bookmark
the top of the document as TOP.
5.
Click on “Add”
Congratulations! You just added a bookmark to your document.
To
use a bookmark follow these steps:
1.
Go to the place
in your document where you would like to add a link.
2.
Type in the name
of the link. For example, below you see,
a link called “Adding Links.” This link
will move the browser up to the Adding
Links heading on this page.
3.
Highlight the name
of your link.
4.
Click “Insert” at
the top of the screen in MS Word.
5.
Click on
“Hyperlink…” (For you hot key users you can highlight the link text and press
CTRL k.)
6.
In the window
that appears tell Word the type of link you wish to create. In this case you would select the option
“Place in this document” on the left hand side of the window, then select the
name of the bookmark in the middle section.
7.
Click ‘OK’ and
you will have created a link to a bookmark in your page!
An on site link is a link to another
web page you have created that is stored on your web site. Let’s say for example I have created a page
that has pictures from my family’s vacation to
To create an on-site link:
1.
Type the name of
the link as you want it to appear to the user.
i.e., My Vacation!!
2.
Highlight the
text of the link name.
3.
Click on “Insert”
at the top of the Word 2003 screen.
4.
Click on
“Hyperlink…” (Again, if you like using hotkeys, highlight the text, press CTRL
k.)
5.
Type in the
address of the link. Continuing with my
example, I know that this page, the page I will be linking to from index.html
in my “home” directory, will be located at my_vacation/vacation.html
(the foldername followed by the file name). This
can get tricky, so you will probably want to test your links. If you discover a
link that doesn’t work check the link again and make appropriate changes.
6.
If you want to
insert a link to a picture, give the link the location of where you have that
picture stored. For example, I have a folder called ‘Images’ under Public_Html,
so to link to a picture the address is ‘Images/picture.jpg’,
where picture.jpg is the filename of the picture to
display.
7.
Click OK
8.
Test the link to
make sure it works.
NOTE: in the
Insert Hyperlink dialogue box, if you want to open the link in a new window you
must set the target frame option. This
option is set by clicking on the Target Frame… button on the right hand side of
the Insert Hyperlink dialogue box. To
open in a new window, select that option from the drop down box you should see
after clicking the Target Frame button.
ALSO NOTE: When
creating links to other pages on the same site, knowing where the file you wish
to link to is vital!
This type of link is exactly
what its name would suggest and is one of the most commonly used. It is a link
to a web site you probably didn’t develop.
For example, the link below to ESPN.com is an offsite link. And I obviously do not work for ESPN’s web
development team J
If you click the above link,
ESPN’s web page opens in a new window.
To create your own off-site
links in your document, perform the following:
1.
Type a name for
your link.
2.
Highlight the
link name.
3.
Click on “Insert”
at the top of the MS Word screen.
4.
Click on “Hyperlink…” (Again, the hot key for this is to highlight
the text, press CTRL k.)
5.
You want to link
to an “Existing File or Web Page”, so select this option by clicking it.
6.
Since this is not
a document on your web site, type the URL address of the site.
For ESPN.com I typed “http://espn.go.com” in the address field at the bottom of
the “Insert Hyperlink” window.
7.
Click OK and you
have added an off site link to your document.
NOTE: you can also create a link by typing it directly
into the document as the name of the link.
In other words, I could create an offsite link by typing:
http://espn.go.com. The link name will be exactly what I
typed. As follows:
However, when simply typing
the link in, it is created as link that does NOT open in a new window.