Adobe Dreamweaver CC 2014 v.13 - Manual (Page 712)

To the top
To the top
To the top
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.
4. Navigate to the Dreamweaver file containing the HTML you want to update, and click Open.
5. Navigate to the folder destination where you want to place the updated image files, and click Select (Windows) or Choose (Macintosh).
Fireworks updates the HTML and JavaScript code in the Dreamweaver document. Fireworks also exports updated images associated with
the HTML and places the images in the specified destination folder.
If Fireworks cannot find matching HTML code to update, it gives you the option of inserting new HTML code into the Dreamweaver
document. Fireworks places the JavaScript section of the new code at the beginning of the document and places the HTML table or link to
the image at the end.
Create a web photo album
The Create Web Photo Album feature has been deprecated as of Dreamweaver CS5.
More Help topics
Use an external image editor
Dreamweaver Fireworks tutorial
Setting Image Preview dialog box options
705