Modifying Dreamweaver image placeholders with fireworks

You can first create a placeholder image in the Dreamweaver document, and then start fireworks to design a graphics image or fireworks table to replace it.

To create a new image from an image placeholder, you must have both Dreamweaver and Fireworks installed in your system.

Make sure that you have set Fireworks to the image editor of the PNG file.

In the document window, click the image placeholder to select it.

Start Fireworks in edit from Dreamweaver mode by doing one of the following:

In the property inspector, click Create.

Press Ctrl (Windows) or Command (Macintosh), and then double-click the image placeholder.

Right-click (Windows) or hold down the control Click (Macintosh) image placeholder and select Create image in Fireworks.

Design images with various Fireworks options.

Fireworks can identify the following image placeholder settings that you might set when you use image placeholders in Dreamweaver: Image size (this relates to the canvas size of fireworks), Image ID (Fireworks Use this as the default document name for the source and export files that you create, as well as the text alignment. In addition, Fireworks can identify links and specific behaviors (such as exchanging images, pop-up menus, navigation bars, and settings) that you attach to image placeholders while working in Dreamweaver.

Note: Although Fireworks does not show links that have been added to image placeholders, they are indeed preserved. If you draw a hotspot in fireworks and add a link, this does not cause the link that you added to the image placeholder in Dreamweaver to be deleted, but if you cut a slice out of a new image in fireworks, when you replace the image placeholder, Fireworks will delete the links in the Dreamweaver document.

Fireworks does not recognize the following image placeholder settings: Image alignment, color, vertical margins, and horizontal margins, and mappings. These settings are in the disabled state in the Image placeholder property inspector.

When you are finished, click Finish to display the save prompt.

In the Save in text box, select the folder defined as the Dreamweaver local site folder.

If you name an image placeholder when you insert it in a Dreamweaver document, Fireworks populates the file name box with that name. You can change this name.

Click Save to save the PNG file.

The Export dialog box appears. Use this dialog box to export an image to a GIF or JPEG file, and for a sliced image, you can export to HTML and an image.

For Save in location, select the Dreamweaver local site folder.

A name for the PNG file is automatically displayed in the Name box. You can change this name.

For Save as type, you can select the type of file to export, such as image only or HTML and images.

Click Save to save the exported file.

The file is saved and the focus is returned to Dreamweaver. In the Dreamweaver document, the exported file or Fireworks table will replace the image placeholder.