网页制作教程第7章.ppt

第7章 多媒体动态网页的制作,7.1事件、动作和行为的应用,1、行为的基本概念,行为顾名思义就是以某种方式完成的动作。Dreamweaver的行为（Behaviors）是由事件（Event）和动作（Action）两部分组成的。用行为可以很方便地制作出一些带有交互效果的网页。动作是指网页的一些特殊的功能，如拖曳层、隐藏和显示层、播放音乐、交换图像等；事件是完成某一动作的方式，如onMouseOver（鼠标指向对象）、onMouseOut（鼠标移离对象）、onClick（单击鼠标）、onDblClick（双击鼠标）等。在浏览这种带有行为的网页时，当某一事件被响应后便会触发执行相对应的动作。给网页中对象附加行为时，需要指定动作和事件以便触发它。不同的动作可以被相同的事件触发，因此必要时还要指定动作发生的先后顺序。,2、行为面板的使用,选择Window|Behaviors命令，或按组合键Shift+F3，可打开Behaviors面板,7.2利用时间线创建动画,1、时间线的概述,在网页设计过程中，使用时间线（Timelines）技术能让网页中的元素随时间的变化活动起来，从而创建出多姿多彩的动态网页。网页中的动画效果其实质是在网页上依次快速连续地显示与某个图像相关联的多幅图像，因显示速度较快使人形成图像动活的感觉。如果用人工的方法实现一个物体移动的动画是相当麻烦的，我们必须准备这个物体的数十幅差别不算很大的图像，然后连续播放，才能形成动画效果。用DW 4.0的时间线实现动画效果较为方便，只需在不同的时间内改变某个对象的位置、尺寸、可见性等属性，便能实现动画效果。时间线动画的单位是帧，每一帧是动画的一幅瞬间图。时间线动画是在特定的时间内、在指定的动画运动轨迹上，显示一系列有关联特性的静态图像的组合,7.2利用时间线创建动画,2、时间线面板的使用方法,DW 4.0时间线动画是通过时间线（Timeline）面板来制作完成的,3、用时间线面板修改动画轨迹,利用Timelines面板增加、减少帧，增加、减少关键帧，修改对象运动的轨迹,4、用时间线控制行为,可以在时间线上给动画对象附加行为,本章小结和重点回顾,网页通过行为感知浏览者的操作信息，并根据设计者指定的动作做出相应的反映。时间线是实现网页动画的一种方式，是控制动作的一种手段。通过行为与时间线这两种技术，可以使得网页设计者不需要编写HTML代码就可以制作出很多动画以及各种各样的网页特效，从而使设计的网页变得多姿多彩。本章的重点知识有：正确合理地使用事件和动作设计网页的特殊效果；帧、当前帧、关键帧、帧频率、帧标尺、动画条、动画通道等概念；以及如何创建、编辑时间线轨迹、使用时间线改变层的属性、在时间线中添加行为、多条时间线管理多个动画等知识。,