谈网页制作中table与div方法布局网页框架的利和弊

摘要：本文从网络的发展以及现在网页制作规范对网页设计师的要求，根据网页的特点出发，通过dreamweaver 8.0从table与div两种布局制作网页框架的方法以及浏览效果方面分析比较了网页制作中这两种方法布局网页的优点与缺点，并且总结了他们各自应用的范围。

关键词：网页制作  表格 div dreamweaver 8.0 网页框架  利与弊 

        0 引言
        随着信息时代的发展，web技术的一天天成熟，如何制作出一个符合规范，美观又浏览速度快的网页已经越来越成为一个网页设计师所要考虑的重点了。过去的网页设计师只需考虑网页前台美工处理，然后切片形成网页即可，而自从CSS层叠式样式表诞生后，网页排版成为了一个新的网页技术研究的领域。在制作网页中，我们布局网页的方法一般有两种，第一种是使用table（表格）来布局网页，另一种是使用div容器来布局网页。下面我们就一个实例来讲解这两种方法来布局网页的操作步骤，以及比较两种方法的优点和不足之处。
        1 网页布局的两种方法
        方法一：使用table表格制作网页框架。具体操作步骤如下：
        第一步，打开dreamweaver 8.0软件，数好目标表格的行和列（从最小的格子数起）点击插入菜单中的表格项，然后打开下面的属性面板 
        第二步，将第一行的三列合并，第三行的三列合并。
        第三步，合并后，一定要严格定义好每行的高度，其次一定要定义好第二行每个单元格的宽度，注意三个单元格的宽度之和应该是表格的总宽度。
        第四步，将总表格居中对齐，设置好表格的边框颜色以及每个单元格的底纹，即可。
        这样，一个通过表格制作的网页框架就做好了，表格的每个单元格就可以存放图片、文字、动画等等了。
        方法二：通过div容器来制作网页框架。具体步骤如下：
        第一步，新建一个dreamwer文件，点击插入菜单中的插入布局对象中的div标签，点击确定；