How to Get Fireworks Ready to Export as CSS
- 1). Design your Web page in Adobe Fireworks.
- 2). Click the “File” option on the top navigation bar, and then click “Export.”
- 3). Click the “CSS and Image” option. The Exporter window opens.
- 4). Click the “Image Slice” tool in the Exporter window and draw an image slice over each image in the page you wish to export as a single image. Each image slice appears in the Exporter window. Adjust the slices in the workspace window, and then view in the Exporter window.
- 5). Adjust all text boxes and image bounding boxes so that none of the boxes are overlapping. Click the “Select All Objects” option to view all bounding boxes for objects in the artwork.
- 6). Set any additional desired options in the Exporter window. For example, check the check box in front of the option to save the CSS to a separate file, if desired.
- 7). Click the “Export” button. The design is exported as CSS and images.
Source...