时间轴和行为.pptVIP

第六讲 时间轴和行为 时间轴 时间轴代表层和图像随时间变化的属性，通过在时间轴上不同的时间往网页上放置不同的内容来实现网页的动画效果。 它不需要任何外部的插件或控件，直接在网页源代码中添加Javascript代码来实现网页动态效果。 时间线动画分为两种情况： 改变层的属性，即层可以依时间的不同改变在网页的位置，大小、可见性、重叠顺序，产生动画效果。 改变图像的属性，即图片可以依时间的不同，切换显示出不同的图片。 Timelines面板 ：时间线下拉菜单主要用于显示当前时间线。 ：单击此按纽回动画第一帧。 ：单击此按钮回退一帧。 ：单击此按钮前进一帧。 Fps: Frame per second的缩小，表示“帧每秒”，在此框中可设置动画播放速度。 自动播放(Autoplay): ，若选中此项，页面加载后立即自动播放时间线动画。 Loop: 循环播放，若选中此项，动画播放完后自动从头重新开始播放。 B 通道：前标有大写字母B(Behavior)，在此通道中设定在指定帧执行指定动作。 中间是时间标尺。 动画通道：最下面的左边标有数字的是动画通道(Channel),每一行称为一个通道，每一列称为一帧。每个通道可以控制一个对象的变化过程。在动画播放时，各通道永远保持同步，动画在播放时是一帧一帧显示的，屏幕上显示的动画效果实际上是各个通道动画的综合效果。总共有32个通道。 帧：组成动画的一个个静止的画面。 关键帧：动画中有些帧是关键性的，往往是一个动画的变化点。 创建图像(Image)动画 注意：制作图像动画的前提是每一张切换的图片大小都必须相同，否则将有图片变形的情况。 使用层和时间线创建层(Layer)动画 改变动画中物体的运动路线 录制图层路径 将已有的动画应用于其他对象 Behavior行为 行为是在网页中进行的一系列动作，通过这些动作，可以使制作者不用编程就实现网页同用户的交互和执行特定的动作。 行为由事件(Events)和动作(Actions)组成。 动作是预先编好的JavaScript程序，利用这段程序可以执行指定的任务，如显示与隐藏图层(show-hide layers)、打开浏览器(open browser window)等。 事件通常由浏览器来定义，是浏览器对每个网页元素的响应途径，与具体的网页对象相关联。例如我们页面中大多数链接都会用到的onMouserover、onMouseout、onClick等。 触发行为的事件(Events) Onchange:当网页上某元素的内容发生改变时产生该事件。 Onclick：单击网页上的某元素时产生该事件。 Ondblclick：双击网页上的某元素时产生该事件。 Onkeydown：按下任意键时产生该事件。 Onload：网页或图像调入完成后产生该事件。 Onmousedown：在网页的某元素上按下鼠标时产生该事件。 Onmousemove：在网页的某元素上移动鼠标时产生该事件。 Onmouseout：在网页的某元素移出鼠标时产生该事件。 Onmouseover：鼠标移入网页的某元素时产生该事件。 Onsubmit：提交表单时产生该事件。 Onunload：从当前网页退出时产生该事件。 行为（Behavior）面板 使用 Dreamweaver自带的行为动作 时间轴 交换图像/恢复交换图像 注意：两个图像的大小要一致，否则，将为了适应原图像的尺寸，在显示时会被拉伸或压缩。 播放声音 网页中用到的音频文件主要有： Mp3格式：提供高质量的数字音频，保持较高的压缩率，主要提供较长的音频文件。 ra/ram格式：是一种流音频格式，主要用于提供网络实时广播。 Midi格式：由重新创作音乐演奏的指令组成，文件较小，常用于提供背景音乐。 wav格式：即波形音频文件，由Microsoft和IBM联合开发，在windows系统中经常被用到。 注意：播放背景音乐也要首先进行下载，因此，切记音频文件容量不要太大，否则很可能整个网页都浏览完了，声音却还没有下载完。在背景音乐格式方面，mid格式是最好的选择。 弹出消息 基于用户在网页上的活动显示指定的信息 打开浏览器窗口 在新的浏览器窗口中打开指定的网页 调用 JavaScript 执行用户自定义的Javascript脚本。 Javascript是一种脚本语言，它可以直接加入HTML文档中，与混合在一起由浏览器直接解释执行。 改变属性 控制 Shockwave or Flash 控制Shockwave或Flash媒体，如播放、停止播放 Go to URL 在指定的窗口中打开指定的网页 跳转菜单 /