There are several options for creating interactive navigation for your web pages: You can easily create:
• Graphical buttons and navigation bars in Fireworks, and import them into Dreamweaver.
• Image-based, or HTML, pop-up menus in Fireworks, and place them in a Dreamweaver file.
• Rollover images that add visual interest and interaction by using Dreamweaver.
Advanced users may consider using Fireworks to create CSS-based interactive navigation. You can use the CSS Properties panel to extract complex CSS3 properties for buttons, such as text, border radius, and gradients.
Select Edit > Insert > New Button. The button editor opens and the Properties panel displays button properties.
Deselect the Enable option for 9-Slice Scaling Guides in the Properties panel. (To learn about 9-Slice Scaling Guides, select Help). Buttons contain four states:
• Up (button untouched)
• Over (pointer over button)
• Down (button being clicked)
• Over While Down (pointer over while button held down)
You can view each state by selecting it in the State pop-up menu in the Properties panel. The current state of the new button is Up, as shown in the Properties panel.
How to create pop-up menus
Pop-up menus are menus that are displayed in a browser when a site visitor moves the pointer over or clicks a trigger image. Items in a pop-up menu can have URL links attached to them for navigation.
You can use pop-up menus to display multiple links within a small space. They provide navigation flexibility without long download times. You can define the appearance of the pop-up menu so it matches the overall look and feel of your website. A pop-up menu is similar to a table: each menu item is like a table cell. You can customize the menu by choosing from a selection of font types, cell colors, and background image styles.
Editing a pop-up menu
You edit a pop-up menu through the same context menu with which you created the pop-up menu. To edit a pop-up menu:
1. To edit a pop-up menu, select the slice to which your menu is attached and double-click the pop-up menu’s blue outline in the workspace, or click the behavior handle and select Edit Pop-up Menu. The Pop-up Menu Editor opens.
2. Set options in the Pop-up Menu Editor just as you did when you created your pop-up menu.
