psd to html 开发步骤

其实标准的网页制作实际就是：psd to html，一般情况下，我们开始 psd to html 的时候需要从两个大点考虑。

一、一个独立的页面

1. 根据PSD设计稿，分析整个网页的结构。

2. 分析背景图片和ICO图标的分布。

3. 切割相应的图片，导出，合并图片（即CSS Sprites）。

4. 编写XHTML结构代码，包括页面中出现的所有元素。

5. 根据XHTML代码和PSD设计稿编写CSS样式。

6. 细节调整。

7. 收工，并验证各大浏览器的兼容。

二、由多个页面组成的小站或者大站

1. 浏览所有PSD设计稿，统一规划网站的结构、模块、图片、内容分布等。

2. 开始第一点的操作。

整体考虑点：

1. 结构的合理性和语义化。

2. 图片的合并，减少请求量。

3. 减少代码冗余，加快网站渲染。