一个网页的模板是怎么进行切图的？？

关于PHOTOSHOP切图的问题，其实不是什么大问题，可是最近很多人都在问我。干脆写个教程吧~~（以下步骤均在PS7中进行，PS6版本和7略有不同，请自行琢磨）

切图的好处，第一，是要控制单张图片的大小。把大图片切割成几个小图片，有利于浏览者尽快看到你的网页。第二，为了使排版不受到网页制作软件的限制。

我们先用PS做好以下图片（这个你爱怎么做就怎么做啦，在PS里没有排版的限制，不用考虑太多的）

【图8.1】
图片做好了，我们开始切图，使用PS中的切割工具：

【图8.2】
对于画面的切割，总体的原则是要保证每个切片控制在一定大小内（一般10K以内）。注意我上面切割的图，标号（1）的区域是菜单，标号（2）的区域是打算放内框架的部分。在下面的部分里，我们将学到这两个区域的用途。
切好图片之后，我们通过菜单的“文件”－“存储为web所用格式”，打开“存储为web所用格式”窗口。

【图8.3】

【图8.4】

【图8.5】

JPG格式一般适用于颜色较多，尤其是有渐变色的图片，一般品质为60就可以。GIF格式适用于颜色较少的图片，颜色可以选择128、64、32、16等。
选择切片格式和品质的原则，就是在浏览器中看起来和压缩前变化不大。点击【图8.6】中的小三角，选择弹出菜单中的“编辑输出设置”。弹出【图8.7】的输出设置窗口。

【图8.6】

【图8.7】

在【图8.7】中，其他的设置都不用管。点击“下一个”，切换到【图8.7】的页面， 注意这里的“将图像放进文件夹”。这个选项的意思就是，如果你把图片的html文件保存为example.html，那么切掉的小图片就保存在于example.html同目录的images文件夹中。大家试试看就知道了。
最后，点击【图8.3】中的“存储”，就跳出保存文件的窗口了。我们现在把文命名为example.html，存放在合适的位置。

好，现在关闭PS，打开DW。打开刚才保存的example.html文件。我们可以看