新Dreamweaver网页设计与制作教程 电子教案 杨继 第9章 时间轴.pptVIP

第9章 时间轴 第8章 样式表 内容提要 时间轴的基础知识 时间轴面板 创建时间轴动画 控制时间轴 9.1　时间轴概述 时间轴（Timeline）亦可翻译为时间线，它是一条贯穿时间的线，用来表示网页在显示时间内发生的种种状态，利用时间轴可以实现网页的动态效果。为了更加清楚的理解时间轴的概念，先来理解动画的原理。动画的实现原理就是将画面连起来播放，产生运动的错觉。所以动画的基本单位就是一个画面，也叫做帧。而在动画中有些画面是关键的、可以影响整个动画的，这样的帧叫做关键帧。很多的画面按照时间先后顺序连起来就是动画。时间轴就是用来排列画面的顺序的。时间轴由通道组成，每一个通道里面放一个要运动的物体。关键帧用圆点表示。还有一个播放头，播放头所指的位置就是动画当前所在的帧。 9.2　认识时间轴面板 在Dreamweaver 8中，通过选择“窗口”菜单中的 “时间轴”命令或使用组合键ALT+F9，就可以打开如图所示的时间轴面板。 9.2　认识时间轴面板 下面介绍一下各部分的功能： 时间轴（Timeline）:用于标识动画帧数和每一帧的位置。其中每一个刻度代表一个帧，其上数字代表帧的序号。 播放头（Playback head）：在时间轴上红色矩形块就是播放头，它所指示的是在网页中显示的是哪一帧，可以通过利用鼠标拖动播放头，来查看文档中动画状态随时间的变化。播放头所在的帧数会在“当前帧”中显示出