Adobe 65011817 - Fireworks CS4 - Mac Using Manual page 238

USING FIREWORKS CS4
Optimizing and exporting
4 Click the Options button and select your HTML editor from the HTML Style pop-up menu on the General tab of
the HTML Setup dialog box. If your HTML editor is not listed, select Generic.
Note: It's important that you select your HTML editor as the HTML style so that interactive elements such as buttons
and rollovers function correctly when imported into your HTML editor.
5 Click OK.
From the HTML pop-up menu, select Export HTML File.
6
If your document contains slices, select Export Slices from the Slices pop-up menu.
7
8 To store images in a separate folder, select Put Images In Subfolder. You can select a specific folder or use the
Fireworks default Images folder.
9 If you are exporting a multi-page Fireworks document, deselect the Current Page Only check box to export all of
the pages into separate HTML documents.
Click Save.
10
After export, you'll see the files Fireworks exported on your hard drive. Images and an HTML file are generated in
the location you specified in the Export dialog box.
Copy HTML code to the Clipboard
You can copy HTML code to the Clipboard in Fireworks in either of two ways. Use the Copy HTML Code command,
or select Copy To Clipboard as an option in the Export dialog box. You'll later paste this HTML into a document in
your preferred HTML editor.
When determining how to put Fireworks HTML into other applications, consider the following disadvantages of
copying HTML code to the Clipboard:
• You don't have the option to save images into a subfolder. They must reside in the same folder as the HTML file
where you paste the copied HTML. An exception is HTML copied to Dreamweaver.
• Any links or paths used in Fireworks pop-up menus will map to your hard drive. HTML copied to Dreamweaver
is an exception.
• If you use an HTML editor other than Dreamweaver or Microsoft FrontPage, JavaScript code associated with
buttons, behaviors, and rollover images is copied but may not function correctly.
If these issues pose a problem for you, use the Export HTML option instead of copying HTML to the Clipboard.
Note: Before you copy HTML code, be sure that you've selected the appropriate HTML style and chosen Include
HTML Comments from the General tab of the HTML Setup dialog box.
Copy Fireworks HTML using the Copy HTML Code option
Select Edit > Copy HTML Code.
1
2 Follow the wizard. When prompted, specify a folder as the destination for the exported images. This must be the
location where your HTML file will reside.
Note: If you plan to paste the HTML code into Dreamweaver, it does not matter where you export the images, as long
as they reside in the same Dreamweaver site as the HTML file into which you will paste your code.
Copy Fireworks HTML using the Export dialog box
Select File > Export.
1
2 In the Export dialog box, specify a folder as the destination for the exported images. This must be the same location
where your HTML file will reside.
Last updated 3/8/2011
232