Fireworks Article

Modifying HTML Output with HTML Styles in Fireworks

Many people think of Fireworks as simply another image editing application. In a way, they are correct. But Fireworks is capable of more than just handling images. Fireworks is all about images on the web. That means Fireworks can handle not only developing web-based graphics but also generating the necessary HTML/CSS code to present those graphics.

Given the nature of Fireworks and its use of slices to divide images, it's not uncommon for the HTML it creates to require a table-based layout. A few years ago this was the de facto standard. Everyone loved tables. Today things have changed. Good web design makes less and less use of tables and more use of cascading style sheets (CSS) for rendering layout. Luckily, Fireworks is flexible enough to be able to meet the needs of today's web design requirements by using alternate HTML styles—templates that define the HTML that Fireworks exports.

This article explores the use of HTML styles within Fireworks. It covers how you can modify existing styles to suit your needs better as well as gives steps you can take to develop your own. By creating your own HTML styles for Fireworks, you can make sure that Fireworks generates the HTML you desire—the kind that's better suited for today's standards.

Requirements

To complete this tutorial, install the following software and files:

Fireworks 8

• Try
• Buy

Sample files:

• fw_html_styles.zip (ZIP, 797K)

Page 1 of 6

Next Page

About the author