Dreamweaver

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, navigation bar, and set text) you attached to the image placeholder while working in Dreamweaver.

    Note: Although Fireworks doesn’t show links you’ve added to an image placeholder, they are preserved. If you draw a hotspot and add a link in Fireworks, it will not delete the link you added to the image placeholder in Dreamweaver; however, if you cut out a slice in Fireworks in the new image, Fireworks will delete the link in the Dreamweaver document when you replace the image placeholder.

    Fireworks doesn’t recognize the following image placeholder settings: image alignment, color, Vspace and Hspace, and maps. They are disabled in the image placeholder Property inspector.

  5. When you finish, click Done to display the save prompt.
  6. In the Save In text box, select the folder you defined as your Dreamweaver local site folder.

    If you named the image placeholder when you inserted it in the Dreamweaver document, Fireworks populates the File Name box with that name. You can change the name.

  7. Click Save to save the PNG file.

    The Export dialog box appears. Use this dialog box to export the image as a GIF or JPEG file, or, in the case of sliced images, as HTML and images.

  8. For Save In, select the Dreamweaver local site folder.

    The Name box automatically displays the name you used for the PNG file. You can change the name.

  9. For Save As Type, select the type of file or files you want to export; for example, Images Only or HTML And Images.
  10. Click Save to save the exported file.

    The file is saved, and focus returns to Dreamweaver. In the Dreamweaver document, the exported file or Fireworks table replaces the image placeholder.