Combination of fireworks and Dreamweaver: A case study slice

Fireworks section

1. Handle good pictures in FW. Picture size is 506*125

2. Cut the picture. First not busy with a meal, let's take a look at the law first.

The picture is surrounded by a simple color and no change in the border, up and down are some of the repeated gradient and gray points. Enlarge the view to cut. First cut four corner sizes are 13*13

Then cut up and down the four sides. The size of the top two slices is 13*3, and the left/right two slices are of 3*13 size.

One might wonder why it was so cut into this, not 13*4,4*13, but the size of the dead. Look at it and see, the top and bottom borders are repeated every 3 like pixels, The left and right borders are repeated every 3 pixels. So you can use them as a background image in the DW table (if you're still not sure, just do it for a while, and go ahead and see for sure)

Finally hit the big picture, the whole picture package inside, size is the size of the entire picture minus the size of the border, width of 506-2*13=480; high for 125-2*13=99.