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

Lesson 10. Creating Frames > 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 (covered in Lesson 5) in their ease of use. Navigation bars, however, allow you to add up to four states for each image to display, based on user interaction. The first state of an image in a navigation bar is known as Up Image and appears when the page first loads. The second state of an image is called Over Image and is displayed when the user rolls over the image. (These states are the same two that occur in a simple rollover.) In a navigation bar, you have two additional states that you can use. When the user clicks the image, the 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 is effective for adding user feedback. You can make the third image look like a “clicked” button, indicating that it has been selected. Users will then understand what pages they are looking at based on the selected button. When the user is on a home page, for example, the Home Page button could look like the clicked button, while all of the other buttons would be in their normal states. 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 states.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


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