就是网页设计图，而
CSS+DIV
则属于网页代码方面的，网页制作就是把平面设计图转化为网页的形式。
1.
设计图要区分好背景和文字，一般除了广告图里面的文字以外全部文字都不作为背景，背景有底面背景、模块背景、头部背景、导航栏背景、和一些按钮图标，每一处的背景都要将上层文字隐藏，然后把每一块都切片，一个图大约有几十个背景图片。
2.
切片的技巧，切片后，保存为
Web
应用格式，一般的背景图片可以用
GIF
格式存储，可调节颜色数量(只有黑白两种颜色就选择2)，这样图片文件较小；而广告图就用
JPG
格式存储，品质8左右就足够了。
3.
CSS+DIV
：一个是用
div
布局，技巧很多，例如，一般网站都按照头部—中部—尾部三大块布局，还有“先上下后左右”的原则布局；另一个就是用CSS控制样式，元素样式完全使用样式表控制，样式表技巧更多，表分类可以分开全局样式表、首页样式表、栏目页样式表，另外有解决浏览器兼容问题的元素默认样式，还有公共类样式，例如
.w980
代表宽度为980px的网页
.hot
热门词加个深一点的颜色，等等。
PS的样式跟CSS的样式不一样，css样式是层叠样式表，是网页制作时使用的样式，是对网页中的图片文字等对象进行控制（文字的大小，颜色 等，图像左右对齐，是否为背景图等），ps的样式是为图像添加投影等样式，直接使用在图像上。不需要css来表现。
