Writing 316 - E
Prof. Cora Agatucci

Advanced Prose Writing for the World Wide Web

Lesson #4 FrontPage 2000 - ENG 339-E, Spring 2003
URL of this webpage: http://www.cocc.edu/cagatucci/classes/wr316/Frontpage/lesson4.htm
Short Cuts:  Navigational Links | Create Relative (Internal) Links (2) |
Bookmarks & Bookmark Links (AKA: Anchor Links) | Create Bookmarks & Bookmark Links
 
 | Help

Navigational Links

 
Navigational Links allow your web users to navigate among different pages within your web.
They are absolutely essential to enable your web-readers (a) to move from your index (home) page into body pages within your web, (b) to move from one body page to another, and (c) to move back out to your index (home) page. Navigational Links are typically placed in a scanning column or row viewable at the top (screen #1) 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 a single page in your web into two or more pages.  But if you feel you have good reasons to keep the contents on a single webpage, then you should create sub-headed divisions within the page, which you can bookmark by creating shortcut bookmark links (see below). 
bullet You may also want to insert "top of this page" navigational links at logical points of subdivision within a long webpage (e.g. one that requires scrolling down through 3+ screenfuls) for the convenience of your web users.

Review:  In Lesson #3  - Create Relative (Internal) Links (1):  Method #1 you learned one way to create a Navigational Link between two pages in your own web.  
Method #2 will be explained below.
x

Create
Relative

(Internal)
Links (2)
Create Relative (Internal) Links (Method #2)

Both Methods #1 & #2 begin with this first step:
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.

Method #2:
1.  Position your cursor in your page where you want to place the navigational link (e.g.  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:  type in: Home Page

3.  Select/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 Hyperlink icon.

5.  Create Hyperlink dialog box will display. Make sure that these From "Link to" boxes are selected OR select:
---"Existing File or Webpage" and . . .
---"Current Folder"

6At the top, "Look in" field should display the root name of your web (e.g. amberk on www.cocc.edu), and below it the big field will display web page file names (e.g. index) in your web. Point your arrow on the file Name (e.g. index) of the destination page within your web to which you want your navigational link to 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).  

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

8.  SAVE!!!
*

Bookmark
Links

(AKA:
Anchor Links)

Bookmarks & Bookmark Links (AKA: # Anchor Links)
Another type of Internal (Relative) link is the Bookmark Link.  Other types of (internal and external) links (explained above) automatically open up at the top of the destination web page linked.  However, FrontPage also allows you to "bookmark" specific locations (such as Subheadings) lower down within a page in your web (especially helpful with long pages); thus, you can create bookmark links that take your web users directly to a destination bookmarked within, rather than at the top of, your web page.
In a URL, a hyperlink to a bookmark
(or anchor) within a web page is indicated by
#bookmarkname (pound sign + bookmark name) at the end of a destination URL.  For example, this long Lesson #4 web page is divided into sections with sub-headings. E.g. "Bookmark Links" in the scanning column to the left is one such subheading that I have bookmarked within this Lesson #4 page.  In your internet browser, the destination bookmark URL would look like this:

If you scroll back up to the top of this webpage, you will see a navigational row of hyperlinked bookmark links that I have created & subtitled Short Cuts: ... 
For example, t
he bookmark link -
Navigational Links - when followed (clicked), will take you directly to a bookmarked section of this Lesson #4 webpage.  Also note the URL for this Bookmark link given in your internet browser's Address field will carry an anchor tag - # - like this:
http://www.cocc.edu/cagatucci/classes/wr316/Frontpage/lesson4.htm#Navigational
 *

Create
Bookmark
&
Bookmark
Links

How to Create Bookmarks & Bookmark Links

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 (anchor links) 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/select the text that you want to 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 (recommended: NO spaces): edit the Bookmark name as needed.  

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.
A.  --Link to:  Select Existing File or Web Page box
--Look in:  Select Current Folder box
--Single click (select) page containing the destination bookmark
--Click Bookmark button

B.  "Select Place in Document" dialog box will display. 
In the "Select a bookmark in the web page" field will appear all the bookmarks that you have created on the destination page.  Select the correct bookmark name & click OK to close dialog box.

C.  Back in main Create Hyperlink dialog box:  Address field will display the bookmark link URL & will look something like this: lesson4.htm#CreateRelative2

6.  Click OK to complete the operation.  Inside FrontPage, the newly hyperlinked bookmark link in your page will display with underlined link color.
For example:
Create Relative (Internal) Links (2)

7SAVE!!

8.  Verify your links by opening your edited webpages in internet browser
*

Help

Use Microsoft FrontPage Help:
--Click the Help button at the top of your screen, and select Microsoft FrontPage Help from the Help menu, or press F1 on your keyboard.
--Click on a tab to select one of these help options:

bullet Content: Display the Help table of contents. Click on a topic to display help for that topic.
bullet Answer Wizard: Perform a natural language query.
bullet Index: Find information by keyword.

*

WR 316-E  Home Page | Syllabus | Course Plan | Course Pack Index: Links (1) | Links (2) | FrontPage Index |
Assignments | Student Webs: Spring 2002 | Spring 2003 |

You are here: Lesson #4, FrontPage 2000 - WR 316, Spring 2003
URL of this webpage: http://www.cocc.edu/cagatucci/classes/wr316/Frontpage/lesson4.htm
Last Updated: 19 June 2003

Copyright © 1997-2003, Cora Agatucci, Professor of English
Humanities Department, Central Oregon Community College
Please address comments on web contents & links to: cagatucci@cocc.edu

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