时间轴.ppt

时间轴概述 时间轴的概念 　时间轴就是按照时间顺序来控制动作执行的过程。 它的工作原理就是定义一系列的小时间段:帧，这些帧随时间变化，在每一个帧均可以改变网页元素的各种属性，以此实现动画效果。 时间轴的制作 打开时间轴面板 时间轴的制作 认识时间轴面板 时间轴制作 时间轴属性 1）时间轴下拉列表：给出当前网页中的多个时间轴 2）返回首帧箭头：返回时间轴的第一帧 3）回放箭头：一次向左移回一帧 4）播放箭头：从当前帧开始一次播放一帧 5）当前帧号：在文本框中显示时间轴当前所在的帧 6）帧速率：显示每秒播放的帧数 7）自动播放：自动播放时间轴 8）循环：重复播放时间轴 时间轴制作 时间轴属性 时间轴制作 创建时间轴 1、用时间轴完成动画的直线运动： 1）插入层→层内插入图像→确定动画的起始位置2）修改→时间轴→增加对象到时间轴→单击时间轴的最后一帧→确定动画结束位置。 2、用时间轴完成动画的曲线运动： 单击时间轴上要添加关键帧的位置，修改→时间轴→增加关键帧→改变图层位置 3、动画播放：选定自动播放选项 插件的概念 Dreamweaver提供了方便的外部插件接口，利用它，你可以把从网上免费的各种各样的插件安装到Dreamweaver?8中，用来丰富你网页。这些插件都是网页设计高手针对Dreamweaver开发的，专门用来扩充Dreamweaver功能的，?通过集成的插件我们可以在网页上实现许多原本非常复杂的技术，从而避免了大量源代码的编写和调试工作，你只需简单地进行一些设置，就可以设计出高水平的网页来。 插件的类型?　Dreamweaver?4的插件分为以下几种：??1、Objects?插件：对象类，?用来添加在objects 面板上的功能。??2、Behaviors?插件：行为类，?用来在Behaviors面板上添加新的行为。 3、Command插件：命令类，在Command?菜单下添加命令。 4、Inspector插件：属性类，添加新的属性类别。 第三方插件安装与使用 第三方插件的安装 第三方插件的安装与使用 第三方插件的安装与使用 讨论 问题1：为什么有时添加行为时，该”行为“菜单中的行为呈灰色状态？ 问题2：如何实现实例三中单击小图片，显示大图片 本章小结 时间轴是制作网页动画的基本工具，本章主要介绍了时间轴的基本使用方法，包括时间轴面板的使用、时间轴动画的制作方法，以及对时间轴动画的编辑,同时我们还介绍了第三方插件的安装及使用，利用它我们可以设计更加生动活泼的网页。 * * 项目18 时间轴 [知识与能力目标] 掌握时间轴的概念及其操作 掌握第三方插件的下载、安装及使用 项目十八 时间轴 [教学重点] 时间轴的概念及操作； 第三方插件的下载、安装及使用； [教学难点] 时间轴的创建与调整方法 利用时间轴制作网页动画的方法 第三方插件 操作步骤如下： 使用主菜单【窗口】|【时间轴】或利用快捷键ALT+F9打开时间轴。 打开时间轴面板，它由列表框、行为通道、动画条、关键帧等构成 时间轴列表框 当前帧编号 时间轴菜单 行为通道 帧序号 动画条 动画通道 播放头 关键帧 9）行为通道：显示执行一个特殊帧的行为 10）帧数：行为通道和动画通道的标尺 11）动画通道：显示动画 12）播放头：由一个红色垂直标志表示，显示时间轴中激活的帧 13）动画栏：每增加一个对象，时间轴中就出现一个蓝方框，称为动画栏。 14）关键帧：在动画栏中由一个圆点表示，关键帧是表示属性的动画帧 图13-2 第三方插件安装与使用 操作步骤如下： 单击【开始】|【所有程序】|【Macromedia】 |【Macromedia Extension Manager】,打开Macromedia扩展管理器，如图18-1所示。 图18-1 在该对话框中单击[文件]|[安装新扩展]或单击“安装新扩展“按钮，弹出”选取要安装的扩展“对话框。 在该对话框中选择需要安装的插件*.mxp,单击”安装“按钮，弹出”Macromedia扩展管理器”对话框，单击“安装”按钮，进行安装之后弹出提示安装完成对话框。单击“确定”按钮，在对话框中会显示插件安装成功。 回到Dreamweaver8编辑窗口中，使用所安装的插件。 注意：不同的插件在Dreamweaver8编辑窗口中的位置不同 *