Understanding Nav Bars
Before we start the actual creation of the visual elements let us have a look
a a few terms that we will encounter in the upcoming section. It is important
to understand the terms as well as the rationales on which we will design the
nav bar and how we will realize this in Fireworks.
A few terms
When we create nav bars we want to use them for a few purposes:
- Offer attractive navigation
- Indicate which element will be selected
- Display the currently selected item
Already we have two tasks there: creating graphics and assigning behaviors.
For now we will just think about the graphics part.
Every navigational element ought to have three states. These states are referred
to as:
- up - this is the appearance of the element when untouched and unselected,
as it appears first on the page when loaded
- over - when the mouse pointer hovers over the element
- down - when the element is selected
Here are two buttons that work the way we want them to, somewhat similar to
the station buttons on an old-fashioned radio. When you select one of the buttons
it unlocks the other button that was in the "down" state before the
selection (your screen will adjust the document to a different position when
you click for the first time).
| 
