Web信息系统设计基础第九章层与行为.ppt

第九章 层与行为;内容提要;什么是层？ 层是网页上层次独立的可以重叠或嵌套的元素，其标签为div，如图中蓝框。在Dreamweaver CS3中，把层称为“AP元素”（绝对定位元素）。 层提供一种对网页对象进行有效控制的手段，层可以包含文本、图像、表单等所有可直接用于文档的元素，层中还可以包含插件或其它层（嵌套使用）。 层提供了精确定位页面元素的方法，通过将页面元素放置在层中，用户可控制对象的叠放顺序、显示或隐藏，甚至可利用时间轴同时在屏幕上移动一个或多个层。 将层添加到时间轴的动画通道中，可建立动画。例如：在网页上漂浮移动的广告。;层参数设置;创建层 ;层面板 ;层的可见性;改变层的名称和叠放顺序 ;对齐层 ;层属性面板;层属性面板;层和表格的转换;层转换为表格示例;将表格转换为层 ;嵌套层;关于嵌套层;在层中插入内容 ;9.2 时间轴 ;时间轴面板 ;时间轴面板 ;时间轴面板;时间轴面板;时间轴动画;通过拖动路径创建动画;通过拖动路径创建动画 ;通过插入关键帧创建动画 ;时间轴的其它操作 ;时间轴的其它操作 ;时间轴的其它操作;图像变换动画示例;9.3 行为;关于行为;控制按钮：从左至右各按钮的含义如下图所示：;控制按钮：从左至右各按钮的含义如下图所示：;控制按钮：从左至右各按钮的含义如下图所示：;控制按钮：从左至右各按钮的含义如下图所示：;控制按钮：从左至右各按钮的含义如下图所示：;控制按钮：从左至右各按钮的含义如下图所示：;行为列表：用户可以在其中为某行为项选择不同的事件，如下图所示：;动作和事件;动作和事件;可产生的事件;行为示例1;打开浏览器窗口;打开浏览器窗口;播放声音;在“播放声音”对话框中设置要播放的音频文件； 单击“确定”按钮，完成设置，并使用指定事件触发该动作。 注意事项 “播放声音”行为并不支持网上最流行的mp3格式文件，目前只支持wav、midi等少数格式。浏览器可能需要用某种附加的音频支持（例如音频插件）来播放声音。;显示-隐藏层;设置“显示-隐藏层”对话框 在“命名的层”列表中选择要更改其可见性的层； 单击“显示”按钮以显示该层，单击“隐藏”按钮以隐藏该层，单击“默认”按钮以恢复该层的默认可见性。 单击“确定”按钮，完成设置，并使用指定事件触发该动作。 注意事项 如果在动作菜单中“显示-隐藏层”不可用，则可能是因为浏览器不接受事件，选择动作菜单中“显示事件”中IE4.0以后的版本或者选择Netscape6.0，重新选择菜单命令，此时“显示—隐藏层”将可用。 ;显示-隐藏层;转到URL;设置“转到URL”对话框 打开在：设置在主窗口或指定的框架中打开新网页； URL：设置要打开的新网页的路径和名称。 单击“确定”按钮，完成设置，并使用指定事件触发该动作。;交换图像;设置“交换图像”对话框 设定原始档为：设置新图像，用来替换原始图像； 预先载入图像：防止新图像加载时发生延迟； 鼠标滑开时恢复图像：鼠标离开图像时，图像自动恢复为原始图像。 单击“确定”按钮，完成设置，并使用默认事件触发该动作。;交换图像;拖动层 ;拖动层;拖动层;拖动层;实习;