首先，制作图象切片（以一张图片为例子）
一、选择“切片”工具，在图像上拖动以分割图像（例如：一张图像切割2次就形成3个切片）
切片后如下图
二、设置切片选项（如大小、目标链接、图片说明等等）：选择“切片选择”工具，在要设置的图像切片上双击，在弹出的面板进行具体设置（如图）：
三、储存切片为网页：
文件——保存为WEB和设备所用格式
一般选择gif图片格式，图片边缘的背景色设置为“无”，点击“储存”
然后，保存类型“HTML和图像”。如果要保存为DIV+CSS布局，则设置“其它”
此时会弹出进一步设置面板，选择“切片”“生成CSS”
这样，图像切片就被保存成DIV+CSS的网页布局了。
转自163求是的博客
Photoshop图象切片保存为网页HTML（DIV+CSS布局）的方法
原文：http://www.cnblogs.com/tianxuan/p/4865826.html