Adobe Dreamweaver CC 2015 - Manual (Page 441)

434
Cross-product
Last updated 6/3/2015
Insert Fireworks HTML code in a Dreamweaver document
From Fireworks, you can use the Export command to export and save optimized images and HTML files to a location
inside a Dreamweaver site folder. You can then insert the file in Dreamweaver. Dreamweaver lets you insert Fireworks-
generated HTML code, complete with associated images, slices, and JavaScript, into a document.
1 In Dreamweaver document, place the insertion point where you want to insert the Fireworks HTML code.
2 Do one of the following:
• Select Insert > Image Objects > Fireworks HTML.
• 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.