多媒体课程设计详细文档+

目录

一、目的与要求 2

二、作品简介 2

三、 素材的收集与制作 10

四、设计步骤 11

4.1整体的流程图 11

4.2导入声音文件 12

4.3首页的设计 12

4.4密码输入和用户登录页面 13

4.5按钮交互相应设计 16

4.6退出功能的设计（点击退出） 17

4.7江大简介页面的设计 18

4.8走进江大页面设计 20

4.9现任领导页面 21

4.10江大学子风采页面之军运 22

4.11江大学子风采感动江大人物 23

4.12江大美景页面设计 24

五、心得体会 26

 

 

一、目的与要求

考核目的

运用所学的多媒体集成理论知识和制作技术，采用Authorware或HTML+CSS+JS作为主程序开发工具，结合Photoshop、Flash、Premiere等素材处理工具，完成一个具有交互性的多媒体应用程序或网页。

考核要求

1）采用Authorware或HTML+CSS+JS作为主设计工具。

2）围绕展现学校风采的主题，收集并制作相关文字、图片和视频资料。

3）交付的多媒体程序或网页中应包含文字、图像、声音、动画或视频。

4) Authorware程序中应包含两种或以上的交互方式，网页中应包含不少于两处使用JavaScript实现的交互效果。

5）配套的设计说明文档应详尽的描述程序或网页的制作流程，包括素材的采集与制作、交互效果的实现等。

二、作品简介

设计题目

学校风采展现

主题：美丽的江大，主要介绍江汉大学的学校信息，校园风景，校园文化（军运会的筹备，感动江大人物），现任领导等

总体设计功能模块图

 

开发工具：Authorware,Photoshop（图片处理）,audacidy（音频处理）视频剪辑软件

主要技术

多媒体程序应用的技术：

显示图标的应用和设置，

文本和图标，等待图标，擦除图标的应用和设置，

加载声音、视频，动画的使用，移动图标的使用

各类交互类型的应用（时间限制，文本输入、重试限制、热区域、按钮等）

框架图标和导航图标的配合使用（相册）

部分页面展示

• 素材的收集与制作

素材选取与加工
文字信息，参考江汉大学官网，确保信息的准确性。内容要简洁、突出重点文字内容应尽量简明扼要，以提纲式为主。文字排版搭配根据部分见过的PPT网页等。

声音的选取：声音贴合主题，选择《这是我美丽的江大》，audacidy（音频处理）选取部分

图片选取，部分来自互联网部分来自手机拍摄，其中江大生活出现的图片通过Photoshop（图片处理）,部分图片通过本机自带图片管理进行修改裁剪

视频处理，为了避免作业文件过大，通过视频剪辑软件剪辑部分插入

四、设计步骤

4.1整体的流程图

根据总体设计的思路，我开始了程序的设计。本次设计的是江汉大学风采展览，选取材料都是江大的，其次是要界面友好、简单，易于用户的操作

4.2导入声音文件

（1）  将声音图标拖拽到主窗口的流程线上，并将其命名为“背景音乐”。到 属性 窗口中，单击 导入 ， 选择已有的声音文件路径，并选择到新的窗口中，单击 导入 即可。如下图

 

具体文档和文件见

https://download.csdn.net/download/sereasuesue/12465378