Creating a NavBar with Fireworks and Dreamweaver

You'll need both Fireworks and Dreamweaver. This list is a barebones checklist to remind you later of the steps to take.

Steps

  1. Decide on the parts of the site
  2. Decide on a color scheme, font, etc.
  3. Fire up Fireworks and create the default version of your nav bar.
  4. Add a second frame that is a copy of the first.
  5. In the second frame, change the colors in a way that indicates the item has been selected.
  6. Crop to the size you'll use for the navbar.
  7. Create slices around each menu selection.
  8. For each slice, click on the middle circle to bring up the menu and select "Add simple rollover behavior."
  9. Add a link to the appropriate page to each menu choice using the properties window.
  10. Save the png file so you can re-edit this.
  11. Export to html in a space inside your web site folder.
  12. In your page in DW, chose Insert, Image Objects, Fireworks HTML.