“网页设计实用教程”第07章.pptVIP

21世纪计算机系列教程;第7章  Dreamweaver MX时间轴; 学习目的：;本章概述：;本小节将利用时间轴，来制作一个网校动态地址导航图，网页完成后的效果如图7-1所示。 网页中的动态地址导航图由一个动画卡通向导和一幅地图构成， 从起点站到目的地，沿途要经过一些站点，每经过一个站点时， 卡通向导要停留片刻，同时会弹出一段文字，看上去就像是向导在对每处停留地进行解说一样， 通过该网页，浏览者能对通往目的地的路径留下深刻的印象。 整个网校地址导航图的制作可分为素材准备、设计层、设计动画三个阶段，下面分别予以介绍。 ;1. 网页设计素材准备;2. 设计层;2. 设计层-2;3. 设计动画;3. 设计动画-2;3. 设计动画-3;3. 设计动画-4;3. 设计动画-5;;;;;;;;;;;;7.2 知识要点;时间轴是Dreamweaver MX软件优越于其他网页设计软件的一个重要表现， 用时间轴做动画可以满页飞，动画的实现主要是通过幕后JavaScript语句来完成的， 设计者在设计时不必懂得JavaScript，Dreamweaver MX会自动转化， 依赖时间轴设计的动画又是建立在图层基础上的， 可以说利用时间轴设计动画效果是图层的应用体现。 ;时间轴选择框 回退 后退 前进 FPS：动画播放速度 自动播放：在浏览器中打开正确看到