to that anchor. 3. Preview your page in the browser by selecting the Preview In Browser option from the Document bar. This time, when the page links down to Ada's name, try choosing the Back To Top link. The page should move back to the top of the page. For practice, repeat the process for the rest of the links in the horizontal menu bar. It's important to note that you can also use the point-to-file icon next to the Link text box to point to a named anchor. Creating a Navigation Bar You've already seen how to create a rollover image using the Rollover Image dialog located in the Image Objects subcategory of the Insert menu. Aside from simply creating an image that, when rolled over, changes to a new version of the image, the Image Object subcategory also lists the Navigation Bar option. This feature, like the Rollover Image option, allows you to create a series of rollover images that mocks the look and functionality of a typical website navigation bar. To use the Navigation Bar option from the Image Objects subcategory, assume for a moment that the header image of our website didn't have the imagemap but instead we were relying on the functionality in the Navigation Bar option to build our navigation menu. To build the navigation bar, follow these steps: 1. Create a new blank HTML page by choosing the New option from the File menu. Choose the HTML option from the Basic Page category and click Create. 2. Choose Insert, Image Objects, Navigation Bar. The Insert Navigation Bar dialog appears. The Insert Navigation dialog exposes the following functionality: Nav bar elements: Lists the navigation bar elements. Select the + icon to create a new navigation bar element, the icon to remove one, and the up and down icons to position navigation elements within the list. Element name: Uniquely name the navigation bar element. This option is required. Up image: Enter or browse for the image to use for the up state. Over image: Enter or browse for the image to use for the rollover state. Down image: Enter or browse for the image to use for the down state. This image appears when the user actually clicks the navigation bar element. Over while down image: Enter or browse for the image to use when the user rolls over the image when it is in its down state. Alternate text: Enter the Alternate (Alt) text here. When clicked, Go to URL: Enter the path that the image link will go to once clicked. In menu: Choose the target to be associated with the link. Normal targets do not appear here. However, frame names do appear here as targets when applicable. Options: Choose the Preload Images option to force the browser to preload all images before the page loads. Optionally, you can force the browser to display a specific image's down state when the page loads. This great usabality feature alerts the user as to which page they're currently on. Insert: Choose an option from this menu to display the navigation bar horizontally or vertically. Use tables: Enable this check box to position the navigation bar using tables. Using tables provides more flexible positioning and spacing options. Because we haven't covered tables yet, disable this option. 3. Enter a name for the first rollover image in the Element Name text box. For the first image, you may want to enter the text Home. 4. Located inside the Navigation Menu folder in the Images folder, you'll find a series of images labeled with the name of the image followed by up, over, and down. Browse to those files using the appropriate text box's Browse button. For our example, you should use home_up.gif, home_over.gif, and home_down.gif. Leave the Over While Down Image text box blank.