Dreamweaver 绘图布局表教程

使用表格拼图需要精确的计算和拆分或合并单元格。为了简化表格布局页面的使用，Dreamweaver 提供了[布局]模式。在此模式下使用布局工具，设计人员可以轻松地在页面上绘制布局表格和单元格，然后对其进行修改和移动。1.绘制布局表格企业网站建设者在绘制布局表格之前，需要先切换到【布局】模式，比如执行【视图】【表单模式】【布局模式】命令（快捷键Alt+F6 ).

在【布局】选项卡上，点击【绘制布局表格】按钮，当光标变成“十字”形时，在文档中拖动鼠标，创建一个带有绿色边框的表格，如图3-11所示。

布局表格的参数设置与表格不同。如果选择布局表格，则可以在【属性】面板中设置表格的参数选项，如图3-12所示。

在【属性】面板中，会显示“布局表格”的名称，并显示宽度、颜色、间距等一些设置参数。详细介绍如表3-4所示。

2.绘制布局单元格

在绘制出来的排版表格中，不能插入文字和图片元素，需要在排版表格中插入排版单元格。例如，点击【布局】选项卡中的【绘制布局单元格】按钮，将鼠标指针移至编辑窗口中的布局表格，当鼠标指针变为“十字”形时，拖动鼠标绘制布局单元格，如图3-13 所示。

选择布局单元后，【属性】面板会显示布局单元属性的参数选项，如图3-14所示。

布局单元格的大部分参数选项与布局表格的参数选项相同。不同的是对齐设置参数比布局表多。通常，对齐参数值是相对于参考对象的布局表设置的，如表3-5所示。

3.嵌套布局表格

当【布局】模式下布局表格和布局单元格已经存在时，再次点击【绘制布局表格】按钮，即可在已有布局表格的空白区域绘制布局表格，称为“嵌套”布局表”。如图3-15所示。