SmartCSS

Intelligent design with

You can design CSS-based layouts in a PNG file, and then convert them to
HTML pages with CSS rules that replicate your Fireworks layouts. CSS layouts
flexibly adapt to different screen sizes, while maintaining absolute positioning
for key items you specify.

FW CS4

Text, Image Slice and Rectangle Primitive

Utilize PURE Text Layers, slice only whats necessary and capture styled
div’s using the native Rectangle Tool.

Smart Form Controls

Maintain Html Form Control appearance usinging the Symbol Properites
Panel.

Then Export to Html/Css for live form control elements.

Fireworks Component

HTML Output


Smart Guides



Tool tip/Guide Precision



Export Options


- Images to Subfolder
- Current Page Only
- Current State Only
- Page Alignment
- Link to Background Image
- Write CSS to External File



Avoid overlapping elements
(Ctrl + A/Command + A ) to check overlapping


Fireworks CS4 Beta