DREAMWEAVER CS3
User Guide
367
See also
“About Design Notes” on page 102
“Enable and disable Design Notes for a site” on page 102
Working with Fireworks
Insert a Fireworks image
Dreamweaver and Fireworks recognize and share many of the same file-editing procedures, including changes to
links, image maps, table slices, and more. Together, the two applications provide a streamlined workflow for editing,
optimizing, and placing web graphics files in HTML pages.
You can place a Fireworks exported graphic directly in a Dreamweaver document using the Insert Image command,
or you can create a new Fireworks graphic from a Dreamweaver image placeholder.
1
In the Dreamweaver document, place the insertion point where you want the image to appear, then do one of the
following:
•
Select Insert > Image.
•
In the Common category of the Insert bar, click the Image button or drag it to the document.
2
Navigate to the desired Fireworks exported file, and click OK (Windows) or Open (Macintosh).
Note:
If the Fireworks file is not in the current Dreamweaver site, a message appears asking whether you want to copy
the file to the root folder. Click Yes.
See also
“About Photoshop, Flash, and Fireworks integration” on page 366
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.
September 4, 2007
