第一步骤：分析网页美工图

第二步骤：建立项目文件夹（包括用于放图片、CSS文件、JS文件等文件夹）

为了节约时间推荐使用thinkcss初始化模板，直接解压即可使用。

第三步骤：PS软件切出图片素材（可以先切出一部分图片素材，待布局中再根据需求再切出需要图片素材）

第四步骤：将先切出图片放入images文件夹中，包括布局中切出图片依然放入此文件夹中

以下操作中ThinkCSS初始化模板基础上进行。

第五步骤：修改初始化模板HTML文件与CSS文件，将对应文件代码修改调整为当前项目实用的，比如背景、文字大小、文字颜色、超链接文字颜色等CSS样式。

第六步骤：根据分析 从头到尾开始 着手布局，一般布局时推荐布局时注意测试HTML兼容性，再继续布局，直到布局完成HTML。

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/rumen/r26781.shtml