Objective #1: Create a pop-up menu.

• Pop-up menus are beneficial because they contain many links but don't take up a lot of room on a Web page. They can be difficult for the Web surfer though because they contain many links that can't be viewed unless the Web surfer moves the mouse over them.
• A pop-up menu can easily be created in Fireworks using the Pop-up Menu Editor which can be accessed under the add behavior button on the Behaviors Panel. You must first select a slice to which you want to add the pop-pup menu behavior.
• Submenus can be added to pop-up menu commands using the Indent Menu button.
• To delete a menu command, select it and click the Minus (-) icon.
• To insert a menu command between existing ones, highlight the menu command above the position where you want the new one inserted and click the Plus (+) icon.
• You may want to add space between a menu command and its submenu command by adding an extra space or two at the end of the menu command's Text entry.
• You can reorder commands in the Content pane of the Pop-up Menu Editor by dragging and dropping them.
• You can click the down arrow on the Events column of the Pop-up Menu Editor to choose whether the menu pops up on a mouse over (onMouseOver) or on a click (onClick).
• Many settings can be customized using the Pop-up Menu Editor's Appearance, Advanced, and Position tabs.
• You can choose to have images as the pop-up menu commands or HTML on the Appearance tab. Note that using images can drive up the size of the Web page where the pop-up menu is used.
• The behavior that makes the pop-up menu work is JavaScript that is exported as a .js file when the png file is exported.
• Use the # symbol to create a temporary null link in the Link column of the Content tab in the Pop-up Menu Editor.
• You can drag the pop-up menu to make it appear in a customized place relative to the slice it's attached to. Select the slice and an outline of the pop-up menu appears. Drag the outline to a desired position.
• A pop-up menu that you create with Fireworks must be previewed in a Web browser since it won't show up in the Preview mode of Fireworks.

Objective #2: Create a navigation bar.

• Button symbol instances can be used to create a navigation bar.
• Each button can have up to four states including Up, Over, Down, and Over While Down.
• To take advantage of the ability of Fireworks to display the Down image of a button on a nav bar, you must check the Export multiple nav bar HTML files check box in the Document Specific tab of the HTML Setup dialog box. The button object's name must be exactly the same as the URL link prefix filename.

Objective #3: Export HTML and import it into Dreamweaver.

• When you export a Fireworks document that contains slices, hotspots, or various behaviors, you have the choice to export the necessary HTML code that goes along with the graphic(s).
• You can use the HTML Setup window to set the HTML Style that matches Macromedia Dreamweaver, Microsoft FrontPage, Adobe GoLive, and other HTML editors.
• It is easiest to the Insert/Interactive Images/Fireworks HTML command in Dreamweaver to import Fireworks HTML to a Dreamweaver Web page. But you can also copy and paste the necessary HTML and JavaScript from the exported Fireworks HTML code into the proper place of a Web page.