Flash动画设计与制作实例教程 教学课件 作者 王德永 樊继 第9章网站应用.pptVIP

9.2任务一-----制作菲凡摄影网页 9.2.1案例效果分析 界面采用粉红花瓣，提升了婚纱摄影企业文化整体的甜美风格，导航条实用简洁的栏目及实用的功能，极大方便客户了解企业的服务，咨询服务技术支持等。多张作品图片相互切换显示了菲凡摄影企业精湛的摄影技术和实力，如图所示。 9.3任务二------制作平职学院招生网站 9.3.1案例效果分析 网站整体的色调为淡蓝色，衬托校园高远的天空和海洋般的透明深沉，搭配上鲜红色的按钮图标，使页面更加醒目。网页通过图片和文字的结合对学院简介、招生简报、专业介绍和招生计划进行了展示，如图所示。 9.4实训项目-------制作平高电气销售网站  1、制作动画的目的与主题 该网页动画制作的目的是对平高电气公司进行简单的介绍和宣传，通过浏览网页动画，使人对平高电气公司有更多的认识和了解。动画制作的主题是对平高电气公司基本情况、产品、客服承诺和联系方式的介绍。 9.4实训项目-------制作平高电气销售网站  9.5课外拓展---制作个人网站 第9章 网站应用 通过本章,你应该掌握: 影片剪辑控制 浏览器和网络 键盘控制 摄影公司网页、平高电器产品网页、平职学院招生网页制作 网站代表了一个企业的形象，越来越多的公司使用Flash技术制作动态网站。Flash与其他动画制作软件相比，最大的特点就是具有强大的交互性。要想制作出的网页美观，使用户还能够参与到动画中自由控制动画，就必须掌握使用动作脚本（ActionScript）向影片添加交互性动作功能。 9.1交互式动画的制作 9.1.1影片剪辑控制 在“动作”面板中，单击“动做工具箱”中的“全局函数”，在展开的项目中单击“影片剪辑控制”，就可以将影片剪辑控制函数显示出来，如图所示。通过调整影片剪辑的各种属性可以改变影片剪辑的位置和显示状态。 要使用ActionScript 脚本去控制影片剪辑，必须先为每一个放在舞台上的影片剪辑命名，这就叫做实例名称。 另外，在给影片剪辑实例命名时，通常可以加上后缀_mc，这样可以在写代码时，有代码提示，方便代码的编写，如boy_mc，circle_mc，point_mc等 。 9.1交互式动画的制作 1、影片剪辑元件的属性 （1）坐标：Flash场景中的每个对象都有它的坐标，坐标值以像素为单位。Flash场景的左上角为坐标原点，它的坐标位置为0,0，前一个表示水平坐标，后一个表示垂直坐标。Flash默认的场景大小为550×400像素，即场景右下角的坐标为（550、400）。场景中的每一点分别用x和y表示x坐标值属性和y坐标值属性。 （2）鼠标位置：利用影片剪辑元件的属性，不但可以获得坐标位置，还可以获得鼠标位置，即鼠标光标在影片中的坐标位置。表示鼠标光标的坐标属性的关键字是_xmouse和_ymouse，其中_xmouse代表光标的水平坐标位置，_ymouse代表光标的垂直坐标位置。 （3）旋转方向：_rotation属性代表影片剪辑的旋转方向，它是一个角度值，介于-180°~180°之间，可以是整数和浮点数，如果将它的值设置在这个范围之外，系统会自动将其转换为这个范围之间的值。 （4）可见性：_visible属性即可见性，使用布尔值，为true（1），或者为false（0）。为true表示影片剪辑可见，即显示影片剪辑；为false表示影片剪辑不可见，隐藏影片剪辑。 （5）透明度：_alpha（透明度）是区别于_visible的另一个属性，_alpha决定了影片剪辑的透明程度，它的范围在0~100之间，0代表完全透明，100表示不透明。 9.1交互式动画的制作 2、setProperty()和getProperty()函数 （1）setProperty()和getProperty()，设置属性命令和取得属性的命令。setProperty()命令用来设置MC的属性，使用形式为setProperty(目标，属性，值)。 命令中有三个参数： 目标：就是要控制（设置）属性的影片剪辑的实例名，包括影片剪辑的位置（路径）。 属性：即要控制的何种属性，例如透明度、可见性、放大比例等。 值：属性对应的值，包括数值、布尔值等。 （2）getProperty( )命令用来获取影片剪辑元件的属性，使用形式为getProperty(目标，属性)。 命令中有两个参数： 目标：被取属性的影片剪辑实例的名称。 属性：要取得的影片剪辑的属性。 3、绝对路径和相对路径 路径分为绝对路径和相对路径，它们的区别是到达目标对象的出发点不同。绝对路径是以当前主场景（即根时间轴）为出发点，以目标对象为结束点；而相对路径则是从发出指令的对象所在的