Lesson #4: Creating Hyperlinks ~ FrontPage 2000 Basics
[Scanning bulleted list of Internal Bookmark links that take you farther down this same webpage:]
bullet Introduction & Advice on Creating Hyperlinks
bullet External Links to WWW pages outside your own web
bullet Internal Navigational Links among pages in your own web
bullet Internal Bookmark Links within pages in your own web  
bullet TipsVerify your links | Edit a created link | Deactivate a created link

URL of this webpage: http://www.cocc.edu/cagatucci/classes/wr316/FrontPage/lesson4.htm

[Scanning Column
Internal
Navigational
 
links:]

Home Page
Syllabus
Course Plan
Course Pack
FrontPage:
Lesson#4
Assignments:
E-Paper
Introduction  & Advice on Creating Hyperlinks
(from Cora's Hum 299 Team Website Directions, Part III, Spring 2001): This page was directed to another class and needs to be updated, but it still offers some useful general discussion of types and functions of links & advice on effective linking practices:
 <http://www.cocc.edu/hum299/lessons/Teamsite3.html
(The above activated hyperlinks are examples of  External Links to WWW webpages outside my WR 316 web.)

External Links:

External (or Absolute) Links  to WWW (World Wide Web) pages outside your own web.  You can create a hyperlink to a destination such as a web page in another web site on the World Wide Web. When a site visitor clicks a hyperlink in one of your web pages, the destination web page (out on the World Wide Web) is displayed in the internet web browser (e.g. Microsoft Internet Explorer or Netscape).

How to create an External Link: 

1.  Open Microsoft Internet Explorer (i.e. your internet browser), and go to the WWW page that you want to link to - i.e. the destination web page where your web site users will be taken to when they click (or follow) the external link that you are going to make.

Example:  I want to link to the Hum 299 Student Team Websites table of contents webpage.  So I open my internet browser and enter the URL in the Address field and go to:
http://www.cocc.edu/hum299/TeamTOC.html

2.  Open Frontpage 2000 (if it isn't already open) and then open the page in your own web on which you want to create this external link. Your web page should appear in the main frame (Page View) so that you can enter/edit text.  Position your cursor in your page where you want to place the external link and type in the text (e.g. descriptive word or phrase) that will be linked - usually the Page Title of the destination WWW web page--so your web users have a clear idea what destination following (clicking) this external link will take them to.  Since I also have my internet browser open to the WWW destination webpage, I can click and double-check the WWW page title, then click back to FrontPage to continue editing.

Example:  I open FrontPage, I open my Lesson #4 page so I can edit/enter text in it.  I position my cursor here and I type in: 
"Hum 299 Student Team Websites"

If I want this descriptive phrase (descriptive of the destination WWW web page or its page title) to stand out more, I might also mark, bold, and increase the point size of the phrase to be linked - like this:
Hum 299 Student Team Websites

3.  Mark the text (word or phrase) you've prepared in your page to be hyperlinked - e.g. Hum 299 Student Team Websites - and leave it marked while you create the hyperlink.

4.  Open the Create Hyperlink dialog box in one of these ways:

a.  Control + K
OR
b. from Insert pull-down menu, select Hyperlink
OR
c.  Click the World Wide Web Hyperlink icon.

5.  Create Hyperlink dialog box will display. Near the bottom of the box find the "URL:" field - where a protocol prompt "http://" displays by default.  Your goal is to have the correct URL of the destination WWW web page appear in the URL: field.   There is more than one way to accomplish this goal: e.g. you could simply type in the URL, or you could copy and paste it in.  
But try the following way (it's quick and you don't have to worry about making typing mistakes).  (But remember that you have first followed step #1 above--you already have your internet browser open on the destination WWW web page to be linked--as well as steps #2 & #3 above.)

a. In the Create Hyperlink Dialog box, next to the URL: field, click the World Wide Web icon (put your arrow on it and it is identified as "Use your Web browser to select a page or file").
b.  At the bottom of your screen your open internet browser (e.g.Microsoft Internet Explorer) button (opened on the destination web page to be linked) will be marked and will blink at you.  Click on this internet browser button to display the destination WWW web page to be linked.
c.  Hold down ALT key + click Tab key on your keyboard: this operation returns you to the Create Hyperlink dialog box, where you should now see the URL of your destination WWW web page automatically marked and displayed in the URL: field.  
For example:  URL: field will display:
http://www.cocc.edu/hum299/TeamTOC.html
d.  Click OK
to complete the operation.
Inside FrontPage, the newly hyperlinked word or phrase in your page will display with underlined link color.
For example:  
Hum 299 Student Team Websites
e.  SAVE!!!

URL's Can Link Automatically
Whenever you enter a complete URL into one of your pages inside FrontPage 2000, FrontPage will try to hyperlink it automatically --typically if you hit the space bar or enter key immediately after the URL.  Of course you may not want the URL hyperlinked--and if the URL is wrong or incomplete, FrontPage may show the URL hyperlinked  even though the link will not work properly out on an internet browser.  Still, some folks like to use this FrontPage capability as a short cut way to create external hyperlinks For example, in your internet browser, go to a destination WWW webpage that you want to link, mark-and-copy the complete URL (including protocol) from the address field, and then paste it directly into the page you are editing inside FrontPage. Entering a space (i.e. hit your space bar) or hitting enter key  immediately after the pasted URL usually automatically activates the hyperlink.  (Or entering a space immediately before and  after a complete URL will do the trick.) You can then SAVE (and later edit) the hyperlink without going through all the steps above.

Internal Navigational
Links

Internal (or Relative) Links  among and within pages in your web.  There are two basic types of Internal Links: Navigational Links (addressed in this section) and Bookmark Links (addressed below). 

Navigational Links take your web users to other pages within your web.
They are absolutely essential to enable your readers to move from your index (home) page into body pages within your web, to move from one body page to another, and to move back out to your index (home) page. Navigational Links are typically placed in a scanning column or row positioned at the top of your webpage (i.e. web users will be able to see it in their screens when they first open a page in your web site).  

bullet If your page is long--that is, web users would have to scroll down more than 2 or 3 screens' worth to review the entire contents of your web page--then you probably should repeat a second scanning row of navigational links at the bottom of your webpage.  
bullet If your page is really long--that is, your webusers would have to scroll down more than 4 screen-fulls of material--then you should consider breaking up the contents of the single page into two or more pages.  But if you feel you have good reasons to keep the contents on a single webpage, then you should try to create sub-headed divisions within the page, which you can bookmark for creating bookmark links (see below).  And you may also want to insert "top of this page" navigational links at logical points of subdivision in your long webpage for the convenience of your web users.

How to Create an Internal Navigational Link
There is more than one way to create a navigation link between two pages in your own web.  I'll explain two ways - and both begin with step #1 below.

1.  Open FrontPage 2000 and open your web.  When your web opens, You should be in "Page View" and your "Folder List" should be visible.

First Way - Preparation I offer below a quick way to create a Navigational Link using FrontPage 2000.  But first you should check the saved Page Title of your destination page (i.e. the page in your web to which you want your navigational link to go):

a.  From the "Folder View," open the destination page.
b. 
From the File menu, select "Properties..."
c. 
When the Page Properties dialog box appears, review the Title: field.  If the page Title is wrong, edit it by typing in the new or corrected page Title.
d.  Click OK.
e.  SAVE!!

2.  From the "Folder List," open the page on which you want to create navigational link.  When the page opens in your main frame (Page View), decide where you want the navigational link to be placed, scrolling up or down the displayed page (as needed) so that this place is in view in the Page View main frame.

3.  From the "Folder List," point your arrow on the destination page (i.e. the other page in your web that you want the navigational link to go to).  Then select that destination page in the "Folder List"  by pressing and holding the left button on your mouse. 

4.  Still holding down the left button on your mouse, drag the selected destination page from the "Folder List" into the (Page View) main frame at the place in your opened page where you want the navigational link to appear.  

Frontpage 2000 Index - WR 316, Spring 2003

5.  Release your hold on the mouse. The newly created navigational link will appear--displayed as the activated Page Title of the destination page.
For example:   Lesson #2
*Note Well:  If the new navigational link does not display the descriptive page Title that you wanted or expected, then you need to check/change the saved Page Title of the destination page (see Preparation above) and/or Edit your new navigational link.  

Second Way to create an internal navigational link
1.  Open Frontpage 2000
(if it isn't already open) and then open the page in your own web on which you want to create your internal navigational link. Your web page should appear in the main frame (Page View) so that you can enter/edit text.

2.  Position your cursor in your page where you want to place the navigational link (i.e. in the navigational scanning column or row at the top or bottom of your page) and type in the text (e.g. descriptive word or phrase) that will be linked - usually the Page Title of the destination page in your web.  
For example:  Home Page

3.  Mark the text (e.g. word or phrase) you've typed in your page to be hyperlinked - e.g. Home Page - and leave it marked while you create the hyperlink.

4.  Open Create Hyperlink dialog box in one of these ways:

a.  Control + K
OR from the menus and icons at the top of your FrontPage screen...
b. from Insert pull-down menu, select Hyperlink
OR
c.  Click the World Wide Web Hyperlink icon.

5.  Create Hyperlink dialog box will display. Near the top the "Look in" field should display the root name of your web (e.g. erind), and below it the big field will display the file Name (e.g. index.html) and page Title (e.g. Home Page) of pages and folders in your web. Point your arrow on the file Name (e.g. index.html) of the destination page to which your navigational link will go, and select it (left click on your mouse).  The file Name will be marked and will appear in the URL: field (e.g. index.html).  

6.  Click OK to complete the operation.  Inside FrontPage, the newly hyperlinked word or phrase in your page will display with underlined link color.
For example:  Home Page

7.  SAVE!!!

Internal Bookmark Links

Internal Bookmarks & Bookmark Links
The second type of Internal link is the Bookmark Link.  Other types of links (explained above) automatically open up at the top of the destination web page linked.  However, FrontPage also allows you to "bookmark" specific locations (e.g. Subheadings) within a page in your web (especially helpful with long pages); then you can create bookmark links that take your web users directly to the destination bookmarked in your page.  A hyperlink to a bookmark--what I'm calling a "bookmark link"--is also called an anchor, and it indicated by a pound sign # in the destination URL.

For example, this long Lesson #4 web page is divided into several sections and sub-headings (e.g. "Internal Bookmark Links" in the scanning column to the left is one such subheading that I have bookmarked in this page.  If you scroll back up to the top of this webpage, you will see a bulleted list of bookmark links, including:

bullet Internal Bookmark Links within pages in your own web  

The above bookmark link, when followed (clicked) takes you directly to this bookmarked sub-section of Lesson #4.  Also note the URL registered in your internet browser's Address field looks like this:

http://www.cocc.edu/cagatucci/classes/wr316/FrontPage/lesson4.htm#InternalBook

In other words, the URL of the destination webpage is:
http://www.cocc.edu/cagatucci/classes/wr316/FrontPage/lesson4.htm
and anchor tag
#InternalBook indicates you've accessed a bookmark with the destination webpage.

Creating bookmarks and bookmark links (AKA anchors) is a two-part operation:  First, you must create and save a bookmark in one of your pages.  Then you can create bookmark links (anchors) to that destination bookmark.

How to Create a Bookmark

1.  Open Frontpage 2000 (if it isn't already open) and then open the page in your own web on which you want to create one or more bookmarks. Your page should appear in the main frame (Page View) so that you can enter/edit text.

2.  Enter/edit text (e.g. a sub-heading) and then mark the text that you want to bookmark - and leave it marked while you create the bookmark.

3.  From the Insert pull-down menu (at the top of your FrontPage screen), select (click) Bookmark.

4.  The Bookmark dialog box will display: in the Bookmark name field the text you have marked in your page will appear (note: spaces are allowed): you can edit the Bookmark name if you need to.  
Below the Bookmark name, will also be displayed any "Other bookmarks on this page" that you have already created on this same web page.  Note: you cannot have two bookmarks with the exact same name on the same page.

5.  Click OK to complete the operation.  Inside FrontPage, the newly created bookmark (e.g.  word or phrase) in your page will display with a broken line under it.

6.  SAVE!!!  You cannot create a bookmark link to your new bookmark until you have saved the page containing the newly created bookmark.

How to Create a Bookmark Link 
(i.e. a hyperlink to a bookmark, AKA: anchor)  NOTE: You can create a bookmark link to the destination bookmark within the same page or from a different page in your web.  

1.  The page containing the bookmark to be linked must be open in FrontPage. If this is the same page on which you want to create the bookmark link, proceed to step #3 below.

2.  Open the page (if it different from the page containing the destination bookmark) in which you want to create the bookmark link.

3.  Position your cursor in your page and mark the text that you want to hyperlink to the bookmark.

4.  Open Create Hyperlink dialog box in one of these ways:

a.  Control + K
OR  
b. from Insert pull-down menu, select Hyperlink
OR
c.  Click the World Wide Web Hyperlink icon.

5.  Create Hyperlink dialog box will display. Near the top the "Look in" field should display the root name of your web (e.g. erind), and below it the big field will display the file Name (e.g. index.html) and page Title (e.g. Home Page) of pages and folders in your web. Point your arrow on the file Name (e.g. index.html) of the page containing the destination bookmark, and select it (left click on your mouse).  The file Name will be marked and will appear in the URL: field (e.g. index.html).  

6.  Still in the Create Hyperlink dialog box:  below the URL of the selected page,  under "Optional" you'll see a Bookmark field registering the default (none) with a pull-down menu button.  Click the Bookmark pull-down menu button, and all  available Bookmarks created and saved on the destination page will be displayed.  Select the desired bookmark from the pull-down menu, and it will be displayed in the Bookmark field.

7.  Click OK to complete the operation.  Inside FrontPage, the newly hyperlinked bookmark link in your page will display with underlined link color.
For example:
Internal Bookmark Links  

8.  SAVE!!

Tips

Verify Your Links
To verify that your new link works - AFTER you have SAVED!! - and goes where you want it to go:

a.  From inside FrontPage, position your cursor on your new link and Control + Click.  The destination webpage will appear in your page frame.
b.  Out on your internet browser, go to your web page, click "Refresh" (in Microsoft Internet Explorer - or "Renew" in Netscape), find your new link and follow (click) it.

If your hyperlink does not work or does not go to the correct destination that you intended, that means that the wrong URL is entered in the URL: field of the Create Hyperlink dialog box.  
Inside FrontPage
opened on your page with the malfunctioning link, mark the link, open Create Hyperlink dialog box, check the URL appearing in the URL: field, and make needed corrections
(Or ask Cora for help.) 

Edit a Created Hyperlink
You can edit an already created and saved hyperlink without going through the entire Create Hyperlink process over again.  Let's say, you want to correct or change an activated word or phrase or page title already linked, or convert a pasted and activated URL into a page title.  Position your cursor inside the hyperlinked word or phrase or URL.  Type in your correction (your editing will remain hyperlinked), erase any unwanted letters or characters in the link--and SAVE!!  

Deactivate a Created Hyperlink
Inside FrontPage 2000,
you can simply erase (using your backspace key) the hyperlinked word, phrase or URL in your page.
But there may also be occasions when you don't want to erase the  hyperlinked word, phrase, or URL.  If you just want to de-activate the hyperlink, follow this procedure:

a.  Mark the hyperlinked word, phrase, URL to be deactivated.
b.  Open Create Hyperlink dialog box and erase (completely) the URL appearing in the URL: field.
c.  Click OK.  
d. And don't forget to SAVE!!

  > *NEW* Assignments Index Page > E-Paper

Lesson #1 Lesson eXtra Supplement | Lesson #2 | Lesson #3 < Back 

Grateful acknowledgement to:
Barbara Klett, Instructional Technology Coordinator
Central Oregon Community College

FrontPage 2000 Online Reference (Tutorial Menu)
http://www.cocc.edu/bklett/Software/frontpage01.htm
...See also More WR 316 FrontPage2000 Resources

Contact Cora
Office Location: Deschutes 14 (Bend campus)
Office Hours: See current Schedule; also by appointment
Office Phone & Voicemail: (541) 383-7522
Mailbox (Humanities Dept. Office, Bend campus): Modoc 226 
Electronic mail: cagatucci@cocc.edu
or within COCC FirstClass: Cora Agatucci
Fax:  (541) 330-4396
Cora's Home Page:
http://www.cocc.edu/cagatucci/ 

[Scanning Row of Internal Navigational Links:]
WR 316-E Home Page | Syllabus | Course Plan | Course Pack | FrontPage | Assignments

You are Here: Lesson #4: Creating Hyperlinks ~ FrontPage 2000 Basics (Week #3)
URL of this webpage: http://www.cocc.edu/cagatucci/classes/wr316/FrontPage/lesson4.htm
Last Updated: 19 June 2003

This webpage is maintained by Cora Agatucci, Professor of English
 Humanities Department, Central Oregon Community College
I welcome comments: cagatucci@cocc.edu
© Cora Agatucci, 1997-2002
Cora's Home Page | Current ScheduleCora's Classes | CopyrightSite Map

For problems with this web, contact webmaster@cocc.edu