WyzGuys Computer Tutors

 Computer Instruction. Web Design Instruction,  and Web Hosting 

 

Adding Link Bars

 

Site Navigation

Home
Student Registration
Class Resources

Day One

Introduction
Student Sites
Web Structure
Computer Settings
Site & Pages
Explore FrontPage
Web Site Wizard
Shared Borders
Web Page Themes
Page Header
Adding Text
Homework 1
Web Hosting 101
Web Site Design
Home Page Design

Day Two

Introduction
Your Home Page
Adding Pages
About Us Content
Add More Pages
Deleting Pages
Navigation
Link Bars
Custom Link Bars
Hyperlinks
Adding Hyperlinks
Hyperlink Exercise
Publishing
Copy Your Site
Homework 2

Day Three

Introduction
Bullet List
Numbered List
Tables
Table Uses
Create Tables
Graphics Intro
Image Sizing
Photo Editing
Adding Graphics
Photogalleries
Gallery Tool
Saving Images
Adding Music

Day Four

Form Wizard
Custom Form
Form Exercise
Form Properties
Web Components
Add a Map
Add Search Box
Marquee
Buttons
Hit Counter
Split & Code View
On-Line Sales
PayPal Buttons
Building Traffic
Meta Tags
Search Engines
Appendix & FAQs
Adv Techniques
Interactive Web
Conclusion
Evaluation

We use and recommend

for your on-line transactions

Link Bars 

A Link Bar is a set of hyperlinks that enable site visitors to navigate to the pages in your Web site. You place link bars in a prominent and consistent location on each page, and they act as a map to the pages you designate. You can create link bars with either graphic or text hyperlinks. 

You can choose to create a custom link bar, where you specify the links and order, or you can choose to let FrontPage built a link bar for you based on the navigational structure of your web site. FrontPage maintains the link bars you create; if you move or add a page, FrontPage updates the link bar accordingly. 

Letting FrontPage create a link bar for you sounds easy, and it is.  I do not recommend this method, though.  In my experience, the automatically creating link bars are more confusing to use.  As you navigate through the different levels of the web site, the links change, some links disappear, while other ones take their place.  I have found that this makes it more difficult for visitors to find a page they may have been on earlier.  We will learn how to create custom link bars.

You can format your link bars in the following ways:

  • You can place link bars horizontally or vertically on a page.

  • You can add more than one link bar to each page, for example to navigate to different page levels.

  • You can change the style of a link bar that uses buttons instead of text.

Creating Link Bars based on Web Site Structure for your Web Site 

Even though this method is not taught or recommended, I include the following material so you know how this works.  If a link bar mysteriously appears, it is probably one of these.

After you have designed your Web site and determined a hierarchical and logical flow for the content, you can add a link bar based on that navigation structure. The structure determines which hyperlinks you will assign to the link bar, and the node labels determine the labels for those hyperlinks.  The following example shows the structure of a Web site in Navigation view and an explanation of the relationships among the pages in the site:

The Link Bar Properties dialog show below illustrates what options are available.  As you select different radio buttons, the graphic at the left changes to illustrate which pages will be included in the link bar.  You can also specify that the Home page and Parent page will also be displayed in the Link Bar.

Home page   The first page that is added to a navigation structure is typically named  index.htm, and is indicated by the home page icon.

Global level pages   These pages are at the same level as — but do not include — the home page. They do not fit into the hierarchy of the web site design, but are "stand alone" pages.  In the above diagram, the Contact Us page is a global page.

Parent level pages   These pages are located directly above another page or pages, including pages that are directly connected to the parent level page on the same level (with the exception of the Home page). In the preceding example, the parent level page for Products or About Us is Home.

Child level pages   One or more pages that are located directly below a parent level page. In the preceding example, Home has two child level pages (Products and About Us),

Same level pages   Pages that are on the same level in the hierarchical structure and share the same parent level page. In the preceding example, Products and About Us are same level pages.

Back and next pages   When you add a link bar that includes back and next links, FrontPage relies on the navigation structure of the Web site to automatically set up those links.  In the preceding example, if you add a link bar that includes back and next links to the Products page, the next link directs the site visitor to About Us and the back link directs the site visitor to Home

Back

To Exercise

Next

 

Curriculum developed by WyzGuys Computer Tutors

All Rights Reserved - updated 12/07/2006

Hosted by WyzHost.com

contact support@wyzhost.com