互联网应用中级标准教程完整版ppt课件全套电子讲义整套教学教程(最新).ppt

8.4　任务四：时间动画 （9）单击【确定】按钮后，同理在31帧行为轨道上设置为如图8-54所示。 （10）选中时间查看器中的【自动播放】复选框，网页装载后会自动播放幻灯片。 （11）若想改变幻灯片的显示顺序，可以在层控制面板中选择层后，在编辑窗口中双击层上面的图像，会弹出一个对话框，如图8-57所示。 返 回 上一页 8.5　任务五：路径动画 1. 直线跑步的人 （1）新建一个空白页面，在其中插入一个层layer1，如图8-58所示。 （2）选择【插入】→【图像】命令，在里面插入一张喜欢的图像，如图8-59所示。 （3）单击层的边框，当鼠标指针变为，将层移至动画开始所处的位置，如图8-60所示。 （4）选择【窗口】→【时间】命令，在文档窗口下面打开时间轴检查器。 下一页 8.5　任务五：路径动画 （5）用鼠标选择层，这一步中尤其要注意的是：确定已经选中了所需元素。 （6）选择【修改】→【时间轴】→【添加对象到时间轴】命令，或直接把选定的对象拖入时间轴检查器中。 （7）当将层拖入到时间轴中后，在弹出的对话框中单击【确定】按钮。 （8）单击动画栏关键帧结束标记（注意播放头也跟着移动到该处）。 下一页 上一页 8.5　任务五：路径动画 2. 曲线飞翔的字 除了制作这种直线动画外，还可以制作出按照曲线轨迹移动的动画效果。 （1）单击时间轴面板，将帧位置调整到第一帧位置。 （2）拖动第二条动画条，使两个动画条前后对齐，如图8-65所示。 （3）分别单击第一帧和最后帧，改变第二层的位置，如图8-66所示。 下一页 上一页 8.5　任务五：路径动画 （4）单击选中时间轴第二通道的第5帧，单击鼠标右键，从弹出的菜单中选择增加关键帧，这样在第5帧处就增加了一个关键帧，如图8-67所示。 （5）在关键帧的地方可以调整层的位置，实际上等于在关键帧处为运动轨迹增加一个弯曲的点。 （6）按照同样的方法，继续添加关键帧，调整文字飞行的路径，最后的轨迹如图8-69所示。 （7）单击【保存】按钮后查看效果，可以看到动画运行得太快，必须增加动画的时间。 下一页 上一页 8.5　任务五：路径动画 3. 更为复杂的飞翔轨迹 （1）选中文字层所在的动画条，按键盘上的Delete键，这个层的动画条就被删除了，如图8-71所示。 （2）选中文字所在的层，重新定位好动画开始的位置。 （3）在页面中按照运动轨迹拖动层，可以看到一条灰色粗线跟在鼠标后面，如图8-73所示。 下一页 上一页 8.5　任务五：路径动画 （4）到运动结束处释放鼠标，查看时间轴，它自动添加了路径并为动画添加了关键帧，如图8-74所示。 （5）在页面中再添加一个层，在层中输入自我介绍。 （6）为页面设置背景色，改变文字的样式等，保存后浏览效果，如图8-76所示。 返 回 上一页 8.6　小结 在本章中，我们学习了层的基本操作，通过练习了解到层具有叠加性、可隐藏性。在制作页面的过程中我们感慨，层布局比表格更加具有随意性。正因为如此，我们才可以设置出表格不可能设置出的布局。 接着，利用层的叠加性，制作文字的阴影效果。就像是在画画一样，将文字和它的阴影文字写出来，再进行叠加，就得到阴影效果了。 下一页 8.6　小结 在动态下拉菜单中，利用了层的可隐藏性。与行为结合起来，让我们的网页更加具有新意。 幻灯片效果的制作也是利用了层的隐藏性和行为的控制，不过，在这里我们第一次接触到了时间轴的概念。通过时间轴，让3幅图像循环显示，得到了幻灯片效果。 在动画的练习中，我们将时间轴的使用发挥得淋漓尽致。我们不仅可以建立简单的直线动画，还可以制作出复杂的曲线动画。 返 回 上一页 图8-2 布局面板 2 返 回 图8-9 插入layer2并直接输入文字 返 回 图8-10 插入layer3 返 回 图8-11 插入layer4 返 回 图8-12 拖动嵌套层 返 回 图8-13 改变层的布局 返 回 图8-14 填充层的内容 返 回 图7-17 单选按钮属性查看器 返 回 图7-20 复选框属性查看器 返 回 图7-22 插入下拉菜单 返 回 图7-24 【列表值】对话框 返 回 图7-26 下拉菜单的属性查看器 返 回 图7-27 设置初始时显示内容 返 回 图7-28 创建月份和日期下拉菜单 返 回 图7-29 查看下拉菜单效果 返 回 图7-31 插入按钮 返 回 图7-32 按钮属性查看器 返 回 图7-35 选中整个表单 返 回 为了使得网页更加漂亮，还可以想其他的办法，比如表格中填充背景，设置按钮的图片等等，继续向前努力吧 图7-36 行为面板菜单 返 回 图7-37 检查表单 返 回