Adobe 65011817 - Fireworks CS4 - Mac Using Manual page 239

User guide
Hide thumbs Also See for 65011817 - Fireworks CS4 - Mac:
Table of Contents

Advertisement

USING FIREWORKS CS4
Optimizing and exporting
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.
From the Export pop-up menu, select HTML and Images.
3
4
From the HTML pop-up menu, select Copy to Clipboard.
If your document contains slices, select Export Slices from the Slices pop-up menu.
5
Click the Options button, select your HTML editor from the HTML Setup dialog box, and then click OK.
6
7
Click Save.
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
1
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 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 resolves the paths to the associated images.
View the HTML code, and place the insertion point between the
2
Note: HTML code copied from Fireworks does not include the opening or closing
Paste the HTML code.
3
If possible when you copy to the Clipboard, export images to the 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.
Copy code from an exported Fireworks file and paste it into another HTML document
Open the Fireworks HTML file you exported in an HTML editor.
1
2
Highlight the necessary code and copy it to the Clipboard.
Open an existing HTML document or create a new one.
3
Paste the code into the new HTML file. You do not have to copy the
4
already be included in the destination HTML document.
If you chose Include HTML Comments in the HTML Setup dialog box in Fireworks, follow the instructions in the
comments to copy and paste the code into the appropriate location.
If your Fireworks document contains interactive elements, copy the JavaScript code.
5
JavaScript code is surrounded by
paste the entire
<SCRIPT>
you should copy and paste only the contents of the
careful not to overwrite the contents of the existing section. Also ensure there are no duplicate JavaScript functions
in the
section after you paste the code.
<SCRIPT>
Update exported HTML
Updating allows you to make changes to a Fireworks HTML document you've previously exported and is useful if you
want to update only a portion of a document.
Note: Update HTML works differently with Dreamweaver documents than it does with other HTML documents. For
more information, see
"Working with
When updating, you can choose to replace just the images that changed, or overwrite all code and images. If you choose
to replace only the images that changed, any changes you made to the HTML file outside of Fireworks are preserved.
tags and is located in the
<SCRIPT>
section, unless your destination document already has a
<SCRIPT>
Dreamweaver" on page 238.
Last updated 3/8/2011
tags.
<BODY>
<HTML>
and
and
tags, because these should
<HTML>
<BODY>
section of the document. Copy and
<HEAD>
<SCRIPT>
section into the existing
<SCRIPT>
233
<BODY>
tags.
section. In this case
section, being

Advertisement

Table of Contents
loading

This manual is also suitable for:

Fireworks cs4

Table of Contents