Dreamweaver 8案例教程 苏玉雄 第10章新.ppt
文本预览下载声明
10.1.3 层标签 10.1.5 设置层属性 10.1.6 更改层的层叠属性 10.1.7 更改层可见性 10.2 将层转换成表格 10.2 将层转换成表格 10.3使用时间轴 10.3使用时间轴 10.3使用时间轴 本章小结 ?2003. 苏玉雄 1-* 第 10 章 层和时间轴 本章学习目标 创建和使用层 10.1 转换表格和层 10.2 使用时间轴 10.3 10.1 .1创建层 插入层时,Dreamweaver 将显示层的边框,默认情况下,在将指针移到块上时它还会高亮显示块。通过在“查看”→“可视化助理”菜单中禁用“层外框”和“CSS 布局外框”,可以启用层边框。在设计时,还可以启用CSS布局背景和CSS布局框模型,作为可视化助理。 创建层后,只需将插入点放置于该层中,然后像在页面中添加内容一样,就可以将内容添加到层中。 连续绘制一个或多个层,步骤如下: 在“插入”栏的“布局”类别中单击“绘制层”按钮。 在“文档”窗口的“设计”视图中,执行下列操作之一: (1)拖动以绘制一个层。 (2)通过按住 Ctrl 键并拖动 (Windows) 或通过按住 Command 键并拖动 (Macintosh) 来连续绘制多个层。 只要不松开 Ctrl 或 Command 键,就可以继续绘制新的层。 注意:如果要隐藏层边框,可选择“查看”→“可视化助理”,然后取消选择“层外框”和“CSS 布局外框”。 10.1.2 嵌套层 绘制嵌套层时,步骤如下: 1. 在“插入”栏的“布局”类别中单击“绘制层”按钮。 2. 在“文档”窗口的“设计”视图中,拖动以在现有层中绘制层: 如果已经在层首选参数中关闭了”嵌套”功能,请通过按住 Alt 键并拖动 (Windows) 或按住 Option 键并拖动 (Macintosh) 在现有层中嵌套一个层。 插入嵌套层,步骤如下: 1. 在“文档”窗口的“设计”视图中将插入点放置在一个现有层中,然后选择“插入”→“层”。 2. 若要使用“层”面板将现有层嵌套在另一个层中,执行以下操作: 3. 选择“窗口”→“层”,打开“层”面板。 4. 在“层”面板中选择一个层,然后通过按住 Ctrl 键并拖动 (Windows) 或按住 Command 键并拖动 (Macintosh) 将层移动到”层”面板上的目标层。 5. 当目标层的名称突出显示时,松开鼠标按钮。 具体操作如下: 在“文档”窗口中,将插入点放置在要显示.div标签的位置。 1.选择“插入”→“布局对象”→“Div 标签”。 在“插入”栏的“布局”类别中单击“Div 标签”按钮。 2.出现“插入 Div 标签”对话框, 3.完成对话框。 4.单击”确定”。 .div标签以一个框的形式出现文档中,并带有占位符文本。将指针移到该框的边缘上时,Dreamweaver 会高亮显示该框。 如果已经给.div标签分配了绝对位置,它就可充当一个Dreamweaver层。 10.1.4 选择层 要在“层”面板中选择一个层,在“层”面板(“窗口”→“层”)中,单击该层的名称。 若要在“文档”窗口中选择一个层,可执行以下操作之一:单击一个层的选择柄。如果选择柄不可见,请在该层中的任意位置单击以显示该选项柄。 单击一个层的边框。 在一个层中按住Ctrl-Shift键并单击 (Windows) 或按住Command-Shift 键并单击 (Macintosh)。 在层内单击并按 Ctrl+A (Windows) 或 Command+A (Macintosh) 以选择层的内容。再次按 Ctrl+A 或 Command+A 以选择层。 在层内单击并在标签选择器中选择层的标签。 注意:选择多个层时,可以在“层”面板(“窗口”→“层”)中,请按住 Shift 键并单击两个或更多的层名称。 在“文档”窗口中,在两个或更多个层的边框内(或边框上)按住 Shift 键并单击。 若要查看和设置层属性,具体操作如下: 选择一个层。 在”属性”检查器(“窗口”→“属性”)中,单击右下角的展开箭头(如果它尚未展开)以查看所有属性,如图所示。 根据需要设置属性来更改层的属性。 当选择两个或更多个层时,层“属性”检查器会显示文本属性以及全部层属性的一部分,从而允许同时修改多个层。 在HTML代码中,层的堆叠顺序或z轴确定层在浏览器中的绘制顺序。层的z轴值越高,该层的堆叠顺序就越高。步骤如下: 1.选择“窗口”→“层”,打开“层”面板。 2.将层向上或向下拖至所需的堆叠顺序。 移动层时会出现一条线,它
显示全部