网页设计与的创意实训教程07.pptVIP

* 网页应用技术——《网页设计与创意实训教程》讲义 第7章 时间轴和行为 重点内容： 时间轴 行为、动作设置 一、时间轴： 1.时间轴面板 2.编辑帧 在【时间轴】面板中用户可在动画条中单击鼠标右键，在弹出的快捷菜单中，选择添加或删除关键帧命令，或添加或删除帧命令，实现帧的编辑。 时间轴面板 一、时间轴： 3.在帧间共享层 4.直线移动动画制作 练习：制作直线运动动画 技术提示： 1、层的应用 2、时间轴应用 3、图像应用 一、时间轴： 5. 复杂动画制作 练习：制作复杂动画 二、“行为”面板与动作设置： 1.行为控制器 行为就是动作和触发该动作的事件的结合体，通过执行动作，实现用户和网页的交互操作。行为在【行为】面板中，先指定一个动作，再指定触发该动作的事件，从而将行为应用到页面中的元素 2.弹出信息 应用【弹出信息】动作将显示一个带有用户指定的消息的JavaScript警告对话框。 二、“行为”面板与动作设置： 3.播放声音 使用【播放声音】动作可以在加载页面后添加背景音乐，或者是当鼠标经过某链接时播放声音。可以利用这个动作制作具有声音效果的动态页面。 4.打开浏览器窗口 使用【打开浏览器窗口】动作在打开当前网页的同时，再打开一个新的窗口，并可以指定新窗口的属性，包括其大小，是否显示工具栏和菜单等 二、“行为”面板与动作设置： 5.检查浏览器 使用【检查浏览器】动作可以获取访问者浏览器的类型，根据访问者所使用的浏览器的品牌和版本而发送不同的页面。该动作通常附加在OnLoad事件中，当页面被加载时执行 6.设置状态栏文本 【设置状态条文本】行为用于设置窗体状态栏显示的信息，在状态栏中显示的文本信息不会影响访问者的浏览速度 二、“行为”面板与动作设置： 7.检查表单 【检查表单】动作检查指定文本域的内容以确保用户输入了数据或正确的数据类型 8.转到URL 使用【转到URL】动作可以在当前窗口或指定窗口中打开一个URL地址，并显示设定的网页 二、“行为”面板与动作设置： 9.动作设置 练习：设置动作 技术提示： 1、弹出信息动作 2、弹出浏览器窗口动作 动手实践： 案例效果： 关键技术： 1、时间轴应用 2、行为动作应用 * 网页应用技术——《网页设计与创意实训教程》讲义