-
根据PSD设计稿,分析整个网页的结构。
-
分析背景图片和ICO图标的分布。
-
切割相应的图片,导出,合并图片(即CSS Sprites)。
-
编写XHTML结构代码,包括页面中出现的所有元素。
-
根据XHTML代码和PSD设计稿编写CSS样式。
-
细节调整。
-
收工,并验证各大浏览器的兼容。
其实标准的网页制作实际就是:psd to html,一般情况下,我们开始 psd to html 的时候需要从两个大点考虑。
一、一个独立的页面
二、由多个页面组成的小站或者大站
-
浏览所有PSD设计稿,统一规划网站的结构、模块、图片、内容分布等。
-
开始第一点的操作。
整体考虑点:
-
结构的合理性和语义化。
-
图片的合并,减少请求量。
-
减少代码冗余,加快网站渲染。