Image Slicing in Photoshop CS3

No doubt you've heard about image slicing, but do you know what it is and how it works? Image slicing is a technique for creating a web page (or a component of a web page, like a header or navigation menu) visually in Photoshop (Fireworks and Illustrator also allow you to slice images, too). But how does it work?

Well, you'd first design a page in Photohsop exactly as you want it to look when it goes live on the web. Then you cut out all the page components' title bars, buttons, navigation menus, and so on using Photoshop's Slice tool. Then, when you save everything out, Photoshop saves each slice as an individual graphic, and (and this is the icing on the cake for the code-leary) all the necessary code will automatically be written as well. Sounds awesome, huh?