Use of Fireworks CS3 slicing tools

The graphic design of a Web page in fireworks or Photoshop needs to be imported into Dreamweaver for layout. Before you import to Dreamweaver, you can slice and optimize the effect map using fireworks before you can layout the optimized slices to the Dreamweaver site. The purpose of slicing is to get the image footage, which means that the part that can be implemented by writing an XHTML language script does not need to be sliced, but must be sliced in place of the image. Here is an example to introduce the slices and optimization features of fireworks CS3, the following steps:

1. Open the Prepared Web page effect in fireworks CS3, as shown in the picture.

Open the CS3 in fireworks

The guides in the description effect diagram are added at the beginning of the design of the effect diagram.

2. Select the "slice" tool in the fireworks CS3 to slice the effect chart, as shown in the figure after the slice finishes.

The effect of slices when finished

When you slice, try to ensure that all slices and slices of the image are the same size, do not slice larger than or less than the slices of the image, while the slices as far as possible to maintain do not overlap.

3. A few special attention areas to give you a detailed talk, first, in the content area, there is a small black triangle arrow in front of the text, which is made with an image, so you have to slice it, but because all the arrow icons are the same in front of the text, you just need to cut a sheet. As shown in the figure.

Slice small icon

4. In the same way, there are a lot of rounded corners in this effect chart, but the same effect is still sliced only one piece at a time. As shown in the figure.