• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Lesson 5. Adding User Interactivity > Adding a Navigation Bar

Adding a Navigation Bar

A navigation bar is a set of images used to link to pages in your site. Navigation bars are similar to simple rollovers, but you can add up to four states for each image, based on user interaction. The first state of an image, Up Image, in a navigation bar appears when the page first loads. The second state of an image, Over Image, is displayed when the user rolls over the image. (These states are the same two that occur in a simple rollover.) When the user clicks an image, a third state, Down Image, is displayed. The fourth state of an image, Over While Down Image, is displayed when the user rolls over an image after the image has been clicked.

The navigation bar adds effective user feedback. You can make the third image look like a “clicked” button, indicating that it has been selected. Users can understand what pages they are looking at based on the selected button. When the user is on the home page, for example, the Home Page button looks like the clicked button, and all other buttons are in their normal state. When the user clicks another button, the user goes to that page; that page's button is in the clicked state, and the Home Page button returns to normal. On each visited page, the appropriate button appears to be clicked, and the others are back to their normal state.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint