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

网页应用技术——《网页设计与创意实训教程》讲义第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、行为动作应用网页应用技术——《网页设计与创意实训教程》讲义本章小结：•了解时间轴面板、行为面板的基础介绍•掌握时间轴的设置；行为面板的设置•重点掌握应用时间轴绘制动画效果，应用行为面板设置网页的动作