Operation Manual

344
USING DREAMWEAVER
Working with other applications
Last updated 3/28/2012
4 In Fireworks, edit the source PNG file and click Done.
Fireworks saves the changes in the PNG file, exports the updated image (or HTML and images), and returns focus to
Dreamweaver. In Dreamweaver, the updated image or table appears.
For a tutorial about Dreamweaver and Fireworks integration, see www.adobe.com/go/vid0188.
More Help topics
“Use an external image editor” on page 232
Dreamweaver Fireworks tutorial
Optimize a Fireworks image from Dreamweaver
You can use Dreamweaver to make quick changes to Fireworks images and animations. From within Dreamweaver,
you can change optimization settings, animation settings, and the size and area of the exported image.
1 In Dreamweaver, select the desired image and do one of the following:
• Select Command > Optimize Image
• Click the Edit Image Settings button in the Property inspector.
2 Make your edits in the Image Preview dialog box:
• To edit optimization settings, click the Options tab.
• To edit the size and area of the exported image, click the File tab.
3 When you finish, click OK.
More Help topics
“Setting Image Preview dialog box options” on page 353
Use Fireworks to modify Dreamweaver image placeholders
You can create a placeholder image in a Dreamweaver document and then start Fireworks to design a graphic image
or Fireworks table to replace it.
To create a new image from an image placeholder, you must have both Dreamweaver and Fireworks installed on your
system.
1 Make sure you’ve already set Fireworks as the image editor for PNG files.
2 In the Document window, click the image placeholder to select it.
3 Start Fireworks in Editing From Dreamweaver mode by doing one of the following:
• In the Property inspector, click Create.
• Press Control (Windows) or Command (Macintosh) then double-click the image placeholder.
• Right-click (Windows) or Control-click (Macintosh) the image placeholder, then select Create Image In Fireworks.
4 Use Fireworks options to design the image.
Fireworks recognizes the following image placeholder settings you may have set while working with the image
placeholder in Dreamweaver: image size (which correlates to Fireworks canvas size), image ID (which Fireworks uses
as the default document name for the source file and export file you create), and text alignment. Fireworks also
recognizes links and certain behaviors (such as swap image, pop-up menu, and set text) you attached to the image
placeholder while working in Dreamweaver.