Although making a navigation bar rollover requires a lot of prep work, Dreamweaver makes combining all of your images into a beautiful rollover easy.

And guess what? You don't have to do all of that prep work because I've done it for you!

So to begin, download my demo project here.

Start Dreamweaver and open the website index.html from the Rollover_Demo.zip folder you downloaded. Once you have the index.html site opened in Dreamweaver, click on the design window in the place where you would like your navigation bar insterted. This is not a big deal because your nav bar can be moved once it has been created.

Finding the Insert Navigation Bar Dialog Box

In the menu bar at the top of your screen select Insert. Scroll down to Image Objects.

Select Navigation Bar. The Insert Navigation Bar dialog box pops up. This box is your best friend, it is going to make creating a navigation rollover a breeze!