多媒体网页设计与制作课程设计任务书.docx

多媒体网页设计与制作课程设计任务书.docx

《多媒体网页设计与制作课程设计任务书.docx》由会员分享，可在线阅读，更多相关《多媒体网页设计与制作课程设计任务书.docx（22页珍藏版）》请在冰豆网上搜索。

多媒体网页设计与制作课程设计任务书

枣庄学院

信息科学与工程学院

课程设计任务书

题目：

多媒体作品的设计与制作

学号：

201112220149

姓名：

朱久丽

专业：

计算机应用技术

课程：

多媒体技术与应用

任课教师：

袁伟

起止时间：

2012-11-30至2013-01-05

枣庄学院信息科学与工程学院制

2012年11月

课程设计任务书

本课程设计的具体任务和要完成的目标

1.具体任务：

通过对多媒体网页设计的具体操作掌握各个软件的具体应用，运用部分软件制作一份属于自己的网页作品，其中包括flash，PS，音频作品，视频作品，多媒体作品等，并运行成功。

2.完成目标:

在老师所给的时间内，完成一份属于自己的作品，并在网上运行成功，最后上交作品。

本课程设计所需的运行环境（软件、硬件等）

软件：

Windowsxpflashdreamweaverphotoshopauthorwarecooledit

硬件：

个人计算机

其他：

多媒体技术与应用课本、网页设计、部分网络图片、音乐作品

课程设计进度计划（时间、内容）

2012.11.30—2012.12.05详细了解课程设计的任务及要求

2012.12.06—2012.12.10对课程设计需要的素材进行整理归类

2012.12.11—2012.12.15在网络上搜集一些素材作为背景

2012.12.16—2012.12.20对课程设计内容进行详细设计

2012.12.21—2012.12.25利用软件编译作品

2012.12.26—2012.12.31调试作品改善不足

2013.01.01—2013.01.05对作品进行归纳整理，写出课程设计

评语：

成绩等次：

教师签字：

20年月日

目录

1．课程设计的目的意义、任务及要求

1.1课程设计目的意义…………………………………………………………………1

1.2课程设计任………………………………………………………………………1

1.3课程设计要求………………………………………………………………………1

2．作品需求分析……………………………………………………………………1

3．课程设计详细设计…………………………………………………………………1

3.1设计过程……………………………………………………………………………1

3.1.1建立网页………………………………………………………………………1

3.1.2主页的排版与制作……………………………………………………………1

3.1.3制作音频网页…………………………………………………………………3

3.1.4制作Flash网页………………………………………………………………3

3.1.5制作PS网页……………………………………………………………………4

3.1.6制作视频网页…………………………………………………………………4

3.1.7留言板、联系方式的制作……………………………………………………5

3.1.8音乐及背景图像的插入……………………………………………………6

3.2具体方法…………………………………………………………………………7

3.2.1设置超链接的方法…………………………………………………………7

3.2.2鼠标经过图像的显示………………………………………………………8

3.2.3Photoshop作品加菲猫制作流程…………………………………………9

3.2.4Authorware的使用…………………………………………………………10

3.2.5用CoolEdit制作音频文件流程……………………………………………11

4．作品心得与体会………………………………………………………………………….13

5．参考文献……………………………………………………………………….13

6．附表……………………………………………………………………………14

一、课程设计的目的意义、任务及要求

1.1、课程设计目的意义

对多媒体应用软件进一步了解与认识，学会具体应用，加强对多媒体技术的掌握及对Flash、Dreamweaver、Photoshop、Authorware、Cooledit等的操作能力，通过自己的努力，制作一份属于自己的网页作品。

1.2、课程设计任务及要求

通过自己的努力及对多媒体的认识，运用Flash、Dreamweaver、Photoshop、Authorware、Cooledit等软件制作一份属于自己的网页作品，其中包括绘画作品，动画作品，音频作品，视频作品，多媒体作品等，并运行成功。

此次课程设计必须自己动手制作一份自己的作品，不能抄袭。

在规定时间内必须完成作品，并上交作品及其打印的课程设计报告。

二、需求分析

自己动手制作一份属于自己的个人网页作品，其中需要穿插：

Flash作品、Photoshop作品、Authorware作品、Cooledit作品、多媒体作品等。

三、详细设计

3.1、设计过程

3.1,1、打开dreamweaver，新建五个html格式的文件，并分别保存为Untitled-1.html、Untitled-2.html、Untitled-3.html、Untitled-4.html、Untitled-5.html；如图所示

3.1.2、开始设计第一个网页，第一个网页作为主页，插入一个自己设计的logo，并输入首页、我的音频、我的flash、我的PS、我的视频、留言板、联系方式几个标题，在左边有我制作的Authorware作品，选中后，如下图所示，用超级链接的方式打开压缩包即可。

在首页这个网页里的最下边输入自己的信息，并且把上面的七个主题分别做成超链接。

3.1.3、在我的音频的网页里插入自己制作的音频作品，并且把七个网页设置成超链接。

3.1.4、在我的flash网页里面插入自己的flash作品，有滚动的小球以及逐帧动画

两个作品，并且把七个网页分别设置超链接。

3.1.5、在我的PS里面插入自己制作的PS作品，并在左侧建立一个超链接，与自己

PS作品的压缩包相链接，并且与其他七个网页设置超链接。

3.1.6、在我的视频作品里面插入自己录的视频，点击【插入】—>【媒体】—>【插件】，选择我要插入的视频文件即可，并且把七个网页分别设置成超链接。

3.1.7、在留言板里面运用超链接，并填写上自己空间留言板的网址，打开留言板即进入自己空间留言板。

联系方式运用电子邮件链接，与自己的邮箱地址相链接；

3.1.8、分别在没有声音的网页插入音乐，点击【插入】—>【媒体】—>【插件】,选择自己要插入的音乐即可；根据网页空白情况插入自己喜欢的文字，并在下边属性中设置成自己喜欢的背景图像。

3.2具体方法

3.2.1、设置超链接的方法：

选中要链接的字，点击网页下面的文件图标，选择链接的网页，完成。

3.2.2、鼠标经过图像的显示：

在dreamweaver里面，有一个图像是鼠标经过图像，选中两幅图片，点确定，即可完成。

3.2.3、Photoshop作品水边的加菲猫的制作流程：

（1）打开“快乐的加菲猫.jpg”和“湖水.jpg”两幅图像。

（2）切换到“快乐的加菲猫.jpg”，用魔术工具选择加菲猫图像，具体操作是单击加菲猫，然后按住【Shift】键重复单击，直到全部选中加菲猫，如果选中了多余的部分，按住【Alt】键单击将多余部分去掉，执行【编辑】、【拷贝】命令。

（3）切换到“湖水.jpg”，执行【编辑】、【粘贴】命令，将加菲猫图像粘贴到“湖水.jpg”。

此时，图层面板增加了一个新图层，名称为图层1，将其修改为“加菲猫”。

（4）确保当前图层为“加菲猫”图层，执行【编辑】、【变换】、【缩放】命令，将加菲猫图像缩小到合适大小，然后选择移动工具，此时会弹出变换确认对话框，单击【应用】按钮。

用移动工具将它移到湖边合适位置。

（5）在图层控制面板中右键单击“加菲猫”图层，在弹出的右键菜单中执行【复制图层】命令，复制一个新图层，命名为加菲猫2.

（6）确保当前图层为“加菲猫2”图层，执行【编辑】、【变换】、【垂直翻转】命令，然后使用移动工具移动翻转后的“加菲猫2”图层，使它处于原来加菲猫的映射位置。

（7）选择滤镜菜单，执行【滤镜】、【模糊】、【高斯模糊】命令，对“加菲猫2”图层进行高斯模糊，模糊半径为1.5px。

（8）执行【图层】、【合并可见图层】命令，将所有图层合并，然后执行【文件】、【存储为】命令将图像存储为“快乐的加菲猫.jpg”。

如下图所示：

3.2.4、Authorware的使用

（1）向设计窗口中依次拖入两个显示图标，将两个图标的名字分别修改为背景图和咏月。

（2）双击背景图显示图标，执行插入图像命令，弹出对话框，单击左下角导入按钮，然后回到对话框按钮，单击确定。

（3）此时演示窗口出现了一副图片，用鼠标拖拽图片可以修改图片位置，用鼠标拖拽图片周围的空心小方形，可以修改图片的大小。

（4）按住shift键，同时双击咏月的图标，激活该图标，在工具箱中选择文本工具，修改文字字体为隶书，大小为12，在工具箱中选择一个合适的颜色，然后输入苏轼的水调歌头、咏月。

（5）此时文字的背景色遮住了图片，用鼠标选中文字块，然后在工具箱中单击模式按钮，选择透明模式。

（6）用鼠标移动文字到合适位置。

（7）此时属性面板显示的是咏月显示图标的属性，在属性面板中单击特效后面的按钮，在弹出的对话框中，选择特效从上到下，周期设为五秒。

单击确定。

（8）执行调试、播放。

3.2.5、用CoolEdit制作音频文件流程

（1）打开CE进入多音轨界面右击音轨1空白处，插入我要录制内容的背景音乐雨的印记的mp3伴奏文件。

（2）选择将我的声音录在音轨2，按下“R”按钮。

（3）按下左下方的红色录音键，跟随伴奏音乐开始录制我要录得《给生命一个微笑》。

（4）录音完毕后，点左下方播音键进行试听一下，声音有点小，右击鼠标，单击调整模块音量，直到声音大小合适为止。

如图所示：

（5）双击音轨2进入波形編辑界面，将录制的我的声音文件保存为mp3pro格式。

（6）点“编辑--混缩到文件--全部波形”便可将伴奏和我录制的声音混缩合成在一起。

（7）点“文件--另存为”将混缩合成后的文件存为mp3pro格式。

四、心得体会

通过这次多媒体网页设计作品的制作，让我更深入的了解到各个软件的实际应用与操作过程，通过同学和老师的帮助完成了自己的作品，虽然不那么完美，但我依然挺有成就感，至少这是我的努力成果，在这次设计中，我学会了运用dreamweave、flash、cooledit等软件的使用，作品里有自己朗诵的声音，有自己头像的PS等等，让我感受到自己所学的多媒体是与生活息息相关的，有很大的应用价值，通过作品的制作，更加提高了我对多媒体课程的兴趣，对各个软件的好奇，提高了我的学习兴趣，以后，在学习的道路上，我将会更将努力，探索更多未知的奥秘，加油！

！

！

五、参考文献

[1]钟玉琢.多媒体技术与应用.人民邮电出版社,2011

[2]梁芳.网页设计与制作.清华大学出版社，2008

六、附表

1、logo截图：

2、首页文本截图以及插入歌曲截图;

1、鼠标经过图形截图：

2、我的音频截图：

3、Flash作品截图：

6、视频作品截图：

4、PS作品截图