Edit fireworks pop - up menus in dreamweaver – Adobe Dreamweaver CC 2014 v.13 User Manual
Page 711
In addition to being extensible and fast to download, the pop-up menus you create with Fireworks give you the following advantages:
The menu items can be indexed by search engines.
The menu items can be read by screen readers, making your pages more accessible.
The code generated by Fireworks complies to standards and can be validated.
You can edit Fireworks pop-up menus with Dreamweaver or with Fireworks, but not both. Changes made in Dreamweaver are not preserved
in Fireworks.
Edit Fireworks pop-up menus in Dreamweaver
You can create a pop-up menu in Fireworks 8 or later and then edit it with Dreamweaver or with Fireworks (using roundtrip editing), but not with
both. If you edit your menus in Dreamweaver and then edit them in Fireworks, you will lose all your previous edits except for the text content.
If you prefer to edit your menus with Dreamweaver, you can use Fireworks to create the pop-up menu and then use Dreamweaver exclusively to
edit and customize the menu.
If you prefer to edit the menus in Fireworks, you can use the roundtrip editing feature in Dreamweaver, but you should not edit the menus directly
in Dreamweaver.
1. In Dreamweaver, select the Fireworks table that contains the pop-up menu, and then click Edit in the Property inspector.
The source PNG file opens in Fireworks.
2. In Fireworks, edit the menu with the Pop-up Menu Editor, and then click Done on the Fireworks toolbar.
Fireworks sends the edited pop-up menu back to Dreamweaver.
If you created a pop-up menu in Fireworks MX 2004 or earlier, you can edit it in Dreamweaver using the Show Pop-Up Menu dialog box,
available from the Behaviors panel.
Edit a pop-up menu created in Fireworks MX 2004 or earlier
1. In Dreamweaver, select the hotspot or image that triggers the pop-up menu.
2. In the Behaviors panel (Shift+F3), double-click Show Pop-Up Menu in the Actions list.
3. Make your changes in the Pop-Up Menu dialog box and click OK.
Specify launch-and-edit preferences for Fireworks source files
When you use Fireworks to edit images, the images in your web pages are normally exported by Fireworks from a source PNG file. When you
open an image file in Dreamweaver to edit it, Fireworks automatically opens the source PNG file, prompting you to locate the PNG file if it cannot
be found. If you prefer, you can set preferences in Fireworks to have Dreamweaver open the inserted image, or you can have Fireworks give you
the option of using the inserted image file or the Fireworks source file every time you open an image in Dreamweaver.
Note: Dreamweaver recognizes the Fireworks launch-and-edit preferences only in certain cases. Specifically, you must be opening and
optimizing an image that is not part of a Fireworks table and contains a correct Design Notes path to a source PNG file.
1. In Fireworks, select Edit > Preferences (Windows) or Fireworks > Preferences (Macintosh) and then click the Launch And Edit tab
(Windows) or select Launch And Edit from the pop-up menu (Macintosh).
2. Specify the preference options to use when editing or optimizing Fireworks images placed in an external application:
Always Use Source PNG Automatically opens the Fireworks PNG file that is defined in the Design Note as the source of the placed image.
Updates are made to the source PNG file and its corresponding placed image.
Never Use Source PNG Automatically opens the placed Fireworks image, whether or not a source PNG file exists. Updates are made to
the placed image only.
Ask When Launching Displays a message asking whether to open the source PNG file. You can also specify global launch-and-edit
preferences from this message.
Insert Fireworks HTML code in a Dreamweaver document
From Fireworks, you can use the Export command to export and save optimized images and HTML files to a location inside a Dreamweaver site
folder. You can then insert the file in Dreamweaver. Dreamweaver lets you insert Fireworks-generated HTML code, complete with associated
images, slices, and JavaScript, into a document.
1. In Dreamweaver document, place the insertion point where you want to insert the Fireworks HTML code.
2. Do one of the following:
Select Insert > Image Objects > Fireworks HTML.
704