以前一直以为只要CSS样式写好就可以了，顶多PS做几张特定大小的图就可以了。 最近看了Designmodo - Web Design and Development Magazine 的各个主题才了解到PSD能用于做网页。 我的问题是，怎么用PS制作网页？就算做好，怎么生成对应的css样式和html代码，如果涉及到响应式设计该怎么处理
4.以上步骤完成后，进行操作“文件”“储存为Web和设备所用格式”，在打开的窗口中按照自己的需要为网页图片作设置，设置完成后，“储存”，保存类型“html和图片”，切片“所有切片”。
5.接下来用Dreamweaver打开html文件，为其作链接及其它。
HTML+CSS+JS，这是广义上的网页三元素，HTML负责骨骼，CSS负责血肉，JS负责行为动作。其中浏览器中表现的画面约等于(html+css)，但仅仅拥有他们是表现不出设计师们大脑中天马行空，不拘一格的想象力的，因此才引入了PSD作为设计稿。
这就好比，你完全自己DIY一个高达，你需要先有一副高达图片（PSD），再通过图片中的表现自己搭建支撑的骨架（HTML），再用各式喷漆、马克笔（CSS）去勾画、完善细节。
那么回到问题上来，怎么用PS做网页？假定adobe体系中，PS永远只能设计网页，而Dreamweaver才能制作网页，但是依然要你自己根据设计去解构设计然后划分网页骨架，具体到html上就是根据不同的页面表现来写Div标签，制作Button按钮，用CSS控制他们的大小和位置以及表现。更进一步的话，大部分前端会手写html和css代码，因为DW有各式包括启动速度，冗余代码之类的问题。
至于响应式，这又是基于成型的html以后另一个话题了，但还是html+css，只不过通过UA检测来适应不同终端的不同展现。