天极网

基础教程（九）：层与表格的相互转换
2000-03-23 00:00:00· 莫治雄·CPCW

　　因为使用层能够更方便、精确地定位页面元素，所以，我们可以先用层来快速创建复杂页面布局，然后再把层布局转换成表格布局，供不支持使用层的浏览器浏览。需要时，也可以在层和表格之间来回转换，以调整布局和优化页面设计。　　

　　一、把层转换为表格　　

　　先用层来设计我们的页面，然后使用Dreamweaver提供的“把层转换为表格”功能，可以轻易地把层转换为表格。　　

　　例如，我们用层设计好了如下图所示的页面布局。　　

　　
要把页面中的层转换为表格，请按以下步骤操作：　　

　　1 　　　　选择Modify$#@62;Layout Mode$#@62;Convert Layers to Table（修改$#@62;布局模式$#@62;把层转换为表格）。　　

　　2 　　
　　在弹出的对话框中，选择想要的表格布局选项。

　　

　　各选项的作用说明如下：　　

　　　　
　　Most Accurate（最精确）：为每一层建立一个表格单元，以及为保持层与层之间的间隔必须的附加单元格。　　

　　　　
　　Smallest: Collapse Empty Cells（最小:压缩空单元格）：指定如果几个层被定位在指定像素数之内，这些层的边缘应该对齐。选择本项生成的表格的空行、空列最少。　　

　　　　
　　Use Transparent GIFs（使用透明的GIF图像）：用透明GIF图像填充表格的最后一行。这样可以确保表格在所有浏览器中的显示相同。　�

　　　　
　　如果选择本项，将不可能通过拖曳生成的表格的列来改变表格的大小。不选本项时，转换成的表格中不包含透明GIF图像，但在不同的浏览器中，它的外观可能稍有不同。　　

　　　　
　　Center on Page（在页面上居中）：使生成的表格在页面上居中对齐。　　

　　　　　　如果不选本项，表格左对齐。　　

　　3 　　　　选择想要的布局工具和网格选项：　　

　　　　
　　Prevent Layer Overlaps(防止层重叠)：选择本项可防止层重叠。　　

　　　　
Show Layer Palette（显示层面板）：选择本项，转换完成后显示层面板。

　　　　
Show Grid（显示网格）：选择本项，在转换完成后显示网格。

　　　　
Snap To Grid（吸附到网格）：选择本项，启用吸附到网格功能。

4
　　单击OK，层布局页面转换为表布局页面。　　

把层转换为表格的目的是为了与3.0及其以下版本的浏览器兼容。如果所编辑的网页只是针对4.0及更高版本的浏览器，无需把层转换为表格，因为高版本的浏览器均已支持层。在这种情况下，一个页面可以同时使用表格和层，甚至可以使用层来创建动画。

　　二、把表格转换为层 　　

　　当我们对页面布局不满意时，需要进行调整。如果是表格布局，调整起来比较麻烦。此时，我们可以先把表格布局转换为层布局，然后通过移动层来调整布局，既方便又快捷。具体操作步骤如下：　　

1	选择Modify$#@62;Layout Mode$#@62;Convert Tables To Layers（修改$#@62;布局模式$#@62;把表格转换为层）。
2	在弹出的对话框中，选择想要的选项。
	Show Grid（显示网格）和Snap to Grid（吸附到网格）：勾选这两个选项，在页面显示出网格，启用吸附功能，可以借助网格来定位层。
	Prevent Layer Overlaps（防止层重叠）：勾选此项可以在建立、移动层和调整层大小时防止层互相重叠。
	Show Layer Palette（显示层面板）：勾选此项，在转换完成时显示层面板。
3	单击OK。文档中的表格被转换为层，但空的表格单元不转换。表格之外的内容也被置于层中。