河南大学网页设计精讲06.pptVIP

时间轴动画制作 在页面中使用时间轴时需要注意以下几点： 时间轴构建的图层动画效果需要4.0以上版本的浏览器才可以支持。 如果要对一个对象使用时间轴，必须把这个对象放在一个图层中，否则Dreamweaver会出现提示对话框，让用户把对象添加到图层中才能使用时间轴。 网页制作教程 网页制作教程 网页制作教程 网页制作教程 白晨希 河南大学计算中心 daylight5213@163.com * * 简要复习 使用模板和库项目 使用表单 制作百度搜索引擎链接 行为的使用 时间轴动画制作 网页的维护与上传 * * 第6讲 动态网页制作技术 * * 所谓行为，就是在网页中进行的一系列动作，通过这些动作，可以制作出复杂的网页效果。 行为由事件和动作组成。动作是一段JavaScript代码，可以实现特定的功能；事件是指定动作发生的时刻或条件。 例如：交换图像行为、检查表单行为。 在Dreamweaver中，可以给任何一个对象附加行为，从而实现网页与浏览者的交互，增加网页的动态效果。 行为（Behavior）的使用 * * 一个事件总是针对某个对象或标记而言的。 例如，在超级链接上会发生onMouseOver 、onMouseOut和onClick三个事件。另一个常见的事件是onLoad事件，当浏览器载入图像或文档时，就会发生onLoad事件。 一个事件可以和多个动作相关联，即当一个事件触发时，可以导致多个动作的执行，我们可以自己指定这些动作执行的顺序，实现需要的效果。 我们将事件的产生称为事件的触发，用户或者系统都可以触发事件。 事件 * * 使用“行为”面板可以给页面元素添加行为。执行“窗口－行为”命令，打开“行为”面板。 选中需要附加行为的对象，如果要将整个网页作为行为的对象，可单击文档窗口左下方的Body标签。 单击行为面板上的“+”，选择一个行为。 单击事件右边的下拉箭头，选择一个事件。 双击动作的名称，可以修改动作的参数。 选中行为项，单击行为面板右上方的箭头按钮，可以调整行为的执行顺序。 单击行为面板上的“-”，可以删除行为。 行为面板的使用 * * 交换图像、恢复交换图像、设置导航栏图像 弹出消息、打开浏览器窗口 控制Shockwave或Flash、播放声音 拖动层、显示/隐藏层、显示/隐藏弹出式菜单 改变属性、设置文本（如：设置状态条文本） 设置转到URL、跳转菜单 检查表单、检查浏览器、检查插件 转到时间轴帧、播放时间轴和停止时间轴 调用JavaScript Dreamweaver 8的内置行为 * * 层和行为的应用 应用实例： 弹出消息和弹出网页 控制Flash的播放停止 拼图游戏 鼠标指向时显示图片的说明信息 下拉菜单的制作（弹出式菜单） 友情链接制作（跳转菜单） 在网页中加入音频/视频 将以下代码加入Body部分中即可： BgSound Src=“音频文件” Loop=“播放次数” embed src=“音频或视频文件 hidden=true loop=true autostart=true height=500/ 加入的视频文件可以是.wav, .mid, .mp3, .avi, .wmv等格式。 * * * * 时间轴动画制作 时间轴是DW提供的制作网页动画的强大工具。用户只需通过鼠标操作就可以实现让图像或文字等对象在网页中的移动。 时间轴也称为等时线，顾名思义，是一条贯穿时间的轴，用于表示网页存活时间中发生的各种状态。 利用时间轴，可以创建各种类型的动态效果，例如：改变图层的位置、大小、可见性和叠放次序等，改变图像，在特定时间执行特定的行为等。 * * 认识时间轴面板 打开时间轴面板：执行“窗口－时间轴”命令。 动画条 时间轴列表 动画通道 * * 时间轴面板的组成 时间轴列表：指定当前要显示和编辑的时间轴。 播放控制：播放第一帧、前一帧、后一帧，当前帧编号。 FPS：Frame per second（每秒钟帧数），设置动画播放的速度。 播放头：是在时间标尺上的红色竖线，表示动画当前帧的时间位置，可以拖动它来播放动画。 行为通道：在时间轴标尺上方的一行，标有字母B，可以在这里编辑时间轴动画的行为。 * * 时间轴面板的组成 动画通道：标有1、2、3等数字的行，表示可以同时进行的时间轴动画个数。每个通道可以控制一个对象的变化过程，各通道保持同步。 动画条：显示每个对象动画的持续时间，上面标有对象的名称。在动画通道中可以有多个动画条，也就是可以使多个对象有动画效果。 自动播放：在页面的body标签上添加一个在页面加载时便能自动播放时间轴动作的行为。 循环：在行为通道的最后一个动画帧后添加一个“转到时间轴帧”的行为，双击行为通道上的短横线标记，可以编辑该行为的参数。 * * 什么是关键帧 关