第九章层与行为.pptVIP

第九章 层与行为 退出 9.1 层的创建与基本操作 9.2 层的属性设置 9.3 层的其它操作 9.4 时间轴概述 9.5 使用时间轴创建动画 9.6 Dreamweaver中的行为 9.1 层的创建与基本操作 精确定位 网页元素叠加放置 动态显示或隐藏 移动动画 层的作用 层参数设置 嵌套层是其代码包含在另一个层中的层，嵌套层随其父层一起移动，并且可以设置为继承其父级的可见性。 不选则为重叠层 创建层 如果已经在层首选参数中关闭了“嵌套”功能，请通过按住 Alt 键并拖动鼠标 创建嵌套层 9.2 层的属性设置 层的属性面板 使用JavaScript可控制可见性属性并动态地显示层的内容 定义层的可见区域（scroll：滚动条） 多层重叠的顺序 层面板 层面板 防止层重叠（不会自动修正页面上已有的重叠层）。 更改层的可见性 选中多个层：按住shift键，然后选 设置层嵌套：按住ctrl键，然后选中层拖动鼠标 设置重叠：输入z值 对齐层 当页面中存在多个层时，可以使用层对齐命令对齐层。使用层对齐，可使多个层和最后选定的层在某一方向上对齐。操作步骤如下： （1）按住Shift键选取多个层。 （2）选择菜单命令“修改”|“排列顺序”，出现“排列顺序”子菜单，如图所示。 9.3 层的其它操作 将层转换为表格（应该确保网页中没有重叠层） 最精确：层间的空白也转换为单元格 最小：小于指定像素的层间间隔不会转换为单元格 使用透明：最后一行填充透明的GIF图像 将表格转换为层 9.4 时间轴概述 时间轴是用于设计网页动态效果的工具，它通过设置不同时间段层的大小、位置、和可见性来创建动态网页。 在时间轴上显示的每一幅图片或文字（必须放在层中）称为一帧，整个时间轴由许多帧组成。播放时所有的帧按照设置好的时间和运动方式依次显示出来，好像放电影一样。 “时间轴”面板（必须通过它来控制时间轴） 关键帧是动画条中已经为对象指定属性（如位置）的帧。Dreamweaver 会计算关键帧之间帧的中间值。小圆标记表示关键帧。 9.5 使用时间轴创建动画 使用关键帧创建层动画的主要步骤如下： 创建层，将需移动的网页元素放在层中； 打开时间轴面板； 拖动层到时间面板； 创建其它关键帧（同时设定每个关键帧中层的位置等属性）； 可在某一帧添加行为 例子 9.6 Dreamweaver中的行为 行为是事件和由该事件触发的动作的组合 显示设置事件”按钮： 显示当前选择对象已经设置的事件 当前选择对象 行为是与某个网页元素或标记相关联的，要设置行为，首先要选取网页元素或标记。 显示所有事件”按钮： 显示当前选择对象可设置的所有事件 “添加行为”按钮： 单击该按钮，将弹出如左图所示的动作菜单，用户可从中选择一个动作来响应特定的事件。菜单中灰显的动作不可选择。 “删除事件”按钮： 删除选中的动作及其相关的事件 事件 动作 动作源代码 事件触发动作 执行源码，产生动态效果 常见事件（每个标记对应的事件可能有所不同） 调用 JavaScript 改变属性 检查浏览器 检查插件 控制 Shockwave 或 Flash 拖动层 转到 URL 跳转菜单 打开浏览器窗口 播放声音 弹出消息 预先载入图像 设置导航条图像 设置框架文本 设置层文本 设置状态栏文本 设置文本域文本 显示－隐藏层 显示弹出菜单 交换图像 恢复图像交换 检查表单 dreamweaver自带的行为 行为示例 网页加载时弹出信息框 打开浏览器窗口 播放声音 显示-隐藏层 转到URL 交换图像 拖动层