本节向大家描述一下DIV CSS网页制作的流程及方法，在制作网页开始时候需要认识和了解一些基本知识，比如了解DIV+CSS网页制作常用属性，了解ID与class区别及用法，了解掌握常用CSS属性，CSS盒子机构；了解CSS在页面中运用等内容，相信本文介绍对你的学习一定会有所帮助。

学习DIV CSS网页制作的流程及方法

如何学习网页设计、网页制作，相信新入门想学习DIV+CSS网页制作的很多朋友都有个问题，究竟怎样学习DIV+CSS网页制作呢？学习网页制作的流程是怎么样的呢？好了下面就来介绍下根据我的经验理出来的学习制作经验，希望给大家带来帮助和参考，让新手在制作学习中少走弯路。

制作网页开始时候需要认识和了解知识：

1、了解html语言及结构，及能运用；

2、了解DIV+CSS网页制作常用属性，了解ID与class区别及用法，了解掌握常用CSS属性，CSS盒子机构；

3、了解CSS在页面中运用；

4、了解程序插入程序循环（制作网页模板关键）；

5、了解Adobe Photoshop CS，并且掌握Adobe Photoshop CS对PSD、PNG、GIF、JPG图片格式存储和图片切图，图片输出等；

6、待到一定阶段就要考虑和认识DIV+CSS网页制作，在各浏览器中兼容问题及解决兼容方法；

7、考虑和认识W3C认证。

如果对CSS属性不了解及清楚用法可进入CSS在线手册查询。

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网页制作的一点点经验，希望对初学者学习网页能有帮助！
 

【编辑推荐】

1. DIV CSS网页布局时合理架构CSS
2. DIV CSS网页设计布局六大原则
3. 解析DIV CSS实例：让页脚保持在未满屏页面底部
4. CSS float方法实现DIV CSS网页布局三栏页
5. 专家提醒 小心DIV+CSS网页制作五大误区