第八章 掌握网页特效之行为 课件 - 2022-2023学年高二下学期（中职）《网页设计与制作》（武汉大学版）

第8章 掌握网页特效之行为 在网页文档中应用行为 8.1 制作生动的动画 8.2 8.1 在网页文档中应用行为 8.1.1 弹出信息窗口 8.1.2 打开浏览器窗口 8.1.3 交换图像 8.1.4 恢复交换图像 8.1.5 给网页添加背景音乐 8.1.6 设置状态栏文本 8.1.7 设置层文本 8.1.8 拖动层 8.1.9 显示隐藏层 8.1.10 显示弹出式菜单 8.1.11 知识拓展 8.1 在网页文档中应用行为 8.1.1 弹出信息窗口 上网时经常遇到这样一些网站，一进入首页或某些页面会立刻弹出一个窗口，或者单击一个链接或按钮，也会弹出一个小窗口，该窗口中通常会显示一些注意事项、版权信息、警告、公告之类的提示信息。这类窗口只能提供信息，而不能为用户提供选择。 8.1.1 弹出信息窗口 8.1.2 打开浏览器窗口 使用“打开浏览器窗口”行为可以在一个新的窗口中打开URL，可以指定新窗口的属性、特性和名称。 8.1.3 交换图像 交换图像动作的功能是：通过改变图像的标签属性，将当前图像变换为另外一幅。 8.1.3 交换图像 8.1.3 交换图像 8.1.3 交换图像 8.1.3 交换图像 8.1.4 恢复交换图像 8.1.4 恢复交换图像 8.1.5 给网页添加背景音乐 8.1.6 设置状态栏文本 在网页上经常会看到这样的效果，当鼠标移到一个对象上时，在状态栏里会显示说明文字，状态栏成了一个信息提示栏，使有限的空间得到了充分的利用。 8.1.6 设置状态栏文本 8.1.6 设置状态栏文本 8.1.7 设置层文本 8.1.7 设置层文本 8.1.8 拖动层 “拖动层” 行为用来制作图片的拖动。比如，页面上有很多图片，且图片的尺寸较大，全部平铺要占用很大页面空间，这时采用拖动层是一个不错的选择。使用此动作可以创建拼板游戏、可移动的界面元素等。 8.1.8 拖动层 8.1.8 拖动层 8.1.8 拖动层 8.1.8 拖动层 8.1.9 显示隐藏层 该行为的功能是显示或隐藏页面中的层。 操作步骤详见教材。 8.1.10 显示弹出式菜单 　 在Dreamweaver 8中可制作弹出式菜单，这个功能允许用文字和图片作为主菜单，如果用文字，要在文字上做空链接。 操作步骤详见教材。 8.1.11 知识拓展 1.认识行为 2.“行为”面板介绍 3.常见事件说明 8.2 制作生动的动画 8.2.1 沿着直线移动的动画效果 8.2.2 沿着曲线移动的动画效果 8.2.3 沿着路径自由移动的动画效果 8.2.4 知识拓展 8.2.1 沿着直线移动的动画效果 操作步骤详见教材。 8.2.2 沿着曲线移动的动画效果 沿着直线移动的动画，给人的感觉过于单调，下面学习制作沿着曲线移动的动画。制作该动画的原理是通过在直线动画中添加关键帧，把关键帧上的层位置进行移动，只有在插入了关键帧的位置上才能改变移动方向。 操作步骤详见教材。 8.2.3 沿着路径自由移动的动画 效果 如果要制作按照复杂曲线移动的动画，则需要添加多个关键帧，直到图形的移动变得自然。如果利用时间轴中的“录制层路径”功能，则可以像用笔绘制移动路径一样轻松地进行设定。 操作步骤详见教材。 8.2.4 知识拓展 1.时间轴概述 2.“时间轴”面板 3.相关概念 （1）帧 （2）关键帧 $