Dreamweaver

Edit a Fireworks image or table from Dreamweaver

When you open and edit an image or an image slice that is part of a Fireworks table, Dreamweaver starts Fireworks, which opens the PNG file from which the image or table was exported.

Note: This assumes that Fireworks is set as the primary external image editor for PNG files. Fireworks is often also set as the default editor for JPEG and GIF files, although you may wish to set Photoshop as the default editor for these file types.

When the image is part of a Fireworks table, you can open the entire Fireworks table for edits, as long as the <!--fw table--> comment exists in the HTML code. If the source PNG file was exported from Fireworks to a Dreamweaver site using the Dreamweaver Style HTML And Images setting, the Fireworks table comment is automatically inserted in the HTML code.

  1. In Dreamweaver, open the Property inspector (Window > Properties) if it isn’t already open.
  2. Click the image or image slice to select it.

    When you select an image that was exported from Fireworks, the Property inspector identifies the selection as a Fireworks image or table and displays the name of the PNG source file.

  3. To start Fireworks for editing, do one of the following:

    • In the Property inspector, click Edit.

    • Hold down Control (Windows) or Command (Macintosh) and double-click the selected image.

    • Right-click (Windows) or Control-click (Macintosh) the selected image and select Edit With Fireworks from the context menu.

      Note: If Fireworks cannot locate the source file, you are prompted to locate the PNG source file. When you work with the Fireworks source file, changes are saved to both the source file and the exported file; otherwise, only the exported file is updated.
  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.