---恢复内容开始---
1、首先是对psd文档进行分析，找出各个文档中的相同点，比如说相同的头部（header）、尾部（footer）、侧边（sidebar）等。
2、建立基本的文档结构，如：
3、切片：对于logo一般保存在imgs里面，我这里是保存在imgs/common里面，即保存在图片的公共部分。imgs里面一般保存的是临时图片，即网站上线之后随时需要换掉的图片。比如轮播图等一般都是临时图片。还有就是对于比较大的图片也是保存在imgs里面。如：
对于css里面的背景图片，一般保存在和css平级的文件夹中。
js一般不用分。
css分，如：
原文：http://www.cnblogs.com/qianduanjingying/p/4738202.html