实例教程：DreamweaverCS5中文版表格和元素转换

与表格相比，使用AP元素可以更方便、精确地定位页面元素。所以在网页制作过程中，可以先用AP元素快速创建复杂的页面布局，然后再将AP元素布局转换为表格布局，以供不支持AP元素定位技术的一些早期浏览器浏览。同样，一些使用表格布局的页面如果希望利用AP元素的灵活性，也可以把表格转换成AP元素。

下面通过两个简单实例演示AP元素与表格相互转换的方法和效果。

在页面上绘制多个不重叠的AP元素，并编辑内容，如图7-58所示。保存文档。

执行“修改”/“转换”/“将AP Div转换为表格”命令，弹出“将AP Div转换为表格”对话框，如图7-59所示。

图7-58 AP元素布局效果

图7-59 AP元素转换为表格后的效果

对话框中各参数的功能介绍如下：

“最精确”：为每一个AP元素建立一个表格单元，同时AP元素之间的空隙也建立相应的单元格。

“最小：合并空单元”：当AP元素之间的距离小于设定的值时，则这些空隙不生成独立的单元格，它们被合并到较近的AP元素生成的单元格中。

最小值可以改变，系统默认最小值为4个像素。选择该项生成的表格的空行、空列最少。

“使用透明GIFs”：生成表格的最后一行用透明的GIF文件格式填充，这样在不同的浏览器中可以确保表格以相同的列宽显示。

“置于页面中央”：生成的表格将在文档窗口中居中放置。

“防止重叠”：防止AP元素重叠。

“显示AP元素面板”：转换完成后显示AP元素管理面板。

“显示网格”：转换完成后显示网格。(www.xing528.com)

“靠齐到网格”：启用吸附到网格功能。

本例保留默认设置。单击“确定”按钮，即可将AP元素布局的页面转换为表格布局，效果如图7-60所示。

如果对页面布局不满意了，就必须进行调整。如果是使用表格布局的页面，调整时没有使用AP元素布局的页面灵活。这时可以把表格布局的页面转换为AP元素布局的页面，再进行调整。

在文档窗口中制作一张表格，如图7-61所示。

图7-60 “转换AP元素为表格”对话框

图7-61 待转换的表格

执行“修改”/“转换”/“将表格转换为AP Div”命令，弹出“将表格转换为AP Div”对话框，如图7-62所示。

该对话框中的各个选项功能与“将AP Div转换为表格”对话框相同，在此不再赘述。

本例使用默认设置。单击“确定”按钮，即可将表格布局转换为AP元素布局的页面。效果如图7-63所示。

图7-62 “将表格转换为AP Div”对话框

图7-63 转换为AP Div的页面布局

使用“将表格转换为AP Div”命令转换表格时，位于表格外的页面元素也会放入AP元素中。表格中的空单元格不会转换为AP元素，除非它们具有背景颜色。 注意：在模板文档或基于模板创建的文档中，不能将AP元素和表格进行相互转换。如果确实需要转换，应在将文档存为模板之前进行转换。