Introduction

Navigating Web sites can be a pleasant or sometimes tedious task. Often it is the details that leave the visitor smiling and in good spirits or cringing and frustrated.

Examples of navigational systems

The School of Education at Boston University has a static navigational system that shows the navigational items but has no other indications as to where the visitor is within the site.

An example of a navigational system with rollovers can be found at the School of Theology Web site.

"Mystery Meat Navigation" is a term given to navigational systems that don't give any indication what the items link to until the visitor moves the mouse over the graphic. A classic example of "Mystery Meat" can be found on the Chipotle Web site. Navigational systems like this make it difficult for the visitor to get to where they want to go to.

Our tutorial project

Today we will create a navigational bar for a practice Web site that we will access together. Our objective is to create the graphics, behaviors, and links from within Fireworks and export them to Dreamweaver. On the way we will learn all the necessary skills to achieve our task.