《Dreamweaver层与表格的转化.doc》由会员分享，可在线阅读，更多相关《Dreamweaver层与表格的转化.doc（4页珍藏版）》请在金锄头文库上搜索。
1、Dreamweaver/将层转化为表格防止层重叠 由于表单元格不能重叠，Dreamweaver 无法从重叠层创建表格。如果您要将文档中的层转换为表格，请使用“防止重叠”选项来约束层的移动和定位，使层不会重叠。 在启用该选项后，可以在现有层前面创建层，在现有层上移动层或调整层大小，或者将某个层嵌套在现有层中。如果您在创建重叠层后激活此选项，请拖动每个重叠层以使其离开其他层。当您启用“防止层重叠”选项后，Dreamweaver 不会自动修正页面上的现有重叠层。 在启用此选项和靠齐后，如果靠齐会使两个层重叠，则层将不会靠齐到网格。相反，层将靠齐到最接近的层的边缘.这是一个新的注释表。此表已附加到 t
2、a Table_anchor 段落标签。要创建一个表，请在参考页面中进行复制和粘贴。 即使在启用“防止重叠”选项后，仍可以执行某些操作来将层重叠。如果您使用“插入”菜单插入一个层，在“属性”检查器中输入数字或者通过编辑 HTML 源代码来重定位层，则可以在此选项已启用时使层重叠或嵌套。如果出现重叠，请在设计视图中拖动各重叠层以使其分离。 若要防止层重叠，请执行以下操作之一： o 在“层”面板（“窗口”“层”）中，请选择“防止重叠”选项。 o 在“文档”窗口中，选择“修改”“排列”“防止层重叠”。 在层和表之间转换 您可以使用层创建布局，然后将层转换为表格，以使您的布局可以在较早的浏览器中进行查
3、看。在转换为表格之前，请确保层没有重叠。 若要将层转换为表格，请执行以下操作： 1. 选择“修改”“转换”“层到表格“，即可显示“转换层为表格”对话框。 2. 选择所需的选项，单击“确定”，层即转换为一个表格。 若要将表格转换为层，请执行以下操作： 1. 选择“修改”“转换”“表格到层”,即可显示“转换表格为层”对话框。 2. 选择所需的选项,单击“确定”,表格即转换为层。空单元格不会转换为层（除非它们具有背景颜色）, 位于表格外的页面元素也会放入层中。 插入 div 标签进行布局 可以使用 div 标签创建 CSS 布局块并在文档中对它们进行定位。如果有一个带有附加到文档的定位样式的现有 C
4、SS 样式表，使用该标签将非常有用。Dreamweaver 使您能够快速插入 div 标签并对其应用现有样式。您可以将 Dreamweaver 设计文件用作 CSS 布局的起始点。从“新建文档”对话框的“页面设计 (CSS)”类别中选择一个文件。 若要插入 div 标签，请执行以下操作： 1. 在“文档”窗口中，将插入点放置在要显示 div 标签的位置。 2. 执行下列操作之一： o 选择“插入”“布局对象”“Div 标签”。 o 在“插入”栏的“布局”类别中单击“Div 标签”按钮,出现“插入 Div 标签”对话框。 3. 完成对话框,单击“确定”。 div 标签以一个框的形式出现文档中，并
5、带有占位符文本。将指针移到该框的边缘上时，Dreamweaver 会高亮显示该框,如果已经给 div 标签分配了绝对位置，它就可充当一个 Dreamweaver 层. 使用 div 标签进行布局 插入 div 标签后，您可以对其进行操作或者在其中添加内容。绝对定位的 div 标签为 Dreamweaver 层。 在为 div 标签分配了边框后，或者在选定了“CSS 布局外框”后，Div 标签便具有可视边框。（默认情况下，“查看”“可视化助理”菜单中已经选定了“CSS 布局外框”。）将指针移到 div 标签上时，Dreamweaver 将高亮显示此标签。 在选择 div 标签时，可以在“CSS
6、样式”面板中查看和编辑它的规则。您也可以向 div 标签添加内容，方法是：将插入点放在 div 标签中，然后就像在页面中添加内容那样添加内容。 若要查看和编辑应用于 div 标签的规则，请执行以下操作： 1. 执行以下操作之一以选择 div 标签： o 单击 div 标签的边框, 查找标记色彩以查看边框。 o 在 div 标签内单击，然后按两次 Ctrl+A (Windows) 或 Command+A (Macintosh)。 o 在 div 标签内单击，然后从“文档”窗口底部的标签选择器中选择 div 标签。 2. 如果“CSS 样式”面板尚未打开，请选择“窗口”“CSS 样式”以打开“CS
7、S 样式”面板,应用于 div 标签的规则显示在面板中。 3. 根据需要进行编辑。 4. 若要在 div 标签中放置插入点以添加内容，请执行以下操作： o 在该标签边框内的任意位置单击。 5. 若要更改 div 标签中的占位符文本，请执行以下操作： o 选择该文本，然后在它上面键入内容或按 Delete 键, 就像在页面中添加内容那样，可以将内容添加到 div 标签中。 更改 div 标签的高亮颜色 在“设计”视图中将指针移到 div 标签的边缘上时，Dreamweaver 将高亮显示标签的边框。如果需要，可以启用或禁用高亮显示功能，或者在“首选参数”对话框中更改高亮颜色。 若要更改 div
8、标签的高亮显示首选参数，请执行以下操作： 1. 选择“编辑”“首选参数”(Windows) 或Dreamweaver“首选参数”(Macintosh),即显示“首选参数”对话框。 2. 从左侧的类别列表中选择“标记色彩”。 3. 进行下面其中一项更改： o 若要更改 div 标签的高亮颜色，请单击“鼠标滑过”颜色框并使用颜色选择器来选择一种高亮颜色（或在文本框中输入高亮颜色的十六进制值）。 o 若要对 div 标签启用或禁用高亮显示功能，请选择或取消选择“鼠标滑过”的“显示”复选框。这些选项会影响当指针滑过时 Dreamweaver 会高亮显示的所有对象，例如表格。 4. 单击“确定”。 设置
9、“将层转换为表格”对话框选项 此对话框用于将层转换为表格，以更好地兼容较早的浏览器。 若要完成“转换层为表格”对话框，请执行以下操作： 指定以下任意选项： o 最精确为每个层创建一个单元格，并附加保留层之间的空间所必需的任何单元格。 o 最小:合并空白单元指定如果层定位在指定数目的像素内，则层的边缘应对齐,如果选择此选项，结果表将包含较少的空行和空列，但可能不与您的布局精确匹配。 o 使用透明 GIF 用透明的 GIF 填充表的最后一行。这将确保该表在所有浏览器中以相同的列宽显示。当启用此选项后，不能通过拖动表列来编辑结果表。当禁用此选项后，结果表将不包含透明 GIF，但在不同的浏览器中可能会具有不同的列宽。 o 置于页面中央将结果表放置在页面的中央,如果禁用此选项，表将在页面的左边缘开始。 选择所需的布局工具和网格选项，然后单击“确定”。
