添加更多层

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

  1. 在"插入"栏的"布局"类别中,单击"绘制层",然后将另一个任意大小的层拖动到页面上。



  2. 单击新层的选择柄以选中它。
  3. 选中新层后,在"属性"检查器中执行以下操作:

    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. 将另外三个层拖动到页面上之后,请使用"属性"检查器执行以下操作:

    完成操作后,您的页面应如下所示:



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

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



  9. 选择并拖动 center_content 层和 footer 层,或使用计算机上的方向键定位层,如以下示例所示:



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



未找到评论

 

评论添加到页面后给我发送电子邮件 | 评论报告

当前页: http://www.ecnnl.com/doc/dreamweaver/8_cn/using/gs_09_c7.htm

 

E中荷|荷兰华人电子商务