Updating the Design Using Fireworks—Dreamweaver Workflow

Everything until now has just been the tip of the iceberg. Now that you know how to work with the Fireworks jQuery template and how to export a customized theme, updating or adding new swatches to your theme is very quick and easy.

Simply go back to Fireworks, open the custom template you created, and make further updates. Maybe you want to tweak the colors on the “a” swatch, or be daring and add a new swatch, customizing it as desired. Remember, adding a new swatch is as easy as duplicating an existing swatch page.

When all your adjustments are done, just export the theme again, to the jquery-mobile folder.

If the page is still open when you switch back to Dreamweaver, you’ll be prompted by Dreamweaver to update the existing CSS file. Once you do this, you’ll see how your edits worked out. Or if you were daring and created an entirely new swatch set, use the data-theme property to apply it to your design.