PDF (adobe.com)

About Roundtrip HTML



Fireworks recognizes and preserves most types of edits made to a document in Dreamweaver, including changed links, edited image maps, edited text and HTML in HTML slices, and behaviors shared between Fireworks and Dreamweaver. The Property inspector in Dreamweaver helps you identify Fireworks-generated images, table slices, and tables in a document.

Fireworks supports most types of Dreamweaver edits. However, major changes to a table's structure in Dreamweaver can create irreconcilable differences between the two applications. When making considerable changes to a table layout, use the Dreamweaver launch-and-edit feature to edit the table in Fireworks.

Note: Using Fireworks technology, Dreamweaver provides basic image-editing features for modifying images without an external image-editing application. Dreamweaver image-editing features apply only to JPEG and GIF image file formats.

Edit a Fireworks image placed in Dreamweaver

Note: Before editing Fireworks graphics from Dreamweaver, perform some preliminary tasks. For more information, see Set launch-and-edit options.

  1. In Dreamweaver, choose Window > Properties to open the Property inspector.

  2. Do one of the following:

    • Select the desired image. (The Property inspector identifies the selection as a Fireworks image and displays the name of the known PNG source file for the image.) Then click Edit in the Property inspector.

    • Control-double-click (Windows) or Command-double-click (Mac OS) the image you want to edit.

    • Right-click (Windows) or Control-click (Mac OS) the desired image, and choose Edit With Fireworks from the context menu.

  3. If prompted, specify whether to locate a source Fireworks file for the placed image.

  4. In Fireworks, edit the image.

    The edits you apply are preserved in Dreamweaver.

  5. Click Done to export the image using the current optimization settings, update the GIF or JPEG file used by Dreamweaver, and save the PNG source file if a source file was selected.

    Note: When you open an image from the Dreamweaver Site panel, the default editor for that image type, which is set in Dreamweaver Preferences, opens the file. When images are opened from this location, Fireworks does not open the original PNG file. To use the Fireworks integration features, open images from within the Dreamweaver Document window.

Edit a Fireworks table placed in Dreamweaver

Note: Before editing Fireworks tables from Dreamweaver, perform some preliminary launch-and-edit tasks. For more information, see Set launch-and-edit options.

  1. In Dreamweaver, choose Window > Properties to open the Property inspector.

  2. Do one of the following to open the source PNG file in the document window:

    • Click inside the table, and click the TABLE tag in the status bar to select the entire table. (The Property inspector identifies the selection as a Fireworks table and displays the name of the known PNG source file for the table.) Then click Edit in the Property inspector.

    • Select an image in the table, and click Edit in the Property inspector.

    • Right-click (Windows) or Control-click (Mac OS) the image, and then choose Edit With Fireworks from the context menu.

  3. In Fireworks, make the edits.

    Dreamweaver recognizes and preserves all edits applied to the table in Fireworks.

  4. When you have finished editing the table, click Done in the document window.

    The HTML and image slice files for the table are exported using the current optimization settings, the table placed in Dreamweaver is updated, and the PNG source file is saved.

    Note: You can get a Dreamweaver error if you nest another table inside the original Fireworks-generated table and then try to edit the table using Roundtrip editing in Dreamweaver. For more information, see TechNote 19231 on the Adobe website.