Dreamweaver网页设计 邢永峰 第9章新.pptVIP

Dreamweaver 网页设计 第9章 层、行为与时间轴 【学习概述】 层、行为、时间轴可以说是网页设计中革命性的技术。搭配使用层、行为、时间轴可以制作出活泼多样的动态页面以及效果惊人的互动网页。本章内容包括：建立层、编辑层、层与表格的相互转化、行为、时间轴等。重点是如何综合运用层、行为、时间轴。 9.1 【课堂讲解】层、行为与时间轴概述概述 9.1.1 层 层是指一种用DIV和SPAN标记描述的HTML页面元素。层可以用来定位，可以包含文本、图像、动画等元素。层还可以嵌套层。 层源代码为：div id=Layer1/div。 在默认情况下，Dreamweaver使用DIV标记创建层。选择层后，对应的属性面板如图9-1所示。 在层属性面板中： 层编号：用于指定一个名称，用于识别不同的层。 左和上：指定层的左上角相对于页面（如果嵌套，则为父层）左上角的位置。 宽和高：指定层的宽度和高度。 Z 轴：确定层的z轴顺序（即堆叠顺序）。 可见性：指定该层最初是否是可见的，有4个选项： “默认”：不指定可见性属性，默认为“继承”。 “继承”：使用该层父级的可见性属性。 “可见”：显示这些层的内容。 “隐藏”：隐藏这些层的内容。 背景图像：指定层的背景图像。 背景颜色：指定层的背景颜色。 溢出：控制当层的内容超过层的指定大小时如何在浏览器中显示层。 “可见”：指示在层中显示额外的内容。 “隐藏”：指定不在浏览器中显示额外的内容。 “滚动”：指定浏览器应在层上添加滚动条，而不管是否需要滚动条。 “自动”：使浏览器仅在需要时才显示层的滚动条。 剪辑：定义层的可见区域。指定左侧、顶部、右侧和底边坐标可在层的坐标空间中定义一个矩形。层经过“剪辑”后，只有指定的矩形区域才是可见的。 层面板 层面板是一个可视化管理层的工具。执行【窗口】-【层】命令打开层面板，如图9-2所示。在Dreamweaver中使用层面板使得对层的操作变得十分方便和简单。 文件。 打开浏览器窗口：使用“打开浏览器窗口”动作在一个新的窗口中打开URL。 拖动层：“拖动层”动作允许访问者拖动层。 控制 Shockwave 或 Flash：使用“控制 Shockwave 或 Flash”动作来播放、停止、倒带或转到 Macromedia Shockwave 或 Macromedia Flash SWF 文件中的帧。 播放声音：使用“播放声音”动作来播放声音。 改变属性：使用“改变属性”动作更改对象某个属性（例如层的背景颜色或表单的动作）的值。 时间轴：使用“时间轴”动作可以停止时间轴、播放时间轴、转到时间轴帧。 显示－隐藏层：“显示－隐藏层”动作显示、隐藏或恢复一个或多个层的默认可见性。此动作用于在用户与页进行交互时显示信息。 显示弹出菜单：使用“显示弹出菜单”行为来创建或编辑 Dreamweaver 弹出式菜单，或者打开并修改已插入 Dreamweaver 文档的 Fireworks 弹出式菜单。 检查插件：使用“检查插件”动作根据访问者是否安装了指定的插件这一情况将他们转到不同的页。 检查浏览器：使用“检查浏览器”动作可根据访问者不同类型和版本的浏览器将他们转到不同的页。 检查表单：“检查表单”动作检查指定文本域的内容以确保用户输入了正确的数据类型。 设置导航条图像：使用“设置导航条图像”动作将某个图像变为导航条图像，或更改导航条中图像的显示和动作。 设置文本：包括以下几项： （1）设置框架文本：“设置框架文本”动作允许读者动态设置框架的文本，用读者指定的内容替换框架的内容和格式设置。 （2）设置层文本：“设置层文本”动作用读者指定的内容替换页上现有层的内容和格式设置。该内容可以包括任何有效的 HTML 源代码。 （3）设置状态栏文本：“设置状态栏文本”动作在浏览器窗口底部左侧的状态栏中显示消息。 （4）设置文本域文本：“设置文本域文本”动作用读者指定的内容替换表单文本域的内容。 调用 JavaScript：“调用 JavaScript”动作允许读者使用“行为”面板指定当发生某个事件时应该执行的自定义函数或 JavaScript 代码行。 跳转菜单：创建一个菜单对象并向其附加一个“跳转菜单”（或“跳转菜单转到”）行为。 转到 URL：“转到 URL”动作在当前窗口或指定的框架中打开一个新页。 预先载入图像：“预先载入图像”动作将不会立即出现在页上的图像载入浏览器缓存中。 9.1.4 事件 事件是浏览器生成的消息，用于表明浏览器用户执行了某种操作。 Dreamweaver提供了许多常用的能够触发的动作的事件： onAbort：当浏览器用户中断浏览器正在载入图像的操作时产生。 onAfterUpda