Creating Image Slices to Export to Dreamweaver
If designing a web page were as simple as designing and image in Fireworks and uploading to a server everyone could do it. What we are going to do is slice our mock-up image into pieces and only export the ones we need to use on our site. The goals is to use the natural abilities of CSS to style a much as possible and use imagery for what CSS can not handle.
- Open your Mock-up Image in Fireworks
- Using the Slice tools highlight the areas you wish to export to Dreamweaver
- Your screen should look like this:
- When you have selected the slice areas to export save the file and proceed to the next module Optimizing and Exporting Images for the Web.
