多媒体教学软件设计与开发实验报告_网络程序设计实验报告

多媒体教学软件设计与开发实验报告由刀豆文库小编整理，希望给你工作、学习、生活带来方便，猜你可能喜欢“网络程序设计实验报告”。

实验一 多媒体教学软件的图文演示设计

一、实验目的： 对多媒体教学软件进行图文演示设计，综合运用图形图像、影音处理软件及Flash CS4对多媒体教学软件的学习内容进行演示的设计与制作。

二、实验器材：多媒体计算机

三、学时分配： 8

四、实验地点：A301

五、实验内容： 实验主题：配乐诗朗诵 步骤：

1、建立课件场景

启动flash界面，选择新建flash文档，设置文档大小为500*400，背景色为“青色”，帧频为24fps

2、制作卷轴素材

（1）选择主菜单“文件”/“导入”/“导入到库”，从外部文件中导入准备好的画轴和画卷的图片素材。

（2）从“库”中拖入画卷图片，用“任意变形”工具调整其大小，放置在画幅中，形成画卷条幅效果，如图1所示

图1

图23、创建向一侧展开的卷轴动画

（1）回到场景，修改图层1为“画卷”层。在“库”中把画卷元件拖入到场景中心，用任意变形工具调整其大小，并在第800帧插入帧。

（2）在“画卷”层左方新增一图层“左画轴”层。在“库”中把“画轴”元件拖入场景作为左画轴，放置在画卷左边缘，并在“任意变形”工具调整其大小适合画卷。（3）在“左画轴”层上方新增一图层“右画轴”层。同（2）方法制作“右画轴”，放置在紧贴左画轴右边位置，如图2所示。

（4）在“左画轴”层上第800帧插入帧，在“右画轴”层上第50帧插入关键帧，按住Shift键用鼠标把右画轴移动到画卷右侧边缘并与画卷对齐。选择“画轴”层上1-50帧序列中的任意帧，右击鼠标，在弹出的快捷菜单中选择“创建传统补间”命令，为右画轴建立向右移动的补间动画，形成画轴展开，其效果如图3所示。

图3 图4（5）在“画卷”层上方新增一图层“遮罩”层。在该层选用工具箱中“矩形”工具，在“属性”对话框上设置笔触颜色为“无色”，填充颜色为任意一种颜色。在场景中用鼠标拖出与画卷一样大小的矩形，覆盖画卷，作为画卷的遮罩。（6）选择“遮罩”层第1帧，运用工具箱中的“任意变形”工具把矩形遮罩图形缩至左画轴下。选择该层第50帧，运用工具箱中的“任意变形”工具把矩形遮罩图形横向扩大到下画轴下，形成从左到右的遮罩扩大式变形。在此层1-50帧序列应用“创建补间形状”，使遮罩矩形建立变形动画。

（7）选择“遮罩”层，右击鼠标，在弹出的快捷键菜单中选择“遮罩层”命令，使矩形变成画卷的遮罩，实现遮罩层动画。由此打开画卷动画生成，画卷将同画轴移动而展开，其最终效果如图4所示。

4、添加按钮控制播放

在场景1时间轴上新建图层，命名为按钮，从主菜单“窗口-公共库”中选择合适的按钮，直接拖入场景，调整其大小，放在合适位置，如图5。

图5 图6

5、声音的加载（1）在主菜单中选择“文件”/“导入”/“导入到库”命令，打开“导入到库”对话框，在此对话框浏览选择需要导入的声音素材，单击“打开”按钮即可将声音素材导入当前Flash文档的“库”中。

（2）在场景的时间轴上新建一图层并命名为“音乐层”，选择该层为当前层。在第50帧插入关键帧

（3）打开“库”对话框，选择需加载的声音文件，直接拖入舞台中，实现声音素材的场景加载。

6、文本的加载

（1）新建图层，并重命名“字幕”，根据音乐，在第51帧，输入文本“如梦令 李清照”，第110帧处插入关键帧，在第51帧和第110帧之间创建传统补间，第111帧插入空白关键帧，第168帧处插入帧。

（2）新建图层，命名为“遮罩2”，在“画卷”层上方新增一图层“遮罩2”层。在该层选用工具箱中“矩形”工具，在“属性”对话框上设置笔触颜色为“无色”，填充颜色为任意一种颜色。在场景中用鼠标拖出与画卷一样大小的矩形，覆盖画卷，作为画卷的遮罩。

（3）选择“遮罩2”层第51帧，运用工具箱中的“任意变形”工具把矩形遮罩图形缩至文本旁。选择该层第110帧，运用工具箱中的“任意变形”工具把矩形遮罩图形横向扩大到完全遮住文本，形成从左到右的遮罩扩大式变形。在此层51-110帧序列应用“创建补间形状”，使遮罩矩形建立变形动画。（4）根据声音起始位置，采用同样方法完成后面所有文本内容的操作。

（5）选择“遮罩2”层，右击鼠标，在弹出的快捷键菜单中选择“遮罩层”命令，使矩形变成画卷的遮罩，实现遮罩层动画。由此打开画卷动画生成，画卷将同画轴移动而展开，其最终效果如图6所示。

7、测试影片并保存文件

（1）按Ctrl+Enter组合键测试影片动画（2）执行“文件|保存”命令保存作品

实验小结

在这次实验中，我不仅熟悉了图文创建环境，还学习到如何进行图形绘制与编辑，文本的创建与编辑，以及声音素材的添加。在具体的实验操作过程中，我也更好地理解了Flash中显示图标的设置意义。陆游说“纸上得来终觉浅，绝知此事要躬行。”看似简单的操作，当我真正做起来的时候，才发现需要注意的细节很多，稍有不慎就会出现错误。所以，这次的实验使我获益匪浅。

实验二 多媒体教学软件的交互功能设计

一、实验目的：对多媒体教学软件进行交互功能设计，主要运用Flash CS4平台和AS编程对多媒体教学软件的交互功能进行设计与开发。

二、实验器材：多媒体计算机

三、学时分配： 8

四、实验地点：A301

五、实验内容： 实验主题：心理测试 步骤：

1、创建新文档

启动flash界面，选择新建flash文档，设置文档大小为1024*768，背景色为“白色”，帧频为24fps

2、制作软件背景画面

将所找的位图素材导入到库，并拖放到“背景”图层，调整好大小，效果如图1

图1 图23、制作题目静态内容画面。

1）新建两个图层，并命名为“题目”和“脚本”。

2）单击“背景”图层，将该图层锁定，避免在以后的操作中移动该图层的内容。3）在“题目”图层的第1帧，单击“文本”工具按钮，编辑文本，效果如图2。

4、制作选择题选项按钮。1)选择“窗口|组件”命令，打开“组件”窗口，双击User Interface组件类，找出RadioButton，如图3所示，并分别拖放3个RadioButton按钮到舞台，分别对应A、B、C文字位置，并将其对齐，最终效果如图4

图3 图4 2)选择其中一个RadioButton组件，选择右边面板的“属性”选项卡，激活“组件检查器”面板，选择“参数”选项卡，将文本“A„„”对应的RadioButton组件的groupName属性设置为answer，删除label参数的值，同样对B、C选项做相同操作

5、制作选择后的反馈显示

单击“文本”图层，选择工具栏中的文本工具，设置属性为“动态文本”，将该文本的实例名称命名为“answer”，并对该文本框的字体设置相应的格式，效果如图5

图5 图66、利用ActionScript脚本语言设置问题选项点击动作行为

1）选择“脚本”图层的第一帧，并选择“窗口|动作”命令 2）在“动作-帧”面板中输入脚本代码，实现点击动作，如图67、添加背景音乐

将素材导入到库，直接拖入场景，在音乐结束位置，插入帧，其他图层也相应插入帧，如图7

图7 图88、测试影片并保存文件

（1）按Ctrl+Enter组合键测试影片动画，效果如图8（2）执行“文件|保存”命令保存作品

实验小结

这次实验是一次非常有趣的实验，我们通过搜索心理测试题，来做一个有交互性功能的Flash。该实验除了要求我们对图文创建和音乐背景添加的有一个更深入的学习，更重要的是对ActionScript脚本语言的学习。没有脚本语言的flash不能算一个真正的flash，而脚本语言的学习又有一定复杂性，所以我们应该花更多时间来学习脚本语言，真正学好Flash。

当前，很多产品都讲究交互设计这一功能，这种交互性给用户带来更多快捷和方便，非常符合用户的体验需求，尤其在教学课件的制作上，这种交互性的Flash课件，明显比PPT有优势。Flash是交互式多媒体集成，既可以编制一个动画，也可以集合文本、图形、图像、音效、音乐等多种媒体，加上强大的交互式控制（包括按钮的多种动态变换、任意播放控制与跳转设置等等），完全可以用来独立编制多媒体课件，尤其是适合于编制积木式的小课件（演示、自学均可）。它对于学生的自主学习和思考，有很大的帮助。所以，对于Flash的脚本语言，我们更应该努力掌握好。