How to Export Slices in Fireworks CS5 - dummies

By Jennifer Smith, Christopher Smith, Fred Gerantabee

Slicing is a technique for breaking large files into smaller packets so they download faster. Once you have sliced your artwork in Adobe Fireworks Creative Suite 5, you can export the finished slices for use on a web page. You can export Fireworks slices as html tables or Cascading Style Sheets (CSS).

To export sliced artwork as html tables, follow these steps:

  1. With a sliced file open, choose File→Export.

    The Export dialog box appears.

  2. Browse to the folder where you store your web files and make sure that you pick a file connected with the website you’re creating your images for.

  3. In the File Name text box, enter a name.

  4. Choose Export HTML and Images from the Export drop-down list.

  5. Choose Export Slices from the Slices drop-down list and click Save.

Now that you’ve exported the HTML code and the image, you can open the image in a web-editing program such as Dreamweaver and add elements or simply copy and paste it into an existing page or template.

If you want more control of your slices, you can change the code that Fireworks creates upon output.

Choose CSS and Images to create CSS, rather than an HTML table, when exported.

Typically, creating a layout of a page using CSS code is beneficial because the information is more accessible and flexible for the user.