雷烨

摘要：在做网站之前，首要任务就是对网站中的页面进行布局，一个合理的布局是做好一个优秀网站的前提，可见网页布局对于设计制作网页是非常重要的，常用的网页布局技术有表格、层、框架和DIV+CSS，每一种技术都有它各自的优缺点，而DIV+CSS技术作为一种新的网页设计技术，它的功能更强，灵活性也更高，便于后期维护和二次开发。该文以乌兰察布职业学院商务信息技术系精品课程网页设计为例，提出了基于DIV+CSS的网页布局具体步骤，并列举了相应的实例和相关的注意事项。

关键词：CSS；DIV；网页布局

中图分类号：TP311 文献标识码：A 文章编号：1009-3044（2016）07-0212-02

1 传统布局的特点

1.1 框架布局

框架布局支持滚动条，方便导航，节省页面下载时间等，但是兼容性不好，保存时不方便，应用范围有限等，它适合于小型商业网站、论坛、后台管理、学习教程等。

1.2 层布局

使用层进行布局，这种布局方法虽然简单，但在网页布局中却不常用，至于原因，就是难以实现页面内容的精确定位。

1.3 表格布局

表格是网页设计制作中的一个重要的网页元素，用来对网页进行排版，使页面的信息布局合理、简洁。但是表格排版也存在以下的问题：

1）表格布局的页面难于在此基础上进行二次开发。当页面制作完成后，如果要将其中的某些位置对调，那么表格排版的工作量相当于重新制作一个页面。

2）用表格排版的页面在下载时必须等整个表格的内容都下载完毕后才会一次性显示出来，降低了页面的下载速度。……