第9章网站应用.pptxVIP

第9章 项目九——制作网站 在网络普及的现代社会，越来越多的企业或个人用户开始制作属于自己的动态网站。Animate 与其他可以制作网页的动画制作软件相比，具有更强大的交互性。要想使用 Animate制作出美观的网页，并使用户能够自由控制动画，首先就必须了解 ActionScript 的基础知识，以及如何向影片添加交互性动作。通过本章,你应该掌握:掌握影片剪辑控制脚本的使用方法；掌握网页元素控制脚本的使用方法；掌握键盘事件的使用方法；掌握摄影网页、学院招生网站、产品销售网站的制作方法。9.1交互式动画的制作 在 Animate CC 2019 中，可使用 ActionScript 3.0 或 JavaScript 为动画添加交互性，具体使用哪种取决于所使用的文档类型，Action Script 3.0 提供了相应的命令和组件，可以控制“影片剪辑”或“按钮”实现超链接，让网页中的动画对用户操作做出响应，这些指令可以播放声音、视频，也可以跳转到时间轴各个图层对应的帧，可以运用 ActionScript 3.0 脚本设计交互式导航及网页，使用组件可以建立类似注册类或网上考试类网页。ActionScript 3.0 脚本在“动作”面板中脚本窗口内进行编辑，如图 9-1 所示，在“动作”面板中，可以使用内置的“代码片段”工具简化脚本设计和编写，代码片段中集成了常见的各种事件和功能代码。选定对象，直接双击相应代码片段即可把代码添加到编辑框内，根据实际需要完善修改即可，其调入可以直接在“动作”面板中单击脚本选项中的快捷工具图标调入，也可通过在主菜单中执行“窗口”“代码片段”命令，在打开的对话框中调入，如图9.1.1影片剪辑控制 要使用ActionScript 脚本去控制影片剪辑，必须先为每一个放在舞台上的影片剪辑命名，这就叫做实例名称。 另外，在给影片剪辑实例命名时，通常可以加上后缀_mc，这样可以在写代码时，有代码提示，方便代码的编写，如boy_mc，circle_mc，point_mc等 。9.1交互式动画的制作 在 Animate CC 2019 中，可使用 ActionScript 3.0 或 JavaScript 为动画添加交互性，具体使用哪种取决于所使用的文档类型，Action Script 3.0 提供了相应的命令和组件，可以控制“影片剪辑”或“按钮”实现超链接，让网页中的动画对用户操作做出响应，这些指令可以播放声音、视频，也可以跳转到时间轴各个图层对应的帧，可以运用 ActionScript 3.0 脚本设计交互式导航及网页，使用组件可以建立类似注册类或网上考试类网页。ActionScript 3.0 脚本在“动作”面板中脚本窗口内进行编辑，如图 9-1 所示，在“动作”面板中，可以使用内置的“代码片段”工具简化脚本设计和编写，代码片段中集成了常见的各种事件和功能代码。选定对象，直接双击相应代码片段即可把代码添加到编辑框内，根据实际需要完善修改即可，其调入可以直接在“动作”面板中单击脚本选项中的快捷工具图标调入，也可通过在主菜单中执行“窗口”“代码片段”命令，在打开的对话框中调入，如图9.1交互式动画的制作9.1.1 影片剪辑控制脚本 要使用 ActionScript 3.0 控制影片剪辑，必须先命名放在“舞台”上的每个影片剪辑，即实例名称。另外，在给影片剪辑实例命名时，通常可以加上后缀_mc，如 boy_mc、circle_mc、point_mc等，这样可以在写代码时显示代码提示，方便代码的编写。1．影片剪辑元件的属性（1）坐标：Animate 场景中的每个对象都有它的坐标，坐标值以像素为单位。Animate 场景的左上角为坐标原点，它的坐标位置为(0,0)，前一个表示水平坐标，后一个表示垂直坐标。Animate默认的场景大小为 550 像素×400 像素，即场景右下角的坐标为(550,400)。场景中的每一点分别用X 和 Y 表示 x 坐标值和 y 坐标值。（2）鼠标指针位置：利用影片剪辑元件的属性，不但可以获得坐标位置，还可以获得鼠标指针位置，即鼠标指针在影片中的坐标位置。表示鼠标指针坐标属性的关键字是 mouseX 和 mouseY，其中 mouseX 代表指针的水平坐标位置，mouseY 代表指针的垂直坐标位置。（3）旋转方向：rotation 属性代表影片剪辑的旋转方向，它是一个角度值，范围为?180°～180°，可以是整数，也可以是浮点数。如果将它的值设置在这个范围之外，系统会自动将其转换为这个范围之间的值。9.1交互式动画的制作（4）可见性：visible 属性即可见性，使用布尔值 true（1）或者 false（0）表示。为 true 表示影片剪辑可见，即显示影片剪辑；为 false 表示影