图4

　　需要注意的是，GIF动画图片每调用一次就会重新播放。如果有些人已经具备了网页制作的知识，可以利用这个性质在网页制作软件中设定相应的动作。比如大家在这里移动鼠标观看范例的动画就是如此。每次移入后动画总是从头开始播放。这样即便是只播放一次的动画，也可以令它在网页中多次播放。没有网页制作知识也不用担心，这并不影响我们后面的动画学习。如果想要了解一下，可观看GoLive的视频教程。

　　对于看上去很不错的淡入淡出效果而言，有一个重要的问题需要考虑，那就是浏览器可以被设置为禁止播放动画。此时动画只会显示其第1帧时候的画面。那么类似上面的“悄然来去”的动画在网页中将是一片空白，因为其第1帧本来就是空白的。这就容易引起观看者的误会。

　　也许大家会觉得没有人会刻意关闭动画显示，但既然不能排除这个因素，我们就需要从最广泛的层面去考虑访问者的情况。在网页的整体布局中，应避免在重要的文字或指示部位使用淡入淡出动画。在将动画放入网页中后，最好自己手动关闭动画播放检查是否存在问题。除了关闭动画播放以外，在页面显示时如果访问者按下ESC键也会中断动画播放，画面将停留在中断的那一刻。

　　如要同时照顾到禁止和允许播放动画的访问者，在两者之间取得平衡点，那么在动画的制作上就应该遵循一个原则，那就是主体部分不动，修饰部分作动画。如下图所示，文字本身不做动画，只是在文字的边缘制作了动画效果。这样即使静止动画播放或播放时中断，也不会影响观看者对内容的理解。

　　不过，只要保证能在任何时候准确地反映内容，避免文字的消失或过于剧烈的变形，主体文字也是可以动的。

图5

图6

　　本节课中所讲述的内容和制作动画的技术并不相关，不过在大家要将动画应用于网页中的时候，就要从大方面来考虑动画的制作及表现方法。单纯学习这些内容有些枯燥，大家留下印象就好，在以后的制作中会有应用到的时候。

　　这次的作业是将“悄然来去”那个动画制作出来。另外将下面两个派生的动画也制作出来。

图7

上一页  [1] [2]