DIV+CSS网页制作开发流程

一、有网页效果图

1、分析网页效果图、找出效果图结构规律；

2、Photoshop图片处理去掉无效果的文字、文章；

3、在Photoshop把图片切成较小的GIF、JPG或PNG格式图片，根据网页效果来选择图片格式类型；

4、图片切完了紧接着就开始创建网页的文件夹、CSS文件、HTML文件（imges - 图片文件夹、CSS - CSS文件夹、html文件直接放到网站根目录下）；

5、开始创建html文件与CSS文件，这里可以用每次新开发的网页模板（CSS与html模板）；

6、根据网页图片效果图制作开发网页(在制作中要调试和检查兼容)；

7、最后完工后重新检测和检查网页在各个浏览器兼容等。

二、无网页效果图

1、开始创建html文件与CSS文件，这里可以用每次新开发的网页模板（CSS与html模板）；

2、分析自己想要制作网页结构等；

3、根据自己想法来制作开发网页(在制作中要调试和检查兼容)；

4、最后完工后重新检测和检查网页在各个浏览器兼容等。

以上是CSS中对DIV+CSS网页制作的一点点经验，希望对初学者学习网页能有帮助！