Illustrator Prototyping with Fireworks Export as CSS and Images
If Illustrator prototyping is your method of choice then this tutorial will demonstrate how you can take your Illustrator prototype into Fireworks and export as CSS and images. This method is a fast way to sketch out the basic structural elements of a website design. By using Fireworks export as CSS and images you will have all of the main divisions of your sites architecture generated as HTML tags that are positioned with normal flow and float with an external stylesheet. Open the exported files up in Dreamweaver and you are ready to roll.
When preparing your slices make sure to set them as background images
Export settings in fireworks are the essential element of this technique. Make sure to select the following.
- Export as CSS and images
- export all user slices
- set the file naming convention to “slice name”