Dreamweaver 8案例教程教学课件苏玉雄第10章.ppt

《Dreamweaver 8案例教程教学课件苏玉雄第10章.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第10章层和时间轴本章学习目标创建和使用层10.1转换表格和层10.2使用时间轴10.310.1.1创建层插入层时，Dreamweaver将显示层的边框，默认情况下，在将指针移到块上时它还会高亮显示块。通过在“查看”→“可视化助理”菜单中禁用“层外框”和“CSS布局外框”，可以启用层边框。在设计时，还可以启用CSS布局背景和CSS布局框模型，作为可视化助理。创建层后，只需将插入点放置于该层中，然后像在页面中添加内容一样，就可以将内容添加到层中。连续绘制一个或多个层，步骤如下：在“插入”栏的“布局”类别中单击“绘制层”按钮。在“文档”窗口的“设计”视图中，执

2、行下列操作之一：（1）拖动以绘制一个层。（2）通过按住Ctrl键并拖动(Windows)或通过按住Command键并拖动(Macintosh)来连续绘制多个层。只要不松开Ctrl或Command键，就可以继续绘制新的层。注意：如果要隐藏层边框，可选择“查看”→“可视化助理”，然后取消选择“层外框”和“CSS布局外框”。10.1.2嵌套层绘制嵌套层时，步骤如下：1.在“插入”栏的“布局”类别中单击“绘制层”按钮。2.在“文档”窗口的“设计”视图中，拖动以在现有层中绘制层：如果已经在层首选参数中关闭了”嵌套”功能，请通过按住Alt键并拖动(Windows)或按

3、住Option键并拖动(Macintosh)在现有层中嵌套一个层。插入嵌套层，步骤如下：1.在“文档”窗口的“设计”视图中将插入点放置在一个现有层中，然后选择“插入”→“层”。2.若要使用“层”面板将现有层嵌套在另一个层中，执行以下操作：3.选择“窗口”→“层”，打开“层”面板。4.在“层”面板中选择一个层，然后通过按住Ctrl键并拖动(Windows)或按住Command键并拖动(Macintosh)将层移动到”层”面板上的目标层。5.当目标层的名称突出显示时，松开鼠标按钮。10.1.3层标签具体操作如下：在“文档”窗口中，将插入点放置在要显示.div标

4、签的位置。1．选择“插入”→“布局对象”→“Div标签”。在“插入”栏的“布局”类别中单击“Div标签”按钮。2．出现“插入Div标签”对话框，3．完成对话框。4．单击”确定”。.div标签以一个框的形式出现文档中，并带有占位符文本。将指针移到该框的边缘上时，Dreamweaver会高亮显示该框。如果已经给.div标签分配了绝对位置，它就可充当一个Dreamweaver层。10.1.4选择层要在“层”面板中选择一个层，在“层”面板（“窗口”→“层”）中，单击该层的名称。若要在“文档”窗口中选择一个层，可执行以下操作之一：单击一个层的选择柄。如果选择柄不可见

5、，请在该层中的任意位置单击以显示该选项柄。单击一个层的边框。在一个层中按住Ctrl-Shift键并单击(Windows)或按住Command-Shift键并单击(Macintosh)。在层内单击并按Ctrl+A(Windows)或Command+A(Macintosh)以选择层的内容。再次按Ctrl+A或Command+A以选择层。在层内单击并在标签选择器中选择层的标签。注意：选择多个层时，可以在“层”面板（“窗口”→“层”）中，请按住Shift键并单击两个或更多的层名称。在“文档”窗口中，在两个或更多个层的边框内（或边框上）按住Shift键并单击。若要查

6、看和设置层属性，具体操作如下：选择一个层。在”属性”检查器（“窗口”→“属性”）中，单击右下角的展开箭头（如果它尚未展开）以查看所有属性，如图所示。根据需要设置属性来更改层的属性。当选择两个或更多个层时，层“属性”检查器会显示文本属性以及全部层属性的一部分，从而允许同时修改多个层。10.1.5设置层属性在HTML代码中，层的堆叠顺序或z轴确定层在浏览器中的绘制顺序。层的z轴值越高，该层的堆叠顺序就越高。步骤如下：1．选择“窗口”→“层”，打开“层”面板。2．将层向上或向下拖至所需的堆叠顺序。移动层时会出现一条线，它指示该层将出现的位置。当放置线出现在层叠顺

7、序中的所需位置时，请松开鼠标按钮。如果用”属性”检查器更改层的层叠顺序，则选择“窗口”→“层”，打开“层”面板以查看当前堆叠顺序。10.1.6更改层的层叠属性在“层”面板或“文档”窗口中选择一个层。在层的“属性”检查器（“窗口”→“属性”）中，在z轴文本框中键入一个编号。键入一个较大的数字可将该层在层叠顺序中上移。键入一个较小的数字可将该层在层叠顺序中下移。10.1.6更改层的层叠属性更改层可见性，具体操作如下：1．选择“窗口”→“层”，打开“层”面板。2．在层的眼形图标列内单击可以更改其可见性。眼睛睁开表示该层是可见的。眼睛闭合表示该层是不可见的。如果没

8、有眼形图标，该层通常会继承其父级的可见性。（如果层没有嵌套，父级就