如何在Dreamweaver中制作嵌套的表格

    在用table布局制作网页的时候，除了页面元素极少的网页外，只用一个表格就能把整张网页表现出来几乎是不可能的。所以我们必须在表格里面再加表格来表现局部内容，从而使网页内容更加丰富，就形成了表格的嵌套。

    表格嵌套通常是用一个总表格做整体布局的规划，它负责排版安排，然后在它内部嵌套一些表格负责子内容的排版。下面我们就拿阿邦网数码频道的一个区域作为示例进行讲解，如图一。

布局规划
　　看到图一，您能想出怎样划分它的布局区块吗？如果是我，我会将它看成图二中的样子，上面红色区域是标题链接栏，起导航作用，蓝色部分是内容列表，我将它再分为左右两栏，而左侧的内容列表还可以在分成上下两行。

    按照图二的区域划分，可以得出，用table布局方法，做出这块内容最简单的方法需要用到五个表格，包括一个负责布局的总表格和四个负责子内容的内部表格。清楚了这点，我们现在就开始制作。

用表格布局
　　1.搭建框架
　　新建一个页面，设置页面属性字体大小12像素，上下左右边距为零，链接颜色和已访问链接颜色为#16387c，变换图像链接和活动链接颜色为#FF0000，下划线样式定义为仅在变换图像时显示下划线。

    点击菜单栏中的“插入”--“表格”，或直接点击插入工具栏中的“插入表格图标”，打开插入表格对话框，准备填入相关信息。

    因为插入表格的时候不能控制左侧要几行，右侧要几行，所以只能计算需要用到的行数和列数的总和。

    如图三所示，插入的表格为三行两列，宽度为580像素，页眉选择第一项“无”，然后点击确定。

    下面需要做的是“合并单元格”，将第一行的左右两列选中，方法是点击左侧单元格，按住鼠标从左划到右侧单元格，然后点击属性面板中最下角的合并单元格按钮，第一行就合并成功了，如图四。

    接着将表格右侧第二行和第三行的单元格进行合并，方法和前面的相同。

    将这两项合并工作完成后，表格的样式基本上符合了我们的布局规划，下面就是定义尺寸了。

    点击第一行，在属性面板中高度中填入27。

    点击左侧第二行，在属性面板宽度中填入290，高度填入95。

    点击左侧第三行，在属性面板高度中填入75。

    点击右侧第二行，在属性面板宽度中填入290。

    这下布局框架算是大功告成了，如图五。

　　2.嵌入表格

　　框架搭建完毕，接下来就是往其中嵌入表格。

　　首先是嵌入标题链接栏

　　将鼠标点在第一行，插入表格（具体步骤就不再赘述了，再说就太啰嗦了），这次插入的表格属性为：

　　一行，两列，宽度为100%，高度27，页眉无。

    点击刚插入表格的左侧单元格，定义宽度为27，背景为http://z.abang.com/i/home/h_bg_11.gif，这里引用的是阿邦网上这个位置的那张背景图片，在“水平”选项处选择“居中对齐”，设置方法如图六，最后在单元格中输入“软件”，点击右侧的单元格，输入标题链接栏中相关的其他内容。

　　其次，插入图片列表

　　将鼠标点击在左侧第二行，插入表格，表格为两行三列，宽度暂为空，无页眉，然后点击确定。插入表格完成后，选中该表格，在属性面板中的对齐选项中选择“居中对齐”，选中第一行的三个单元格，宽度定义为95像素，高度定义为70像素，水平选项中选择“居中对齐”，之后将第二行的三个单元格的水平选项也选为“居中对齐”。最后在上面的三个单元格中插入三张图片（我用的是http://z.abang.com/d/digi/b6_1.jpg）并加上链接，第二行输入文字链接，完成后效果如图七。

　　插入文章列表一

　　点击左侧第三行单元格，插入表格，三行两列，宽度暂为空，无页眉，然后点击确定。随后向上面一样，定义表格对齐方式为“居中对齐”。定义第一列的宽度为230像素，第二列的宽度为60像素，使第二列的单元格水平对齐方式为“右对齐”，之后定义各行的高度为20像素，最后在第一列输入文章的标题，第二列输入作者名称。

　　插入文章列表二

　　现在就剩下右侧最大的单元格是空余的了，最后就把最多的文章列表嵌入到里面。

    点击右侧第二行单元格，插入表格，表格为七行一列，然后将表格设置为水平居中，宽度定义为90%，随后设置每个单元格的高度为22像素，最后在单元格中添加一些内容。

    好了，到这里，表格的嵌套基本上完成了，可以点击F12预览一下，效果应该如图八所示。

    虽然和图一的效果是完全一样，但基本布局已经做出来了，剩下的下划线效果、字体大小和字体颜色再稍作加工就可以了，这里就不再详细介绍了，以后还会有很多介绍定义这些的方法。