Copying HTML to the Clipboard
A fast way to export Fireworks-generated HTML is to copy it to the Clipboard.
You can copy HTML code in Fireworks in either of two ways. You can use the Copy HTML Code command, or you can select Copy to Clipboard as an option in the Export dialog box. Doing so will copy the Fireworks HTML to the Clipboard and generate the associated image files in the location you specify. You'll later paste this HTML into a document in your preferred HTML editor.
Although copying to the Clipboard is a fast way to get Fireworks HTML into other applications, it is not ideal in every situation. Copying HTML to the Clipboard has the following disadvantages:
- 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 Adobe 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. For more information, see Setting HTML export options. |
To copy Fireworks HTML using the Copy HTML Code option:
- Do one of the following:
- Select Edit > Copy HTML Code.
- Click the Quick Export button and select Copy HTML Code from the pop-up menu.
- Follow the wizard as it guides you through the settings for exporting your HTML and images. When prompted, specify a desired 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 Adobe 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.
The wizard exports the images to the specified destination and copies the HTML code to the Clipboard.
To copy Fireworks HTML using the Export dialog box:
- Select File > Export.
NOTE
Optionally, if you are exporting to Dreamweaver, click the Quick Export button and select Copy HTML to Clipboard from the Dreamweaver submenu.
- 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.
NOTE
If you plan to paste the HTML code into Adobe 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.
- Select HTML and Images from the Export pop-up menu.
- Select Copy to Clipboard from the HTML pop-up menu.
- If your document contains slices, select Export Slices from the Slices pop-up menu.
- Click the Options button, select your HTML editor from the HTML Setup dialog box, and click OK.
- Click Export in the Export dialog box.
To paste HTML copied from Fireworks into an HTML document:
- In your HTML editor, open an existing HTML document or create a new one. Save the document to the same location in which you exported your images.
NOTE
Saving the HTML file to the same location as the exported images is not necessary if you use Adobe Dreamweaver. As long as you export the images from Fireworks to a Dreamweaver site, and save the HTML file to a location somewhere within that site, Dreamweaver automatically resolves the paths to the associated images.
- View the HTML code, and place the insertion point in the desired location between the
<BODY>tags.NOTE
HTML code copied from Fireworks does not include the opening or closing
<HTML>and<BODY>tags. - Paste the HTML code. Refer to the help system within your specific HTML editor for instructions on pasting contents from the Clipboard.
When pasting code into HTML editors, it is important to keep images and HTML files in the correct location, or links could be broken. If possible when you copy to the Clipboard, make sure images are exported to the final location where they will reside on the website. Fireworks uses document-relative URLs, so if the HTML or images are moved, the URL links are broken.
