CSS教程,DIV CSS视频教程,DIV CSS模板,DIV CSS布局入门教程 - CSS中国

DIV CSS网页制作实例教程

    本文用10个步骤，讲解了用DIV CSS布局网页的基本知识，使大家尽快进入

1、规划网站，本教程将以图示为例构建网站；
2、创建html模板及文件目录等；
3、将网站分为五个div，网页基本布局的基础；
4、网页布局与div浮动等；
5、网页主要框架之外的附加结构的布局与表现；
6、页面内的基本文本的样式(css)设置；
7、网站头部图标与logo部分的设计；
8、页脚信息(版权等)的表现设置；
9、导航条的制作(较难)；
10、解决IE浏览器的显示BUG；

第一步：规划网站，本教程将以图示为例构建网站
1.规划网站，本教程将以下图为例构建网站。

点击看大图

其基本布局见下图：

点击看大图

主要由五个部分构成：