Operation Manual

347
USING DREAMWEAVER
Working with other applications
Last updated 3/28/2012
• In the Common category of the Insert panel, click the Images button and choose Insert Fireworks HTML from the
popup menu.
3 Click Browse to select a Fireworks HTML file.
4 If you will have no further use for the file, select Delete File After Insertion. Selecting this option has no effect on
the source PNG file associated with the HTML file.
Note: If the HTML file is on a network drive, it is permanently deleted—not moved to the Recycle Bin or Trash.
5 Click OK to insert the HTML code, along with its associated images, slices, and JavaScript, into the Dreamweaver
document.
Paste Fireworks HTML code into Dreamweaver
A fast way to place Fireworks-generated images and tables in Dreamweaver is to copy and paste Fireworks HTML code
directly into a Dreamweaver document.
Copy and paste Fireworks HTML code into Dreamweaver
1 In Fireworks, select Edit > Copy HTML Code.
2 Follow the wizard as it guides you through the settings for exporting your HTML and images. When prompted,
specify your Dreamweaver site folder as the destination for the exported images.
The wizard exports the images to the specified destination and copies the HTML code to the Clipboard.
3 In Dreamweaver document, place the insertion point where you want to paste the HTML code, and select Edit >
Paste Fireworks HTML.
All HTML and JavaScript code associated with the Fireworks files you exported is copied into the Dreamweaver
document, and all links to images are updated.
Export and paste Fireworks HTML code into Dreamweaver
1 In Fireworks, select File > Export.
2 Specify your Dreamweaver site folder as the destination for the exported images.
3 In the Export pop-up menu, select HTML And Images.
4 In the HTML pop-up menu, select Copy To Clipboard, and then click Export.
5 In the Dreamweaver document, place the insertion point where you want to paste the exported HTML code, and
select Edit
> Paste Fireworks HTML.
All HTML and JavaScript code associated with the Fireworks files you exported is copied into the Dreamweaver
document, and all links to images are updated.
Update Fireworks HTML code placed in Dreamweaver
In Fireworks, the File > Update HTML command provides an alternative to the launch-and-edit technique for
updating Fireworks files placed in Dreamweaver. With Update HTML, you can edit a source PNG image in Fireworks
and then automatically update any exported HTML code and image files placed in a Dreamweaver document. This
command lets you update Dreamweaver files even when Dreamweaver is not running.
1 In Fireworks, open the source PNG file and make your edits.
2 Select File > Save.
3 In Fireworks, select File > Update HTML.