在网页上添加更多层

现在，将向页面添加更多层。第一层 (banner_graphic) 将用作定位其它层的参考点。您还将使用“CSS 层背景”功能帮您定位和区分层。

1. 在“插入”栏的“布局”类别中，单击“绘制层”，然后将另一个任意大小的层拖动到页面上。
2. 单击新层的选 择柄以选中它。
3. 选中新层后，在“属性”检查器中执行以下操作：
   • 单击“层编号”文本框，然后将该层重命名为 flash_fma。
   • 在“宽 (W)”文本框中，输入 700px。
   • 在“高 (H)”文本框中，输入 166px。
   • 在“左 (L)”文本框中，输入 20px。
   • 在“上 (T)”文本框中，输入 111px。
   • 按 Enter 键 (Windows) 或 Return 键 (Macintosh) 应用最后一项。

   Dreamweaver 设置 flash_fma 新层的大小并对其进行定位。.

   flash_fma 层的宽度为 700 像素，高度为 166 像素。同时，该层的左边距为 20 像素，上边距为 111 像素。将该层放置在距页面顶部 111 像素的位置，这样它便不会与 banner_graphic 层重叠。

   当层重叠时，您会注意到，某个层（具体而言，是指下面的图层）的边框为虚线。

4. 在新层外部单击一下，取消对其的选择。
5. 选择“查看”>“可视化助理”>“CSS 布局背景”。

   Dreamweaver 向层中添加背景颜色。这些颜色是随机选择的，并且不显示在已发布的 Web 页面上。它们只是 Dreamweaver 提供的可视化助理，用来帮助您查看层以及其它各种块元素在页面上显示的位置。

   也可以通过选择“查看”>“可视化助理”并取消选择“CSS 布局背景”来再次禁用“CSS 布局背景”。

6. 接下来，将另外三个层拖动到页面上，置于 banner_graphic 层和 flash_fma 层的下面。

   每次拖动新层之前一定要单击“插入”栏中的“绘制层”。

7. 将另外三个层拖动到页面上之后，请使用“属性”检查器执行以下操作：
   • 选择第一个层，将它命名为 header，并将它的大小设置为宽 700 像素，高 24 像素。
   • 按 Enter 键 (Windows) 或 Return 键 (Macintosh) 应用最后一项。

     提示:选择层时，请确保在层边框或层选择柄上的某个位置单击，而不要在层的内部单击。如果在层的边框上看到调整大小手柄，并在“属性”检查器中看到宽度和高度属性，则可以确保层已被选中。还可以通过在“层”面板（“窗口”>“层”）中单击层的名称来选择层。

   • 选择第二个层，将它命名为 center_content，然后将它的大小设置为宽 700 像素，高 350 像素。
   • 按 Enter 键 (Windows) 或 Return 键 (Macintosh) 应用最后一项。

     注意:将 center_content 层的高度调整为 350 像素时，它将与页面上的剩余层重叠。在继续执行下一步之前，请将剩余层移动到 center_content 层之下，方法是选择剩余层，然后将选择柄拖动到页面底部。

   • 选择第三个层，将其命名为 footer，并将它的大小设置为宽 700 像素，高 24 像素。按 Enter 键 (Windows) 或 Return 键 (Macintosh) 应用最后一项。

   完成操作后，您的页面应如下所示：

8. 接下来，选择 header 层，并拖动选择柄，直到 header 层直接定位到 flash_fma 层之下。

   可以在拖动层时随时检查所处的位置，方法是在该层的外部单击以取消选择它。

   提示:还可以按键盘上的方向键，一次一个像素地移动选定层。尝试使用“属性”检查器使 header 层与距离页面左边距 20 像素的位置对齐。然后，使用向上箭头键向上移动该层，直到它接触到 flash_fma 层的底部。

9. 选择并拖动 center_content 层和 footer 层，或使用计算机上的方向键定位层.

   提示:还可以使用文档工具栏上的“可视化助理”按钮启用或禁用“CSS 布局背景”。

10. 当各层就位后，通过选择“查看”>“可视化助手”并取消选择“CSS 布局背景”来禁用“CSS 布局背景”（如果它尚未禁用）。