《清华大学网页设计培训教程Dreamweaver9章》由会员分享，可在线阅读，更多相关《清华大学网页设计培训教程Dreamweaver9章（65页珍藏版）》请在金锄头文库上搜索。
1、http:/ 9章章 创建网页动画创建网页动画 http:/ 9章章 创建网页动画创建网页动画n教学提示：教学提示：本章介绍本章介绍【时间轴时间轴】面板以及使面板以及使用时间轴的各种方法，让读者了解如何创用时间轴的各种方法，让读者了解如何创建时间轴动画、如何为时间轴添加行为、建时间轴动画、如何为时间轴添加行为、如何应用插件实现时间轴的特殊效果和创如何应用插件实现时间轴的特殊效果和创建各种不同的层动画效果。建各种不同的层动画效果。n教学目标：教学目标：通过本章内容的学习，读者可以通过本章内容的学习，读者可以掌握设计网页的动态效果的一般方法。掌握设计网页的动态效果的一般方法。 http:/ 9章章
2、 创建网页动画创建网页动画n9.1 9.1 网页动画利器网页动画利器时间轴时间轴 n9.2 9.2 将时间轴与行为结合起来将时间轴与行为结合起来n9.3 9.3 用插件实现层动画效果用插件实现层动画效果n9.4 9.4 精彩的网页过渡效果精彩的网页过渡效果n9.5 9.5 上上 机机 实实 战战 http:/ 9.1 网页动画利器网页动画利器时间轴时间轴 u9.1.1 9.1.1 【时间轴时间轴】面板面板u9.1.2 9.1.2 创建时间轴动画创建时间轴动画u9.1.3 9.1.3 修改时间轴动画修改时间轴动画http:/ 9.1 网页动画利器网页动画利器时间轴时间轴n时间轴也叫等时线，用于表
3、示网页存活时间中发生的各种状时间轴也叫等时线，用于表示网页存活时间中发生的各种状态。通过时间轴上不同部位放置的不同内容，就可以实现网态。通过时间轴上不同部位放置的不同内容，就可以实现网页元素的动态效果。利用时间轴构建动态网页最大的好处是，页元素的动态效果。利用时间轴构建动态网页最大的好处是，它是通过往文档中添加它是通过往文档中添加JavaScriptJavaScript代码来实现网页的动态效代码来实现网页的动态效果，不需要任何果，不需要任何ActiveXActiveX控件、任何插件和任何控件、任何插件和任何JavaJava小程序，小程序，具有极好的兼容性。具有极好的兼容性。n利用时间轴，可以创
4、建各种类型的动态效果，例如，可以改利用时间轴，可以创建各种类型的动态效果，例如，可以改变层的位置、大小、可见性、重叠顺序等。利用时间轴，还变层的位置、大小、可见性、重叠顺序等。利用时间轴，还可以实现在页面载入后进行其他类型的动作，例如可以改变可以实现在页面载入后进行其他类型的动作，例如可以改变图像源文件，在特定时间上执行相应的行为等。图像源文件，在特定时间上执行相应的行为等。http:/ 9.1.1 【时间轴时间轴】面板面板n时间轴主要是通过时间轴主要是通过【时间轴时间轴】面板构建的。用户可以选择面板构建的。用户可以选择【窗口窗口】| |【时间轴时间轴】命令，如图命令，如图9.19.1所示，或
5、按所示，或按Alt+F9Alt+F9组合键，即可以显示如图组合键，即可以显示如图9.29.2所示的所示的【时间轴时间轴】面板。面板。n从图从图9.29.2可以看出，可以看出，【时间轴时间轴】面板主要由时间轴下拉列表框、行为通道、动画面板主要由时间轴下拉列表框、行为通道、动画通道、动画条、控制按钮和控制选项等部分组成。通道、动画条、控制按钮和控制选项等部分组成。 n下面介绍下面介绍【时间轴时间轴】面板上的主要元素。面板上的主要元素。l【时间轴下拉列表框时间轴下拉列表框】主要用于控制哪条时间轴显示在主要用于控制哪条时间轴显示在【时间轴时间轴】面板上。在下面板上。在下拉列表中，可以选择不同的时间轴，
6、可以在拉列表中，可以选择不同的时间轴，可以在【时间轴时间轴】面板上显示不同的时间轴面板上显示不同的时间轴设置。设置。l在在【行为通道行为通道】上，将显示为时间轴上相应时间中所附加的行为，浅蓝色的方块上，将显示为时间轴上相应时间中所附加的行为，浅蓝色的方块表示存在行为。表示存在行为。l在在【帧数帧数】这一行中，显示时间轴上不同时间对应的动画帧。这一行中，显示时间轴上不同时间对应的动画帧。l【回放头回放头】是位于帧数行上的红色方块，它表明当前的动画放映的位置，通过在是位于帧数行上的红色方块，它表明当前的动画放映的位置，通过在【时间轴时间轴】面板上拖动回放头，可以在文档窗口中看到相应时间上动画放映的
7、状面板上拖动回放头，可以在文档窗口中看到相应时间上动画放映的状态。同时，当前回放头所在的帧位置会显示在态。同时，当前回放头所在的帧位置会显示在【时间轴时间轴】面板上方的前进箭头按面板上方的前进箭头按钮和后退箭头按钮之间的文本框中。钮和后退箭头按钮之间的文本框中。http:/ 9.1.1 【时间轴时间轴】面板面板l在在【时间轴时间轴】面板上有面板上有3333个个【动画通道动画通道】，分别从，分别从1 1排列至排列至3333，表示可以在同一时间进行，表示可以在同一时间进行3333路动画设置。一旦某个动画通道上存在动画，就会显示动画条。路动画设置。一旦某个动画通道上存在动画，就会显示动画条。l【动画
8、条动画条】表明某个对象在某段时间内的持续状态，动画条是真正的动画实体。其中一些表明某个对象在某段时间内的持续状态，动画条是真正的动画实体。其中一些空白圆圈表明关键帧。在一个动画通道上可以包含多个动画条，表示多个不同的对象。不空白圆圈表明关键帧。在一个动画通道上可以包含多个动画条，表示多个不同的对象。不同的动画条在同一帧内不能控制相同的对象。同的动画条在同一帧内不能控制相同的对象。l【关键帧关键帧】就是由用户为对象所指定的在某一确定时刻就是由用户为对象所指定的在某一确定时刻( (帧帧) )上的状态。上的状态。DreamweaverDreamweaver会自会自动根据两个关键帧的位置计算对象在其间
9、的动作。例如，要使对象直线运动，只需要定义动根据两个关键帧的位置计算对象在其间的动作。例如，要使对象直线运动，只需要定义开始和结束的位置，这两个位置就是关键帧，开始和结束的位置，这两个位置就是关键帧，DreamweaverDreamweaver会根据直线的开始和结束位置会根据直线的开始和结束位置自动计算中间状态。在动画条上，关键帧以一个圆圈的形式表示。自动计算中间状态。在动画条上，关键帧以一个圆圈的形式表示。l单击单击【返回返回】按钮，可以使回放头返回到动画的开始位置。按钮，可以使回放头返回到动画的开始位置。l单击单击【后退后退】按钮，可以将动画后退一帧，连续单击后退按钮，可以向后播放按钮，可
10、以将动画后退一帧，连续单击后退按钮，可以向后播放 动画。动画。l单击单击【播放播放】按钮，可以将动画播放一帧，连续单击播放按钮，可以播放动画。按钮，可以将动画播放一帧，连续单击播放按钮，可以播放动画。l在在Fps(Fps(每秒帧数每秒帧数) )文本框中，可以设置动画播放的速度。用户可以直接输入每秒帧数的值。文本框中，可以设置动画播放的速度。用户可以直接输入每秒帧数的值。l选中选中【自动播放自动播放】复选框，则当网页被载入后自动播放动画。如果取消选中该复选框，则复选框，则当网页被载入后自动播放动画。如果取消选中该复选框，则网页载入之后，动画并不播放，用户可以利用为对象附加行为的方法，提供播放动画
11、的命网页载入之后，动画并不播放，用户可以利用为对象附加行为的方法，提供播放动画的命令。令。l选中选中【循环循环】复选框，则动画播放完毕后会自动重新播放，即动画将不断地循环播放，直复选框，则动画播放完毕后会自动重新播放，即动画将不断地循环播放，直至用户离开页面。取消选中该复选框，则动画只播放一次。至用户离开页面。取消选中该复选框，则动画只播放一次。http:/ 9.1.1 【时间轴时间轴】面板面板图9.1 打开【时间轴】面板http:/ 9.1.1 【时间轴时间轴】面板面板http:/ 9.1.2 创建时间轴动画创建时间轴动画n要创建时间轴动画，简而言之，就是往动画通道上添加对象，构建动画条，然
12、后要创建时间轴动画，简而言之，就是往动画通道上添加对象，构建动画条，然后构建动画条上的关键帧，并从文档窗口中设置对象在关键帧上的位置，从而完成构建动画条上的关键帧，并从文档窗口中设置对象在关键帧上的位置，从而完成动画的创作。动画的创作。n1. 创建基本动画n利用时间轴，用户可以在网页上创建层的动画效果。利用时间轴，用户可以在网页上创建层的动画效果。n要利用时间轴构建层的基本动画，其具体操作如下。要利用时间轴构建层的基本动画，其具体操作如下。n(1)(1)将层移动到动画的起始位置，该操作实际上就是指定起始的关键帧。选中将层移动到动画的起始位置，该操作实际上就是指定起始的关键帧。选中要制作动画的层
13、。要制作动画的层。n(2)(2)选择选择【修改修改】| |【时间轴时间轴】| |【增加对象到时间轴增加对象到时间轴】命令，即可在动画通道命令，即可在动画通道中添加一个对应该层的动画条。也可以直接将层拖动到中添加一个对应该层的动画条。也可以直接将层拖动到【时间轴时间轴】面板上的相应面板上的相应位置来创建动画条。从动画条上，可以看到层名称。位置来创建动画条。从动画条上，可以看到层名称。n(3)(3)拖动动画条上最右端的关键帧标记，可以改变动画条的长度，也即改变动拖动动画条上最右端的关键帧标记，可以改变动画条的长度，也即改变动画的播放时间。单击动画条最右端的关键帧标记，然后按住并拖动层面左上角的画的
14、播放时间。单击动画条最右端的关键帧标记，然后按住并拖动层面左上角的“# #”手柄，将层面拖动到一个合适的位置，如图手柄，将层面拖动到一个合适的位置，如图9.39.3所示。这时在页面中自动生所示。这时在页面中自动生成一条从起点到终点的直线，并显示在页面中，它表示这个层面的运动轨迹。这成一条从起点到终点的直线，并显示在页面中，它表示这个层面的运动轨迹。这实际上也创建了动画结束位置的关键帧。实际上也创建了动画结束位置的关键帧。http:/ 9.1.2 创建时间轴动画创建时间轴动画图9.3 为层拉出一条直线的轨迹http:/ 9.1.2 创建时间轴动画创建时间轴动画n(4)(4)单击单击【播放播放】按
15、钮可以在文档窗口中预览动画效果。根据需要，选中或取按钮可以在文档窗口中预览动画效果。根据需要，选中或取消相应的消相应的【自动播放自动播放】和和【循环循环】复选框。复选框。n单纯的直线式动画显得比较枯燥，在单纯的直线式动画显得比较枯燥，在Dreamweaver Dreamweaver 中还可以产生贝塞尔曲线的运中还可以产生贝塞尔曲线的运动轨迹，这需要在动轨迹，这需要在【时间轴时间轴】面板中添加新的关键帧，关键帧是面板中添加新的关键帧，关键帧是【时间轴时间轴】面板面板上的控制单元，在添加一个对象时，系统自动为对象设置了头和尾两个关键帧，上的控制单元，在添加一个对象时，系统自动为对象设置了头和尾两个
16、关键帧，通过改变关键帧可以改变动画的形态。通过改变关键帧可以改变动画的形态。n要利用时间轴产生层的贝塞尔曲线的运动轨迹，其具体操作如下。要利用时间轴产生层的贝塞尔曲线的运动轨迹，其具体操作如下。n(1)(1)单击需要在动画条的中间位置添加关键帧的帧。单击需要在动画条的中间位置添加关键帧的帧。n(2)(2)在动画条上的相应帧位置右击，在如图在动画条上的相应帧位置右击，在如图9.49.4所示的快捷菜单中选择所示的快捷菜单中选择【增加关增加关键帧键帧】命令；也可以选择命令；也可以选择【修改修改】| |【时间轴时间轴】| |【增加关键帧增加关键帧】命令来添加关键命令来添加关键帧。帧。n(3)(3)选中
17、关键帧标记，然后从文档窗口中拖动层，并将它移动到该帧对应的位选中关键帧标记，然后从文档窗口中拖动层，并将它移动到该帧对应的位置上。这时原来的直线将变成一条圆滑的贝塞尔曲线，如图置上。这时原来的直线将变成一条圆滑的贝塞尔曲线，如图9.59.5所示。所示。n(4)(4)单击单击【播放播放】按钮可以在文档窗口中预览动画效果。可根据需要选中或取按钮可以在文档窗口中预览动画效果。可根据需要选中或取消相应的消相应的【自动播放自动播放】和和【循环循环】复选框。复选框。http:/ 9.1.2 创建时间轴动画创建时间轴动画图9.4 利用快捷菜单添加关键帧http:/ 9.1.2 创建时间轴动画创建时间轴动画图
18、9.5 为层产生贝塞尔曲线的运动轨迹http:/ 9.1.2 创建时间轴动画创建时间轴动画n2. 录制层路径n对于简单的直线路径，采用前面介绍的方法，可以很好地创建动画；然而如果动画路径较对于简单的直线路径，采用前面介绍的方法，可以很好地创建动画；然而如果动画路径较为复杂，如曲线或圆形，则无法通过先设置关键帧，再拖动层到指定位置的方法来创建动为复杂，如曲线或圆形，则无法通过先设置关键帧，再拖动层到指定位置的方法来创建动画。画。nDreamweaverDreamweaver提供了可记录路径的方法，允许用户直接在文档窗口中拖动层，而提供了可记录路径的方法，允许用户直接在文档窗口中拖动层，而Drea
19、mweaverDreamweaver在后台记录拖动层的路径，然后将它应用到时间轴上，利用这种方法，可以在后台记录拖动层的路径，然后将它应用到时间轴上，利用这种方法，可以很容易地创建各种移动方式的层动画。很容易地创建各种移动方式的层动画。n要使用要使用【录制层路径录制层路径】命令产生层复杂运动轨迹，具体操作如下。命令产生层复杂运动轨迹，具体操作如下。n(1)(1)在文档窗口中选择要创建层动画的层。将层移动到动画的起始位置。在文档窗口中选择要创建层动画的层。将层移动到动画的起始位置。n(2)(2)在动画条上的相应帧位置右击，在如图在动画条上的相应帧位置右击，在如图9.49.4所示的快捷菜单中选择所
20、示的快捷菜单中选择【录制层路径录制层路径】命命令。这时就可以开始录制层的移动路径。令。这时就可以开始录制层的移动路径。n(3)(3)在文档窗口中，按照需要的路径拖动层。在文档窗口中，按照需要的路径拖动层。n(4)(4)当希望动画停止时，可以释放鼠标，停止移动层。这时就会产生如图当希望动画停止时，可以释放鼠标，停止移动层。这时就会产生如图9.69.6所示的一个所示的一个复杂的运动轨迹。复杂的运动轨迹。n(5)(5)单击单击【播放播放】按钮可以在文档窗口中预览动画效果。可根据需要选中或取消相应的按钮可以在文档窗口中预览动画效果。可根据需要选中或取消相应的【自动播放自动播放】和和【循环循环】复选框。
21、复选框。n设计好动画之后，可以在设计好动画之后，可以在【时间轴时间轴】面板中对时间轴进行各种控制，从而实现对动画的编面板中对时间轴进行各种控制，从而实现对动画的编辑和修改。利用时间轴，不仅可以改变层的位置，还可以改变层的某些属性，如大小和可辑和修改。利用时间轴，不仅可以改变层的位置，还可以改变层的某些属性，如大小和可见性等。利用时间轴，还可以改变图像的源文件，实现某些特殊效果。见性等。利用时间轴，还可以改变图像的源文件，实现某些特殊效果。http:/ 9.1.2 创建时间轴动画创建时间轴动画图9.6 为层产生复杂的运动轨迹http:/ 9.1.2 创建时间轴动画创建时间轴动画n3. 设置动画的
22、可见性n为了设置层面的闪光效果，需要设置关键帧的可见性，这可以在为了设置层面的闪光效果，需要设置关键帧的可见性，这可以在【属性属性】面板中的面板中的【可见可见性性】中设置，有中设置，有3 3个选项：分别是个选项：分别是visible (visible (可见可见) )、hidden (hidden (隐藏隐藏) )和和inherit (inherit (继承继承) )。n要设置关键帧的可见性，具体操作如下。要设置关键帧的可见性，具体操作如下。n(1)(1)从从【时间轴时间轴】面板上，单击选中关键帧面板上，单击选中关键帧1 1，这时文档窗口中相应的对象也被选中。在，这时文档窗口中相应的对象也被选
23、中。在【属性属性】面板中设置这个关键帧层的面板中设置这个关键帧层的【可见性可见性】属性为属性为visible (visible (可见可见) )。n(2)(2)从从【时间轴时间轴】面板上，单击选中关键帧面板上，单击选中关键帧1515，这时文档窗口中相应的对象也被选中。，这时文档窗口中相应的对象也被选中。在在【属性属性】面板中设置这个关键帧层的面板中设置这个关键帧层的【可见性可见性】属性为属性为hidden (hidden (隐藏隐藏) )。n(3)(3)从从【时间轴时间轴】面板上，单击选中关键帧面板上，单击选中关键帧3030，这时文档窗口中相应的对象也被选中。，这时文档窗口中相应的对象也被选中
24、。在在【属性属性】面板中设置这个关键帧层的面板中设置这个关键帧层的【可见性可见性】属性为属性为visible (visible (可见可见) )。n(4)(4)从从【时间轴时间轴】面板上，单击选中关键帧面板上，单击选中关键帧4545，这时文档窗口中相应的对象也被选中。，这时文档窗口中相应的对象也被选中。在在【属性属性】面板中设置这个关键帧层的面板中设置这个关键帧层的【可见性可见性】属性为属性为inherit(inherit(继承继承) )，则这个关键帧，则这个关键帧层的可见性将继承关键帧层的可见性将继承关键帧3030的，也就是的，也就是visible (visible (可见可见) )。n设置
25、完毕，保存文档后在浏览器中预览效果。如图设置完毕，保存文档后在浏览器中预览效果。如图9.79.7所示为页面中的层在可见状态时的所示为页面中的层在可见状态时的示意图，而图示意图，而图9.89.8所示为层在隐藏状态时的示意图。所示为层在隐藏状态时的示意图。http:/ 9.1.2 创建时间轴动画创建时间轴动画图9.7 页面中的层可见 http:/ 9.1.2 创建时间轴动画创建时间轴动画图9.8 页面中的层隐藏http:/ 9.1.3 修改时间轴动画修改时间轴动画n1. 改变动画时间n要改变整个动画时间，其具体操作如下。要改变整个动画时间，其具体操作如下。n(1)(1)单击相应的动画条，可以选中一
26、个动画条。单击相应的动画条，可以选中一个动画条。n(2)(2)拖动动画条最右端的关键帧标记，将它左右拖动，如图拖动动画条最右端的关键帧标记，将它左右拖动，如图9.99.9所示，这时动画条长度会所示，这时动画条长度会发生变化，同时上面所有的关键帧标记也按照比例移动相应的位置。如果希望保持所有中发生变化，同时上面所有的关键帧标记也按照比例移动相应的位置。如果希望保持所有中间位置的关键帧不动，可以按住间位置的关键帧不动，可以按住CtrlCtrl键，再拖动结束帧标记。键，再拖动结束帧标记。n要改变动画局部的播放时间，即改变关键帧之间的动画播放速度，其具体操作如下。要改变动画局部的播放时间，即改变关键帧
27、之间的动画播放速度，其具体操作如下。n(1)(1)单击相应的动画条，可以选中一个动画条。单击相应的动画条，可以选中一个动画条。n(2)(2)在动画条上左右拖动相应的关键帧标记。在动画条上左右拖动相应的关键帧标记。n要改变动画起始时间，其具体操作如下。要改变动画起始时间，其具体操作如下。n(1)(1)单击相应的动画条，可以选中一个动画条。单击相应的动画条，可以选中一个动画条。n(2)(2)将动画条在动画通道上左右拖动。将动画条在动画通道上左右拖动。n2. 改变动画对象n要改变动画条对应的对象，其具体操作如下。要改变动画条对应的对象，其具体操作如下。n(1)(1)单击相应的动画条，可以选中一个动画
28、条。右击，在快捷菜单中选择单击相应的动画条，可以选中一个动画条。右击，在快捷菜单中选择【改变对象改变对象】命令，这时会打开如图命令，这时会打开如图9.109.10所示的对话框，提示用户选择新对象。所示的对话框，提示用户选择新对象。n(2)(2)选择新对象，单击选择新对象，单击【确定确定】按钮确定操作，即可改变动画条对应的对象。按钮确定操作，即可改变动画条对应的对象。http:/ 9.1.3 修改时间轴动画修改时间轴动画图9.9 改变动画的整个时间图9.10 【更改对象】对话框http:/ 9.2 将时间轴与行为结合起来将时间轴与行为结合起来u9.2.1 9.2.1 为时间轴附加行为为时间轴附加
29、行为u9.2.2 9.2.2 控制时间轴的行为控制时间轴的行为http:/ 9.2 将时间轴与行为结合起来将时间轴与行为结合起来n若要为时间轴中某一帧触发行为若要为时间轴中某一帧触发行为( (而不是让来访者的交互去触发行为而不是让来访者的交互去触发行为) )，则将行为放置在时间轴中即可。例如，用户可以在时间轴的第则将行为放置在时间轴中即可。例如，用户可以在时间轴的第1515帧处开帧处开始播放声音。始播放声音。 n在时间轴中只有一种事件可以触发动作：动画到达一个指定的帧编号时在时间轴中只有一种事件可以触发动作：动画到达一个指定的帧编号时( (如如onFrame7onFrame7事件事件) )。
30、n行为不只是影响时间轴中的对象，它可以影响页面上的任何对象。在浏行为不只是影响时间轴中的对象，它可以影响页面上的任何对象。在浏览器中预览时间轴以查看该行为如何工作。用户不能在览器中预览时间轴以查看该行为如何工作。用户不能在DreamweaverDreamweaver中预中预览该行为。览该行为。 http:/ 9.2.1 为时间轴附加行为为时间轴附加行为n利用利用【播放时间轴播放时间轴】和和【停止时间轴停止时间轴】动作，可以让用户通过单击链接或相应的动作，可以让用户通过单击链接或相应的按钮来开始和停止时间轴。这些动作也可以在用户鼠标经过链接、图像或其他对按钮来开始和停止时间轴。这些动作也可以在用
31、户鼠标经过链接、图像或其他对象时自动开始或停止。象时自动开始或停止。n要使用要使用【播放时间轴播放时间轴】和和【停止时间轴停止时间轴】动作，具体操作如下。动作，具体操作如下。n(1)(1)取消时间轴上的取消时间轴上的【自己播放自己播放】复选框，单击复选框，单击【时间轴时间轴】面板上行为通道中面板上行为通道中的帧。的帧。n(2)(2)如图如图9.119.11所示，选择所示，选择【窗口窗口】| |【行为行为】命令，打开命令，打开【行为行为】面板。单击面板。单击【行为行为】面板上的面板上的“+ +”按钮，并从如图按钮，并从如图9.129.12所示的动作菜单中选择所示的动作菜单中选择【播放时间轴播放时
32、间轴】命令，这时会打开如图命令，这时会打开如图9.139.13所示的对话框。所示的对话框。n(3)(3)从对话框中的从对话框中的【播放时间轴播放时间轴】下拉列表中选择需要播放的时间轴为下拉列表中选择需要播放的时间轴为“Timeline1Timeline1”。n(4)(4)单击单击【确定确定】按钮确定操作，查看默认事件是否是用户需要的事件。如果按钮确定操作，查看默认事件是否是用户需要的事件。如果该事件不是用户所需的，可以从弹出的事件菜单中选择事件为该事件不是用户所需的，可以从弹出的事件菜单中选择事件为“onclickonclick”。n(5)(5)单击单击【行为行为】面板上的面板上的“+ +”按
33、钮，并从如图按钮，并从如图9.129.12所示的动作菜单中选择所示的动作菜单中选择【停止时间轴停止时间轴】命令，这时会打开如图命令，这时会打开如图9.149.14所示的对话框。所示的对话框。http:/ 9.2.1 为时间轴附加行为为时间轴附加行为 图9.11 打开【行为】面板 图9.12 选择【播放时间轴】命令http:/ 9.2.1 为时间轴附加行为为时间轴附加行为图9.13 【播放时间轴】对话框图9.14 【停止时间轴】对话框http:/ 9.2.1 为时间轴附加行为为时间轴附加行为n(6)(6) 从对话框中的从对话框中的【停止时间轴停止时间轴】下拉列表中选择需要停止下拉列表中选择需要停
34、止的时间轴为的时间轴为“Timeline1Timeline1”。n(7)(7) 单击单击【确定确定】按钮确定操作，查看默认事件是否是用户按钮确定操作，查看默认事件是否是用户需要的事件。如果该事件不是用户所需的，可以从弹出的事需要的事件。如果该事件不是用户所需的，可以从弹出的事件菜单中选择事件为件菜单中选择事件为“OnDbclickOnDbclick”。n在对时间轴对象使用了在对时间轴对象使用了【播放时间轴播放时间轴】和和【停止时间轴停止时间轴】动动作后，保存文档，然后在浏览器中预览效果。图作后，保存文档，然后在浏览器中预览效果。图9.159.15所示为所示为单击层后动画开始沿着轨迹运动。如果再
35、次双击这个层将停单击层后动画开始沿着轨迹运动。如果再次双击这个层将停止时间轴的播放。止时间轴的播放。http:/ 9.2.1 为时间轴附加行为为时间轴附加行为图9.15 单击层播放时间轴动画http:/ 9.2.2 控制时间轴的行为控制时间轴的行为n利用利用【转到时间轴帧转到时间轴帧】动作，可以将使时间轴跳到某指定帧上。动作，可以将使时间轴跳到某指定帧上。【时间轴时间轴】面板中的面板中的【循循环环】复选框的作用就是在动画的最后一帧上添加复选框的作用就是在动画的最后一帧上添加【转到时间轴帧转到时间轴帧】动作，使其跳到第一帧动作，使其跳到第一帧并重新开始动画。并重新开始动画。n要使用要使用【转到时
36、间轴帧转到时间轴帧】动作，其具体操作如下。动作，其具体操作如下。n(1)(1)单击单击【时间轴时间轴】面板上行为通道中的第面板上行为通道中的第5050帧。帧。n(2)(2)选择选择【窗口窗口】| |【行为行为】命令，打开命令，打开【行为行为】面板。面板。n(3)(3)单击单击【行为行为】面板上的面板上的“+ +”按钮，并从如图按钮，并从如图9.129.12所示的动作菜单中选择所示的动作菜单中选择【转到时间转到时间轴帧轴帧】命令，这时会打开如图命令，这时会打开如图9.169.16所示的对话框。所示的对话框。n(4)(4)在在【时间轴时间轴】下拉列表中，可以选择需要添加行为的一条时间轴。然后在下拉
37、列表中，可以选择需要添加行为的一条时间轴。然后在【前往帧前往帧】文本框中，输入帧名为文本框中，输入帧名为“4040”。n(5)(5)如果希望如果希望【前往帧前往帧】和当前帧之间的时间轴部分产生循环，可以在和当前帧之间的时间轴部分产生循环，可以在【循环循环】文本框文本框中输入循环的次数为中输入循环的次数为“4 4”。n(6)(6)单击单击【确定确定】按钮确定操作，查看默认事件是否是用户需要的事件按钮确定操作，查看默认事件是否是用户需要的事件OnFrame10OnFrame10。n在对时间轴对象使用了在对时间轴对象使用了【转到时间轴帧转到时间轴帧】动作后，保存文档后在浏览器中预览效果如图动作后，保
38、存文档后在浏览器中预览效果如图9.179.17所示。当打开这个网页后，动画层在运动到第所示。当打开这个网页后，动画层在运动到第5050帧位置时，这时位置如图帧位置时，这时位置如图9.17(a)9.17(a)所所示，然后转到第示，然后转到第4040帧的位置，这时位置如图帧的位置，这时位置如图9.17(b)9.17(b)所示，并重复所示，并重复4 4次。次。http:/ 9.2.2 控制时间轴的行为控制时间轴的行为图9.16 【转到时间轴帧】对话框http:/ 9.2.2 控制时间轴的行为控制时间轴的行为 (a) (b)图9.17 控制时间轴的播放http:/ 9.3 用插件实现层动画效用插件实现
39、层动画效果果u9.3.1 9.3.1 让层漂浮在窗口的固定位置让层漂浮在窗口的固定位置u9.3.2 9.3.2 利用插件实现滑动的层利用插件实现滑动的层http:/ 9.3 用插件实现层动画效用插件实现层动画效果果n插件可以用于拓展插件可以用于拓展DreamweaverDreamweaver的功能。在的功能。在DreaweaverDreaweaver中可以利用各种插件实现层的动中可以利用各种插件实现层的动画效果。比如：让层按照特殊的路径运动、画效果。比如：让层按照特殊的路径运动、让层漂浮在窗口的固定位置、制作精美的滚让层漂浮在窗口的固定位置、制作精美的滚动看板、让层跟着鼠标运动、实现层的过渡动
40、看板、让层跟着鼠标运动、实现层的过渡效果等。这一节将介绍如何利用插件在效果等。这一节将介绍如何利用插件在DreaweaverDreaweaver中实现几种层的动画效果。中实现几种层的动画效果。http:/ 9.3.1 让层漂浮在窗口的固定位置让层漂浮在窗口的固定位置n在在DreamweaverDreamweaver中，可以使用中，可以使用Nirvana Floating Layer (Nirvana Floating Layer (漂浮在天堂的层漂浮在天堂的层) )插件方便地制作漂浮在窗口固定位置的层。在任何情况下，该层都保持插件方便地制作漂浮在窗口固定位置的层。在任何情况下，该层都保持在窗口
41、的固定位置。在窗口的固定位置。n要使用要使用Nirvana Floating LayerNirvana Floating Layer插件，其具体操作如下。插件，其具体操作如下。n(1)(1) 从网上下载从网上下载Nirvana Floating Layer.mxpNirvana Floating Layer.mxp文件，获得该插件。文件，获得该插件。n(2)(2) 启动插件管理器，并安装启动插件管理器，并安装Nirvana Floating Layer.mxpNirvana Floating Layer.mxp插件，如图插件，如图9.189.18所示为在插件管理器中安装好的所示为在插件管理器中
42、安装好的Nirvana Floating Layer.mxpNirvana Floating Layer.mxp插件。插件。n(3)(3) 此插件是一个命令插件，重新运行此插件是一个命令插件，重新运行Dreamweaver 8Dreamweaver 8，即可在，即可在【命令命令】菜单中看见菜单中看见Nirvana Floating LayerNirvana Floating Layer命令。如图命令。如图9.199.19所示，选择所示，选择【命命令令】| Nirvana Floating Layer| Nirvana Floating Layer命令。这时会出现如图命令。这时会出现如图9.20
43、9.20所示的对话所示的对话框。框。http:/ 9.3.1 让层漂浮在窗口的固定位置让层漂浮在窗口的固定位置图9.18 安装Nirvana Floating Layer.mxp插件http:/ 9.3.1 让层漂浮在窗口的固定位置让层漂浮在窗口的固定位置图9.19 选择Nirvana Floating Layer命令http:/ 9.3.1 让层漂浮在窗口的固定位置让层漂浮在窗口的固定位置图9.20 Persistent Scrolling Layer对话框http:/ 9.3.1 让层漂浮在窗口的固定位置让层漂浮在窗口的固定位置n(4)(4) 在在Top Position(Top Posi
44、tion(距离顶部位置距离顶部位置) )文本框中，输入需要层距离浏览器文本框中，输入需要层距离浏览器顶部占浏览器高度几分之一的分母数。比如，如果层位于距离浏览器顶顶部占浏览器高度几分之一的分母数。比如，如果层位于距离浏览器顶部部1/31/3处，则在文本框中输入处，则在文本框中输入“3 3”。n(5)(5) 单击单击Yes Please(Yes Please(请插入请插入) )按钮确定使用这个插件。按钮确定使用这个插件。n(6)(6) 在文档页面中拖动出现的层，确定层距离浏览器左边的位置。在层在文档页面中拖动出现的层，确定层距离浏览器左边的位置。在层中添加内容。比如插入一张图像或是输入一些广告性
45、的文本。中添加内容。比如插入一张图像或是输入一些广告性的文本。n在文档中添加了在文档中添加了Nirvana Floating LayerNirvana Floating Layer插件，并在该插件的插件，并在该插件的【属性属性】面板中设置好插件的属性后，用户可以在浏览器中预览固定于滚动条的面板中设置好插件的属性后，用户可以在浏览器中预览固定于滚动条的层的效果。层的效果。n在打开这个添加了在打开这个添加了Nirvana Floating LayerNirvana Floating Layer插件的网页时，用户可以观插件的网页时，用户可以观察到这个层很快就垂直漂浮到距离浏览器顶部察到这个层很快就垂
46、直漂浮到距离浏览器顶部1/31/3处的位置，如图处的位置，如图9.219.21所所示。示。n不论浏览者拖动窗口的滚动条，还是改变浏览器的窗口大小，该层都保不论浏览者拖动窗口的滚动条，还是改变浏览器的窗口大小，该层都保持在窗口的这个位置。图持在窗口的这个位置。图9.229.22所示为拖动滚动条后这个层的位置。所示为拖动滚动条后这个层的位置。http:/ 9.3.1 让层漂浮在窗口的固定位置让层漂浮在窗口的固定位置图9.21 打开页面时固定在滚动条的层 http:/ 9.3.1 让层漂浮在窗口的固定位置让层漂浮在窗口的固定位置图9.22 拖动滚动条后固定在滚动条的层http:/ 9.3.2 利用插
47、件实现滑动的层利用插件实现滑动的层n在在DreamweaverDreamweaver中可以使用中可以使用Slide Layer(Slide Layer(滑动层滑动层) )插件方便地实现层在网插件方便地实现层在网页页面中的滑动效果。它比利用时间轴制作的滑动层动画更方便、更有页页面中的滑动效果。它比利用时间轴制作的滑动层动画更方便、更有趣。趣。n要使用要使用Layer Slider(Layer Slider(滑动层滑动层) )插件，其具体操作如下。插件，其具体操作如下。n(1)(1) 从网上下载从网上下载flevSlideDiv231.MxpflevSlideDiv231.Mxp文件，获得该插件。
48、文件，获得该插件。n(2)(2) 启动插件管理器，并安装启动插件管理器，并安装flevSlideDiv231.MxpflevSlideDiv231.Mxp插件，图插件，图9.239.23所示所示为在插件管理器中安装好的为在插件管理器中安装好的flevSlideDiv231.MxpflevSlideDiv231.Mxp插件。插件。n(3)(3) 重新启动重新启动Dreamweaver 8Dreamweaver 8，在文档窗口中，选中要附加行为的对象。，在文档窗口中，选中要附加行为的对象。n(4)(4) 选择选择【窗口窗口】| |【行为行为】命令，打开命令，打开【行为行为】面板。单击面板。单击【行
49、为行为】面板中的面板中的“+ +”按钮，并从如图按钮，并从如图9.249.24所示的动作菜单中选择所示的动作菜单中选择Flev00ware | Flev00ware | Slide Layer (Slide Layer (滑动层滑动层) )命令。这时会出现如图命令。这时会出现如图9.259.25所示的对话框。所示的对话框。http:/ 9.3.2 利用插件实现滑动的层利用插件实现滑动的层图9.23 安装flevSlideDiv231.Mxp插件http:/ 9.3.2 利用插件实现滑动的层利用插件实现滑动的层图9.24 选择Layer Slider命令 图9.25 Slider Layer对话
50、框http:/ 9.3.2 利用插件实现滑动的层利用插件实现滑动的层n(5)(5) 在在Select layer (Select layer (层的名称层的名称) )下拉列表中，选择需要添加滑动效果下拉列表中，选择需要添加滑动效果的层为的层为Layer5Layer5。n(6)(6) 在在Left (Left (新的距离窗口左边位置新的距离窗口左边位置) )文本框中，输入层滑动终点距离文本框中，输入层滑动终点距离浏览器窗口左边位置的像素值为浏览器窗口左边位置的像素值为“400400”。在。在Top (Top (新的距离窗口顶部位新的距离窗口顶部位置置) )文本框中，输入层滑动终点距离浏览器窗口顶
51、部位置的像素值为文本框中，输入层滑动终点距离浏览器窗口顶部位置的像素值为“400400”。在。在Constant speed(Constant speed(固定速度固定速度) )选项组中输入选项组中输入3(Px)20(ms)3(Px)20(ms)，设，设置速度为置速度为3 3像素每像素每20ms20ms。n(7)(7) 单击单击【确定确定】按钮确定操作。在文档页面中拖动这个层，确定层滑按钮确定操作。在文档页面中拖动这个层，确定层滑动初始的位置。动初始的位置。n为层添加为层添加Layer Slider (Layer Slider (滑动层滑动层) )插件，并在插件的插件，并在插件的【属性属性】面
52、板中设置面板中设置好插件的属性后，用户可以在浏览器中预览这个滑动层的效果。好插件的属性后，用户可以在浏览器中预览这个滑动层的效果。n在打开这个添加了在打开这个添加了Slide LayerSlide Layer插件的页面时，单击图像后，用户可以观插件的页面时，单击图像后，用户可以观察到这个层慢慢地滑向浏览器的右下方，如图察到这个层慢慢地滑向浏览器的右下方，如图9.269.26所示。所示。http:/ 9.3.2 利用插件实现滑动的层利用插件实现滑动的层图9.26 滑动层效果http:/ 9.4 精彩的网页过渡效果精彩的网页过渡效果u9.4.1 9.4.1 使用插件实现网页过渡使用插件实现网页过渡
53、u9.4.2 9.4.2 插入元数据实现网页过渡插入元数据实现网页过渡http:/ 9.4 精彩的网页过渡效果精彩的网页过渡效果n网页过渡是指当进入、离开网站或网页时，网页过渡是指当进入、离开网站或网页时，页面具有不同的刷新方法。添加此效果可以页面具有不同的刷新方法。添加此效果可以使网页更具动感。在这一节中我们将利用插使网页更具动感。在这一节中我们将利用插件和插入元数据两种方法，来实现精彩的网件和插入元数据两种方法，来实现精彩的网页过渡效果。页过渡效果。http:/ 9.4.1 使用插件实现网页过渡使用插件实现网页过渡n在在DreamweaverDreamweaver中可以使用中可以使用Pag
54、e Transtions (Page Transtions (网页过渡网页过渡) )插件方便地实现插件方便地实现各种网页的过渡效果。比如：从页面四周收缩到一个点、从一个点扩展各种网页的过渡效果。比如：从页面四周收缩到一个点、从一个点扩展为整个页面、从上下收缩为一条横线、从一条横线上下扩展为整个页面、为整个页面、从上下收缩为一条横线、从一条横线上下扩展为整个页面、从左右收缩为一条竖线、从一条竖线左右扩展为整个页面、从上收缩为从左右收缩为一条竖线、从一条竖线左右扩展为整个页面、从上收缩为一条横线、从下收缩为一条横线、从左收缩为一条竖线和从右收缩为一一条横线、从下收缩为一条横线、从左收缩为一条竖线和
55、从右收缩为一条竖线等效果。条竖线等效果。n要使用要使用Page TranstionsPage Transtions插件，具体操作如下。插件，具体操作如下。n(1)(1) 从网上下载从网上下载Page Transtions.mxpPage Transtions.mxp文件，获得该插件。文件，获得该插件。n(2)(2) 启动插件管理器，并安装启动插件管理器，并安装Page Transtions.mxpPage Transtions.mxp插件，图插件，图9.279.27所示所示为在插件管理器中安装好的为在插件管理器中安装好的Page Transtions.mxpPage Transtions.mx
56、p插件。插件。n(3)(3) 此插件是一个命令插件，重新运行此插件是一个命令插件，重新运行Dreamweaver 8Dreamweaver 8，即可在，即可在【命令命令】菜单中看到菜单中看到Page TranstionsPage Transtions命令。选择命令。选择【命令命令】| Page Transtions| Page Transtions命令，如图命令，如图9.289.28所示，这时会出现如图所示，这时会出现如图9.299.29所示的对话框。所示的对话框。http:/ 9.4.1 使用插件实现网页过渡使用插件实现网页过渡图9.27 安装Page Transtions.mxp插件htt
57、p:/ 9.4.1 使用插件实现网页过渡使用插件实现网页过渡图9.28 选择Page Transtions命令 图9.29 设置Page Transitions对话框http:/ 9.4.1 使用插件实现网页过渡使用插件实现网页过渡n(4)(4) 选中选中Page Enter (Page Enter (网页页面进入网页页面进入) )复选框，并在其后的复选框，并在其后的下拉列表中选择载入页面时的过渡效果为下拉列表中选择载入页面时的过渡效果为Box In (Box In (方形收缩方形收缩) )。在后面的。在后面的forfor下拉列表中，选择页面载入过渡效果的时间下拉列表中，选择页面载入过渡效果的
58、时间为为“3 3”，单位为秒。，单位为秒。n(5)(5) 选中选中Page Exit(Page Exit(网页页面推出网页页面推出) )复选框，并选中复选框，并选中Same as Same as above (above (同上面一样同上面一样) )单选按钮。单选按钮。n为网页添加了为网页添加了Page Transtions (Page Transtions (网页过渡网页过渡) )插件，并在插件插件，并在插件的的【属性属性】面板中设置好插件的属性后，用户可以在浏览器面板中设置好插件的属性后，用户可以在浏览器中预览这个网页过渡的效果。可以按照下列步骤进行操作。中预览这个网页过渡的效果。可以按照
59、下列步骤进行操作。n在打开这个添加了在打开这个添加了Page Transtions (Page Transtions (网页过渡网页过渡) )插件的网页插件的网页后，用户可以观察到这个页面慢慢地过渡到另一个页面，如后，用户可以观察到这个页面慢慢地过渡到另一个页面，如图图9.309.30所示。所示。http:/ 9.4.1 使用插件实现网页过渡使用插件实现网页过渡图9.30 网页过渡效果http:/ 9.4.2 插入元数据实现网页过渡插入元数据实现网页过渡n在在DreaweaverDreaweaver同样可以利用菜单命令来设置网页的过渡模式。同样可以利用菜单命令来设置网页的过渡模式。n要使用要使
60、用Meta(Meta(元数据元数据) )命令实现网页过渡，其具体操作如下。命令实现网页过渡，其具体操作如下。n(1)(1)选择选择【修改修改】| |【页面属性页面属性】命令，如图命令，如图9.319.31所示，这时会出现如图所示，这时会出现如图9.329.32所所示的对话框。示的对话框。n(2)(2)利用利用【背景颜色背景颜色】颜色框为页面背景选择颜色。或者在颜色框为页面背景选择颜色。或者在【背景图像背景图像】文本文本框中，为页面背景选择背景图片。然后单击框中，为页面背景选择背景图片。然后单击【确定确定】按钮确定。按钮确定。n(3)(3)选择选择【查看查看】| |【文件头内容文件头内容】命令，
61、如图命令，如图9.339.33所示，显示文档窗口的头部。所示，显示文档窗口的头部。然后，选择然后，选择【插入插入】| HTML | HTML |【文件头标签文件头标签】| Meta (| Meta (元数据元数据) )命令，如图命令，如图9.349.34所示，这时会出现如图所示，这时会出现如图9.359.35所示的对话框。所示的对话框。n(4)(4)在在【属性属性】下拉列表中，选择下拉列表中，选择HTTP-equivalent (HTTPHTTP-equivalent (HTTP等价属性等价属性) )选项。在选项。在【值值】文本框中，输入文本框中，输入“Page-EnterPage-Enter
62、”( (网页页面进入网页页面进入) )，表示进入网页时有网页，表示进入网页时有网页过渡效果。过渡效果。n(5)(5)在在【内容内容】文本框中，输入文本框中，输入“RevealTrans (Duration=n,Transition=3)RevealTrans (Duration=n,Transition=3)” ，“DurationDuration”为为“n n”表示网页过渡效果的延续时间为表示网页过渡效果的延续时间为 n n 秒，秒，“TransitionTransition”表示过渡效果方式，值为表示过渡效果方式，值为“3 3”时表示圆形展开。时表示圆形展开。http:/ 9.4.2 插入
63、元数据实现网页过渡插入元数据实现网页过渡 图9.31 选择【页面属性】命令 图9.32 【页面属性】对话框http:/ 9.4.2 插入元数据实现网页过渡插入元数据实现网页过渡 图 9.33 选择【文件头内容】命令 图 9.34 插入Meta命令http:/ 9.4.2 插入元数据实现网页过渡插入元数据实现网页过渡图9.35 设置META对话框http:/ 9.4.2 插入元数据实现网页过渡插入元数据实现网页过渡n(6)(6)设置完毕后，单击设置完毕后，单击【确定确定】按钮确定插入元数按钮确定插入元数据。据。n为网页插入为网页插入Meta (Meta (元数据元数据) )后，用户可以在浏览器中
64、后，用户可以在浏览器中预览这个网页过渡的效果。当完成网页编辑存盘并预览这个网页过渡的效果。当完成网页编辑存盘并再次打开该网页时，网页以如图再次打开该网页时，网页以如图9.369.36所示的圆形展所示的圆形展开方式显示网页上的内容。在网页设计时，有开方式显示网页上的内容。在网页设计时，有2525种种网页过渡效果，用户可以尝试这些不同的网页过渡网页过渡效果，用户可以尝试这些不同的网页过渡效果。效果。http:/ 9.4.2 插入元数据实现网页过渡插入元数据实现网页过渡图9.36 网页过渡效果http:/ 9.5 上上 机机 实实 战战 n本节上机实战要求利用插件实现网页中层的过渡效果。本节上机实战
65、要求利用插件实现网页中层的过渡效果。n1. 实战目的n通过该实战训练让读者学会利用插件实现网页中层的过渡效果。通过该实战训练让读者学会利用插件实现网页中层的过渡效果。n2. 实战步骤n在在DreamweaverDreamweaver中可以使用中可以使用Layer transitions (Layer transitions (层过渡层过渡) )插件方便地实现层在网插件方便地实现层在网页页面中的滑动效果。页页面中的滑动效果。n要使用要使用Layer transitions (Layer transitions (层过渡层过渡) )插件，其具体操作如下。插件，其具体操作如下。n(1)(1)从网上下
66、载从网上下载layer_transitions.Mxplayer_transitions.Mxp文件，获得该插件。文件，获得该插件。n(2)(2)启动插件管理器，并安装启动插件管理器，并安装layer_transitions.Mxplayer_transitions.Mxp插件。插件。n(3)(3)重新启动重新启动Dreamweaver 8Dreamweaver 8，在文档窗口中，选中要附加行为的层。，在文档窗口中，选中要附加行为的层。n(4)(4)选择选择【窗口窗口】| |【行为行为】命令，打开命令，打开【行为行为】面板。单击面板。单击【行为行为】面板中的面板中的“+ +”按钮，并从如图按钮
67、，并从如图9.379.37所示的动作菜单中选择所示的动作菜单中选择Layer transitions(Layer transitions(层过渡层过渡) )命命令，这个命令有令，这个命令有1010个选项，分别代表个选项，分别代表1010种过渡效果，这里选择种过渡效果，这里选择Layer Box InLayer Box In。这。这时会出现如图时会出现如图9.389.38所示的对话框。所示的对话框。http:/ 习习 题题u1 1 单项选择题单项选择题 u2 2 多项选择题多项选择题 u3 3 判断题判断题 u4 4 问答题问答题http:/ 9.6 习习 题题_单项选择题单项选择题n(1)(1
68、) 下列选项中，关于时间轴与层关系的说法正确的是下列选项中，关于时间轴与层关系的说法正确的是 。nA A只能改变层的位置只能改变层的位置 B B只能改变层的大小只能改变层的大小nC C只能改变层的位置和可见度只能改变层的位置和可见度 nD D可以改变层的位置、大小和可见度可以改变层的位置、大小和可见度n(2)(2) 利用时间轴做动画效果，如果想要一个动作在页面载入利用时间轴做动画效果，如果想要一个动作在页面载入5s5s启动，并启动，并且是且是1515帧帧/s/s的效果，那么起始关键帧应该设置在时间链的的效果，那么起始关键帧应该设置在时间链的 。nA A第第1 1帧帧 B B第第4545帧帧nC
69、 C第第6060帧帧 D D第第5 5帧帧n(3)(3) DreamweaverDreamweaver打开帧面板的快捷操作是打开帧面板的快捷操作是 。nA AF11F11 B BShift +F2Shift +F2nC CCtrl+F11 Ctrl+F11 D DF4F4http:/ 9.6 习习 题题_多项多项选择题n(1) 每个时间链开始都是包括 两个关键帧。nA开始 B结束nC关键帧 D主帧n(2) 帧分为 两部分？nA帧头 B分帧文档nC帧尾 D帧n(3) 在时间轴属性检测器中设置 来改变一个动画的长度。nA选择起始关键帧并将它向右拖动到一个新的帧上nB选择结束关键帧并将它向左拖动到一
70、个新的帧上nC选择结束关键帧来覆盖附加帧 nD改变“Fps”中的帧速率http:/ 9.6 习习 题题_ _ 判断题判断题n(1)(1) 时间轴中只能改变层的大小。时间轴中只能改变层的大小。( )( )n(2)(2) 在时间轴上可以创建复杂轨迹的动画。在时间轴上可以创建复杂轨迹的动画。( )( )n(3)(3) 在在DreamweaverDreamweaver中只能创建一个时间轴。中只能创建一个时间轴。( )( )http:/ 9.6 习习 题题_问答题问答题n(1)(1) DreamweaverDreamweaver中的中的【时间轴时间轴】面板包括哪些部分？功能面板包括哪些部分？功能各是什么？各是什么？n(2)(2) 简述创建时间轴动画的步骤。简述创建时间轴动画的步骤。n(3)(3) 什么是网页过渡？什么是网页过渡？n(4)(4) 如何分别利用扩展插件和元数据实现动画的网页过渡？如何分别利用扩展插件和元数据实现动画的网页过渡？http:/ 以上有不当之处，请大家给与批评指正，谢以上有不当之处，请大家给与批评指正，谢谢大家！谢大家！
