您所在位置：网站首页 > 高等教育 > 大学课件网页设计与制作实用教程电子教案教学建议教学课件作者刘艳丽第9章节利用时间轴制作动画课件

网页设计与制作实用教程电子教案教学建议教学课件作者刘艳丽第9章节利用时间轴制作动画课件

17页

卖家[上传人]：E****

文档编号：91175304

上传时间：2019-06-26

文档格式：PPT

文档大小：302KB

文档加载中……请稍候！
如果长时间未打开，您也可以点击刷新试试。

下载文档到电脑，查找使用更方便

10 金贝

/ 17 举报版权申诉马上下载

文本预览

下载提示

常见问题

1、网页设计与制作实用教程,主编：刘艳丽副主编：许晞秦高德高妍,第9章利用时间轴制作动画,2,2019/6/26,学习目标,了解时间轴面板的使用方法。熟练使用图层和时间轴创建时间轴动画。熟练掌握在时间轴面板中添加关键帧的方法。了解利用时间轴面板控制动画速度的方法。了解利用时间轴面板改变图像和图层属性的方法。,第9章利用时间轴制作动画,3,2019/6/26,目录,创建时间轴动画实例使用时间轴改变图像和层属性实例本章小结配套实训练习题,第9章利用时间轴制作动画,4,2019/6/26,创建时间轴动画实例,设计目标页面分析实训引导制作步骤,第9章利用时间轴制作动画,5,2019/6/26,设计目标,创建时间轴动画，使飞行器图像在页面上自由飞行，浏览效果如图所示。,返回,第9章利用时间轴制作动画,6,2019/6/26,页面分析,本页面效果需要通过时间轴来实现。在时间轴中，通过时间的变化使层的位置、大小、可见性和叠放顺序等进行相应改变，从而产生动画效果。时间轴不能直接控制页面中的对象，它控制的是放置这些对象的图层。如果要使图像、文本等对象产生动画效果，必须将

2、其置于图层中。,返回,第9章利用时间轴制作动画,7,2019/6/26,实训引导,1本实例在第5章制作的ex5_city.html网页的基础上添加时间轴动画。 2本页面用到的图像文件由配套光盘webcoursechapter09images文件夹提供，在制作页面之前，先将用到的图像文件复制到本地站点futureimages文件夹中。 3页面效果请参见配套光盘webcoursechapter09result文件夹下的ex9_3.html文件。,返回,第9章利用时间轴制作动画,8,2019/6/26,制作步骤,1制作一个简单的直线运动的时间轴动画。 2制作一个曲线运动的时间轴动画。 3创建复杂路径的时间轴动画实例。,返回,第9章利用时间轴制作动画,9,2019/6/26,一个简单直线运动的时间轴动画实例,建立一个做直线运动的时间轴动画，操作步骤见教程P183。,第9章利用时间轴制作动画,10,2019/6/26,一个曲线运动的时间轴动画实例,将做直线运动的时间轴动画，改为做曲线运动，操作步骤见教程P186。,第9章利用时间轴制作动画,11,2019/6/26,创建复杂路径的时间轴

3、动画实例,创建复杂路径的时间轴动画，使动画的运行路线完全由用户设定，操作步骤见教程P187。,第9章利用时间轴制作动画,12,2019/6/26,使用时间轴改变图像和层属性,实现幻灯片效果实现图像的渐推式显示效果,第9章利用时间轴制作动画,13,2019/6/26,实现幻灯片效果,实现幻灯片的循环播放效果，使一组图像不停地循环显示，操作步骤见教程P188。,第9章利用时间轴制作动画,14,2019/6/26,实现图像的渐推式显示效果,使一幅图像从左向右逐渐推出显示，象卷轴一样展开，操作步骤见教程P189。,第9章利用时间轴制作动画,15,2019/6/26,本章小结,本章主要介绍了创建时间轴动画的几种方法。通过改变图层在各关键帧上的位置可以创建简单的直线或曲线动画。通过录制层路径可以创建复杂的动画。通过改变图像或层的属性可以创建各种动画效果。时间轴结合行为的使用可以创建出各种较为复杂的动态网页效果。,第9章利用时间轴制作动画,16,2019/6/26,配套实训,参见教材第191192页，利用提供的素材文件，按要求制作网页。,第9章利用时间轴制作动画,17,2019/6/26,练习题,参见教材第193页，完成相应的练习题：填空题单选题思考题,

《网页设计与制作实用教程电子教案教学建议教学课件作者刘艳丽第9章节利用时间轴制作动画课件》由会员E****分享，可在线阅读，更多相关《网页设计与制作实用教程电子教案教学建议教学课件作者刘艳丽第9章节利用时间轴制作动画课件》请在金锄头文库上搜索。

点击阅读更多内容

TA的资源