Creating Fireworks PNG files from HTML files
Fireworks can open and import HTML content created in other applications. When you open or import an HTML file, Fireworks reconstructs the layout and behaviors defined by the HTML code, allowing you to re-create web pages that contain sliced graphics, JavaScript buttons, and other types of interactivity. This allows you to salvage inherited websites even if you don't have the source PNG files. With this feature, you can quickly open or import a web page to update graphics, change document layout, or alter navigational links, buttons, and other interactive elements, all without having to rebuild the page from scratch or modify its scripting.
Because Fireworks exports HTML content in the form of an HTML table, it also determines the document layout for imported HTML based on HTML tables. An HTML file must contain at least one table for Fireworks to be able to reconstruct it. For more about HTML, see Exporting HTML.
You can get HTML content into Fireworks in several ways:
- You can open all the HTML tables in an HTML file.
- You can open the first HTML table that Fireworks encounters in an HTML file.
- You can import the first HTML table that Fireworks encounters into an existing Fireworks document.
NOTE
Fireworks can also import documents that use UTF-8 encoding and those that are written in XHTML. XHTML files usually have the extension .xhtm or .xhtml. For more information on these file types, see Exporting files with and without UTF-8 encoding and Exporting XHTML.
To open all tables of an HTML file:
- Select File > Reconstitute Table.
- Select the HTML file that contains the tables you want to open, and click Open.
Each of the tables opens in its own document window.
To open only the first table of an HTML file:
- Select File > Open.
- Select the HTML file that contains the table you want to open, and click Open.
The first table in the HTML file opens in a new document window.
To import the first table of an HTML file into an open Fireworks document:
- Select File > Import.
- Select the HTML file you want to import from, and click Open.
- Click to place the insertion point where you'd like the imported table to appear.