下载完成后，打开Adobe Extension Manager CC【一定要和你的photoshop版本对应，不然的话无法安装，小编就是只有Adobe Extension Manager CS6又去下载了一个cc版的】
最后一步，打开一张psd文件，选择一个图层，然后点击css3ps，会打开一个网页，等待一分钟，即可出现css3代码，非常好用哦
PSD就是网页设计图，而
CSS+DIV
则属于网页代码方面的，网页制作就是把平面设计图转化为网页的形式。
1.
设计图要区分好背景和文字，一般除了广告图里面的文字以外全部文字都不作为背景，背景有底面背景、模块背景、头部背景、导航栏背景、和一些按钮图标，每一处的背景都要将上层文字隐藏，然后把每一块都切片，一个图大约有几十个背景图片。
2.
切片的技巧，切片后，保存为
Web
应用格式，一般的背景图片可以用
GIF
格式存储，可调节颜色数量(只有黑白两种颜色就选择2)，这样图片文件较小；而广告图就用
JPG
格式存储，品质8左右就足够了。
3.
CSS+DIV
：一个是用
div
布局，技巧很多，例如，一般网站都按照头部—中部—尾部三大块布局，还有“先上下后左右”的原则布局；另一个就是用CSS控制样式，元素样式完全使用样式表控制，样式表技巧更多，表分类可以分开全局样式表、首页样式表、栏目页样式表，另外有解决浏览器兼容问题的元素默认样式，还有公共类样式，例如
.w980
代表宽度为980px的网页
.hot
热门词加个深一点的颜色，等等。
1. psd按1:1比例做好图，分辨率设置为72
2.做好图后将你需要的图片单独切下来，用psd生成的网页基本上没用（1.代码很累赘，2.不方便修改，3.生成的是table格式）所以最好是自己手动重写
3.div+css 按照你的网页设计来布局，写DIV时尽量简洁，不要多层嵌套，最好不要超过3层
4.如果图片都很小的话 可以整合到一张图片（01.gif）上 利用坐标控制 ，首先建一个固定大小的div层（如：id设置为 A），再给这个层设置背景，然后利用坐标控制背景的位置，如（#A{background:url(images/01.gif) no-repeat 10px -20pxwidth:20pxheight: 20pxfloat: left}）注：图片最好用 gif格式因为png在IE6中不透明很麻烦！
5.试几下就明白了哈~~
