PDF (adobe.com)

Create new Fireworks files from Dreamweaver placeholders

Image placeholders let you experiment with various web page layouts before creating the final artwork for your page. Use image placeholders to specify the size and position of Fireworks images to be placed in Dreamweaver in the future.

When you create a Fireworks image from a Dreamweaver image placeholder, a new Fireworks document is created with a canvas of the same dimensions as the selected placeholder.

Note: All behaviors applied within Fireworks are preserved upon export back to Dreamweaver. Likewise, most Dreamweaver behaviors applied to image placeholders are also preserved during launch-and-edit with Fireworks. There is one exception, however: disjoint rollovers applied to image placeholders in Dreamweaver are not preserved when opened and edited in Fireworks.

Once the Fireworks session has ended and you've returned to Dreamweaver, the new Fireworks graphic you created takes the place of the image placeholder originally selected.

  1. In Dreamweaver, save the desired HTML document to a location inside your Dreamweaver site folder.

  2. Position the insertion point in the desired position in your document, and do one of the following:

    • Select Insert > Image Objects > Image Placeholder.

    • Click the Images: Image pop-up menu in the Common category of the Insert bar and choose Image Placeholder.

  3. Enter the name, dimensions, color, and alternate text for the image placeholder.

    An image placeholder is inserted into the Dreamweaver document.


  4. Do one of the following:

    • Select the image placeholder and click Create in the Property inspector.

    • Control-double-click (Windows) or Command-double-click (Mac OS) the image placeholder.

    • Right-click (Windows) or Control-click (Mac OS) and choose Create Image in Fireworks.

      Fireworks opens with an empty canvas that is exactly the same size as the placeholder image. The top of the Document window indicates that you are editing an image from Dreamweaver.

  5. Create an image in Fireworks and click Done.

  6. Specify a name and location for the source PNG file.

  7. Specify a name for the exported image files.

    These are the image files that are displayed in Dreamweaver.

  8. Specify a location within your Dreamweaver site folder for the exported image file or files, and then click Save.

    When you return to Dreamweaver, the image placeholder you originally selected is replaced with the new Fireworks image or table.