5flash的设计与制作-任务单

《5flash的设计与制作-任务单》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、任务单学习领域网站前台建设学习情境5－Flash的设计与制作学时18布置任务学习目标通过本情境的学习了解Flash的基础知识、学会Flash工具的使用，Flash可以WEB为页面添加各种绚丽的动态效果，并且为用户带来更好的体验和审美及动画设计能力。任务描述本情境安排了读资讯单、案例单、信息单等，并进行相关资料查找，完成过程记录相应表格填写；根据原型工作任务为样板，使用flash软件工具在酒店查询页面的静态页面加入动态效果两任务。通过任务能够了解、掌握、理解Flash的基础知识及Flash工具的使用等知识点。学时安排资讯1学时计划单2学时决策1学时实施10学时检查1学时

2、评价1学时提供资料本情境用到多媒体网络教室多媒体课件《网站前台建设》，哈尔滨工业大学出版社出版资讯单案例单信息单对学生的要求要求学生达到的标准：跟随教师的引导，积极思考，认真完成实训项目，能流畅完成项目任务。保质保量完成、正确操作、遵守规章制度、不迟到早退、不旷课，按时上交作业等资讯单学习领域网站前台建设学习情境5－Flash的设计与制作学时1资讯方法学生根据教师给出的资讯引导进行查询解答资讯问题区分矢量与位图？多媒体内容的交互性？下拉滚动菜单？动画按钮？自定义动画光标？Flash的主界面？“属性”面板？“库”面板？创建元件制作动画使用停止动作阻止时间轴循环添加媒体元

3、素？应用特殊效果？使用ActionScript控制行为？测试并发布应用程序？资讯引导操作过程中做好知识整理，记录重难点，带着问题学习，学习过程中解决如上问题。信息单学习领域网站前台建设学习情境5－Flash的设计与制作学时1序号信息内容1.1Flash的基础知识1.计划应用程序。确定应用程序要执行哪些基本任务。2.添加媒体元素。创建并导入媒体元素，如图像、视频、声音和文本等。3.排列元素。在舞台上和时间轴中排列这些媒体元素，以定义它们在应用程序中显示的时间和显示方式。4.应用特殊效果。根据需要应用图形滤镜（如模糊、发光和斜角）、混合和其它特殊效果。5.使用Action

4、Script控制行为。编写ActionScript®代码以控制媒体元素的行为方式，包括这些元素对用户交互的响应方式。6.测试并发布应用程序。进行测试以验证应用程序是否按预期工作，查找并修复所遇到的错误。在整个创建过程中应不断测试应用程序。将FLA文件发布为可在网页中显示并可使用Flash®Player播放的SWF文件。1.2Flash软件的使用1.Flash的工作主界面2.创建文档3导入图像3.创建元件1.制作动画现在文档中已有图稿，我们可以为它制作动画，使它在舞台上移动：在时间轴上点击第10帧，选中后右键，然后选择“插入关键帧”，并移动飞机图形到舞台中。2.使用停止

5、动作阻止时间轴循环3.发布文件完成FLA文件后即可发布它，以便通过浏览器查看它。发布文件时，FlashProfessional会将它压缩为SWF文件格式。这是放入网页中的格式。“发布”命令可以为您自动生成一个包含正确标签的HTML文件。8.酒店外貌展示Flash的制作打开Flash软件，新创建一个200*210像素的ActionScript3.0文档。9.将Flash插入页面中1.3ActionScript脚本编辑器//设置变量varautoStart:Boolean=false;varsecondsDelay:Number=2;//事件处理playPauseTogg

6、le_mc.addEventListener(MouseEvent.CLICK,fl_togglePlayPause);//设置当中间的“playPauseToggle_mc”元件被点击时，将会执行函数fl_togglePlayPause;functionfl_togglePlayPause(evt:MouseEvent):void{if(playPauseToggle_mc.currentLabel=="play"){fl_startSlideShow();playPauseToggle_mc.gotoAndStop("pause");}elseif(playPau

7、seToggle_mc.currentLabel=="pause"){fl_pauseSlideShow();playPauseToggle_mc.gotoAndStop("play");}}next_btn.addEventListener(MouseEvent.CLICK,fl_nextButtonClick);//设置当右边的“next_btn”元件被点击时，将会执行函数fl_nextButtonClick;prev_btn.addEventListener(MouseEvent.CLICK,fl_prevButtonClick);//设置当左