Make your own free website on


Put your banner here


Last update:





FrontPage 2000 Web Template Tutorial:



Navigation Bars


A navigation bar is a set of hyperlinks used for navigating a Web site.  You can display a navigation bar on every page in your web so that your site visitors can always get to the web's main pages, quickly and easily.  Before you create your own Navigation Bars, you need to set up a Navigation Structure of your web first, and then let FrontPage create the Navigation Bars for you.


Navigation Structure


1. On the View menu, click Navigation.

2. You will see the Navigation Structure of this web.



You are at the Tutorials page right now.  Other pages in this navigation structure are sample pages.  You can delete them, add a new/existing page to the structure or simply change the title of a page.


Change the title of a page

Right click a page in the navigation structure and select Rename.


Delete a page

Right click the page you want to delete and select Delete.


Add a new page

1. On the View menu, select Page

2. On the File menu, select New, and then select Page

3. On the General tab, you will see a list of page templates to choose from.  Double click ICE_Business 10 template.

4. Save the new page. (You will notice that there is no banner and navigation bars, but don't worry about it now.)

5. Now switch to Navigation Structure by selecting Navigation from the View menu

6. On the toolbar, select Folder List button .  Now you have Folder List on the left hand side and Navigation Structure on the right hand side.

7. Click the newly created page in the Folder List and drag the page to the position in the Navigation Structure where you want it.  Rename the title of the page if you want to.

8. Double click the page.  This will take you to the page view.  Now you see the banner and navigation bars.


Navigation Bar Property

1. Double click the vertical Navigation Bar on the left hand side



2. You will see the Navigation Bar Property dialog similar to the following picture.




3.  In order to understand the Navigation Bar Properties, we need to take a look at the Navigation Structure of this web again. 



Home Page: This page is the first page added to a navigation structure, typically named index.htm or default.htm, and is indicated by .


Top-Level Pages: "Location" and "FAQ" are the Top-Level Pages (Not including Home Page)


Child-Level Pages: "Tutorials", "Company Info", "Products" and "Contact Us" are the Child-Level Pages of "Home". "Products" has two Child-Level Pages


Parent-Level Pages: Include the parent page of another page, plus pages that are directly connected to the parent page on the same level.  For example, the parent-level pages for "Company Info" are "Home" (parent page), "Location", and "FAQ".  The parent-level pages for "order" are "Products" (parent page), "Tutorials",  "Company Info", and "Contact Us".


Same Level Pages: Include pages that are on the same level and have the same parent page. For example, "Tutorials", "Company Info", "Products", and "Contact Us" are same level.


Back and Next: This is for browsing a sequence of same level pages.  For example, the next page of "Tutorials" is "Company Info".  The previous page of "Location" is "Home". 


The rest of the features in the Navigation Bar Properties are pretty self explanatory.  Practice for a while before you build your website.


Add a Banner and Navigation Bars to a page

If you accidentally delete the page banners or navigation bars, you can still restore them and of course the page has to be in the Navigation Structure first.


1. On the Insert menu, select Page Banner and type the text you want to display in the page banner.


2. Again, on the Insert menu, select Navigation Bar. Select the type of hyperlinks, orientation and appearance you want on the navigation bar. 


For Netscape Browser Users

Background pictures do not display correctly - The web template is made from may tables and cells. Due to a bug in Netscape, a table cell must have some content - text, picture or empty key spaces - for it's background picture to display correctly in the Netscape browser.  




Copyright 2000 [Your company name]