Page Banner & Navigation Bar

A Page Banner is a quick way to add titles to your pages. A navigation bar is a set of hyperlinks used for navigating a Web site. 

Before you create your Page Banner and Navigation Bars, you need to set up a Navigation Structure of your web first. 

Part I :  Navigation Structure

The following example shows a navigation structure of a web. 

1.  On the View menu, select Navigation.  You will see a navigation view.  You may have nothing in it yet2.  On the toolbar, click Folder List button  .  Now you have Folder List on the left hand side and Navigation Structure on the right hand side. See the following picture

3.  Now drag a file in the Folder List to the position in the Navigation Structure where you want it.  If you don't have any file in the Folder List, just create some new pages and save them.

4.  Your final Navigation Structure should look like the following.  To change the title of a page, right click the page and select Rename.  To delete a page, right click the page and select Delete.

5.  Double click any page in the Navigation Structure.  This will take you to the Page view. 

Part II : Insert a Page Banner

1.  Position the mouse pointer on the top of the page.  On the Insert menu, select Page Banner.  That's it!  If you want to change the title of the banner, double click the banner and change the title.

Part III:  Insert a Navigation Bar

1.  Position the insertion point where you want to place the navigation bar.  On the Insert menu, select Navigation Bar.  The Navigation Bar Properties dialog is displayed.

(For FrontPage 2002&2003 users: On the Insert menu, click Navigation.   Select Bar based on navigation structure or other options. Click Next .  When finished,  the Navigation Bar Properties dialog is displayed. )

2.  In order to understand the Navigation Bar Properties, we need to take a look at the Navigation Structure picture again. 

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

Top-Level Pages: "FAQ" and "Contact Us" are the top-level pages (Not including "Home")

Child-Level Pages:  "Company Info", "Products", and "Support" are the child-level pages of "Home". "Products" also has two child-level pages.  "Contact Us" has one.

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), "FAQ", and "Contact Us".  The parent-level pages for "Music CD" are "Company Info", "Products" (parent page), and "Support".  However, "Job" is not included because it is not connected to "Products". 

Same-Level Pages:  Include pages that are on the same level and have the same parent page. For example, "Company", "Products", and "Support" are same level, but "Job" is not because it has a different parent page.

Back and Next: This is for browsing a sequence of same level pages.  For example, the next page of "Company Info" is "Products".  The previous page of "Contact Us" is "FAQ". This feature is pretty useless in my opinion. 

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