多媒体课件视频操作界面制作

教学内容 3 1 3 1 课前知识巩固 2 项目实施过程 3 项目具体设计 课程总结及作业 3 4

一、课前知识巩固

1 利用教学资源平台预习 利用XML如何组织视频资源 XML知识 动态形成树形目录 FLASH 组件知识 播放导入的图片或视频

2 XML文档-优点 XML只用元素和属性来描述数据，而不提供数据的显示方法。这样，XML就提供了一个优秀的方法来标记独立于平台和语言的内容。 内容管理 XML使用元素和属性来描述数据。在数据传送过程中，XML始终保留了诸如父/子关系这样的数据结构。 数据交换 XML 数据以纯文本格式进行存储，因此提供了一种独立于软件和硬件的数据存储方法。这让创建不同应用程序可以共享的数据变得更加容易。 数据共享

二、项目实施过程

1、 XML文档-编写 <node label="Tree"> <?xml version="1.0" encoding="UTF-8" ?> <node label="Tree"> <node label="项目一 文本素材的制作方法"> <node label="模块一 常用艺术字的用法"> <node label="任务一 使用word制作艺术字" url="movies/1-01.flv" type="movie" info="使用word制作艺术字"/> </node> <node label="模块二 使用cool 3D制作艺术字"> <node label="任务一 使用cool 3D制作立体文字" url="movies/1-03.flv" type="movie" info="使用cool 3D制作立体文字"/> <node label="任务二 使用cool 3D制作火焰文字" url="movies/1-04.flv" type="movie" info="使用cool 3D制作火焰文字"/> <node label="任务三 使用cool 3D制作多媒体课件文字" url="movies/1-05.flv" type="movie" info="任务三 使用cool 3D制作多媒体课件文字"/> <node label="任务四 使用cool 3D制作“跟我学多媒体技术”动画文字" url="movies/1-06.flv" type="movie" info="跟我学多媒体技术”动画文字"/> <node label="任务五 使用cool 3D制作“演示完毕”动画文字" url="movies/1-07.flv" type="movie" info="使用cool 3D制作“演示完毕”动画文字"/>

2 XML文档-乱码问题 -乱码问题 解决方案 方案1 方案2 - 把你的xml文档用记事本打开，然后选择另存为，文件名不要改，只在“编码”项里选择“UTF-8” -在flash第一帧加入System.useCodepage=true;

三、项目具体设计

具体设 1 利用教学资源平台预习 步骤1 步骤2 步骤4 步骤3 -1、 准备素材 - 2、界面设计 - 4、AS脚本设计 2、添加TREE组件、FLVPlayback组件

1 TREE组件 my_xml = new XML(); my_xml.ignoreWhite = true; my_xml.load(_url.substring(0,_url.lastIndexOf("/"))+"/data/课件.xml"); my_xml.onLoad=function() { myTree.dataProvider = my_xml.firstChild; } myTree.vScrollPolicy="auto";

2 FLVPlayback组件 function setMovie(url) { picture_mc._visible = false; moviePlayer._visible = false; moviePlayer.contentPath = _url.substring(0,_url.lastIndexOf("/"))+"/"+url; moviePlayer.addEventListener("ready", this); } function ready() { moviePlayer._visible = true; moviePlayer._x = 155+Math.ceil((640-moviePlayer.preferredWidth)/2); moviePlayer._y = 60+Math.ceil((480-moviePlayer._height)/2); function setPicture(url) { picture_mc._visible = true; picture_mc.loadMovie(_url.substring(0,_url.lastIndexOf("/"))+"/"+url);

四、课程总结及作业

1 2 3 4 1 课堂总结 1. 利用教学平台课前学习 - XML文档的编制 - 操作界面的制作视频学习 2. TREE组件如何调用XML - TREE组件导入XML文档的AS语言设计 2 3 3. FLVPlayback组件 - 外观及大小控制 - 位置控制 4 4. 制作中出现的问题 - 乱码问题 - 界面设计问题

2 作业 详见多媒体作品设计与制作教学平台 ：

Thank You!