多媒体产品课程设计.docx

多媒体产品课程设计.docx

《多媒体产品课程设计.docx》由会员分享，可在线阅读，更多相关《多媒体产品课程设计.docx（14页珍藏版）》请在冰豆网上搜索。

多媒体产品课程设计

课程设计报告

（理工类）

课程名称：

多媒体产品课程设计专业班级：

07计算机科学与技术（特）

学生学号：

0705120222学生姓名：

蒋晨

所属院部：

信息技术学院指导教师：

张漪

2010——2011学年第1学期

金陵科技学院教务处制

实验报告书写要求

实验报告原则上要求学生手写，要求书写工整。

若因课程特点需打印的，要遵照以下字体、字号、间距等的具体要求。

纸张一律采用A4的纸张。

实验报告书写说明

实验报告中一至四项内容为必填项，包括实验目的和要求；实验仪器和设备；实验内容与过程；实验结果与分析。

各院部可根据学科特点和实验具体要求增加项目。

填写注意事项

（1）细致观察，及时、准确、如实记录。

（2）准确说明，层次清晰。

（3）尽量采用专用术语来说明事物。

（4）外文、符号、公式要准确，应使用统一规定的名词和符号。

（5）应独立完成实验报告的书写，严禁抄袭、复印，一经发现，以零分论处。

实验报告批改说明

实验报告的批改要及时、认真、仔细，一律用红色笔批改。

实验报告的批改成绩采用百分制，具体评分标准由各院部自行制定。

实验报告装订要求

实验批改完毕后，任课老师将每门课程的每个实验项目的实验报告以自然班为单位、按学号升序排列，装订成册，并附上一份该门课程的实验大纲。

实验项目名称：

服装的设计与制作实验学时：

40

同组学生姓名：

实验地点：

实验日期：

2010.12.7实验成绩：

批改教师：

批改时间：

一、实验目的和要求

（一）多媒体作品分析与设计

考核要求：

根据给定素材（文字与图片），为建立一名为“服装”网站制定脚本内容的详细目录，并写下设计制作流程图。

网站主题：

服装介绍、产品展示等。

网站要求：

主题鲜明，色彩明快，结构清晰，具有服装展示、网上商店的功能。

十个以上有效连接页面，主页与其他页有明显区别（FLASH导航动画）。

建议显示大小：

1024*768，IE5.0以上

必须包含介绍栏目：

时尚服饰、时尚秀场、服装搭配、国际动态、服装论坛（在“时尚秀场”栏目中要求插入视频文件。

）

必须包含交互像：

服装论坛中包括联系我们、会员登记表及论坛功能。

（二）多媒体素材制作

考核要求：

（1）、能够使用PHOTOSHOP对提供的图片素材进行再编辑，以适合版面设计以及网站主题。

（2）、要求使用FLASH制作简短的网站开场的宣传动画。

（3）、运用所学知识，使用PREMIERE对其中的视频文件1、2、3、4进行剪辑，合成为如范例文件之特效，在片头，添加滚动字母《服装介绍》，并将音乐文件MIUSIC.WAV以淡如淡出的方式合成入此视频。

（三）多媒体素材合成

考核要求：

使用DREAMWAVER进行整个网站的连接与合成制作，要求包含十个以上有效连接页面，六个以上主连接。

交互内容：

1.用DREAMWAVER控制视频的播放，停、放、暂停。

2.包含FASHISH@的email连接。

3.设计会员登记表。

内容包括：

填空表单姓名，身份证号码最喜欢的服装

选择表单年龄，血型。

二、实验仪器和设备

以386以上奔腾计算机，装有PHOOSHOPCS、FLASH8、会声会影10、Dreamweaver8、IE6.0等软件以上。

三、实验过程

（一）、设计“服装”多媒体网站的流程

1、明确建立网站的目标和用户需求

2、总体设计方案主题鲜明

3、网站的版式设计

4、网站测试和改进

5、内容更新与沟通

（二）、利用PHOTOSHOP制作网页的步骤

1、新建画布

2、我们先来设计网页的顶部区域如下图1

图1

3、绘制导航条

4、填充页面左边部分

5、使用圆角矩形工具绘制长旗子

6、应用渐变工具和圆角矩形绘制7个按钮并修改

7、用矩形选框、自定义形状等工具绘制长旗子

8、回到右上边，导入素材，使用圆角矩形工具进行处理

9、按照同样的方法，绘制使之成为所示效果如下图2

图2

10、为展示学生作品，我们在中间绘制一个作品展示区如下图3

图3

11、我们在页面下方设计出版权信息模块如下图4

图4

12、在整体看一下我们的界面如下图5

图5

13、一切完毕，下面使用切片工具，将页面切割成相应小块，如下图6

图6

14、另存为WEB格式，为后面页面排版做好准备，按照同样的方法把“时尚服饰”“时尚秀场”、“服装搭配”、“服装论坛”制作完成了如下图7

图7

（三）、使用Dreamweaver8，建立站点“服装网站”

1、设计一个主页面结构图如下图8

图8

2、选择index.htm右击出现菜单中，选中“使用Dreamweaver8编辑”进行界面，如下图9

图9

3、打开index.htm后，在Dreamweaver插入导航条中的鼠标经过图像的长旗子的方法：

插入→图像对象→鼠标经过的图像，做好了导航条的长旗子“首页”，按照同样的方法把时尚服饰、时尚秀场、服装搭配、服装论坛制作好6个导航条的长旗子，如下图10

图10

4、插入flash特效增加网页亮点，以flash中的“淡入淡出”“悬浮式”的文字或图片效果增加“广告”时的凸出感和动态焦点感。

方法：

利用flash8把3个图片变大变小制作好，如下图11

图11

5、制作好了3个图片格式.swf保存在服装网站文件夹里，在Dreamweaver中，选中3个静态图片而删除了，然后在工具栏选中“插入”→“媒体”→“Flash”，选中图片格式.swf并确定，还有把2个图片按照同样方法一样做，最后保存在index.htm里，并按F12键出现浏览网页中的动态图片，特效如下图12

图12

6、在index灯亭下面的6个长旗子的导航条添加超链接的方法，选中“时尚服饰”，在其属性的链接的文本框中输入链接地址shishangfushi\shishangfushi.html就好了，导航条中的“时尚秀场”、“服装搭配”、“国际动态”、“服装论坛”按照同样方法去做，如下图13

图13

7、各个整体网页用同样的方法制作shishangfushi.html、shishangxiuchang.html、fuzhuangdapei.html、guojidongtai.html、fuzhuangluntan.html。

8、在“时尚秀场”栏目中要求插入视频文件的方法：

之前使用会声会影10把视频文件1、2、3、4进行剪辑，合成为如范例文件之特效，在片头，添加滚动字母《服装介绍》，并将音乐文件MIUSIC.WAV以淡如淡出的方式合成入此视频，生产好了服装介绍视频.avi，在Dreamweaver打开shishangxiuchang.html，在工具栏中点击“插入”→“插入多媒体”→“视频”选中服装介绍视频.avi并且保存好了，如下图14

图14

9、把全部网页单击菜单栏中“文件”→“保存”命令将制作的网页文件保存，按12键，可以在浏览器窗口中预览网页的效果，如下图15和图16

图15

图16

四、实验结果与分析

通过本次课程设计，做网页，在确定好网站的内容后，关键在于设计网站的风格和给网站布局。

网页是计算机技术和美学知识的结合，这不仅要求制作员要熟悉网页制作软件环境，而且还要有一定的美术功底。

做什么事件都要投入，只有投入进去了才可以发现美。

最后，这次课程设计让我学到了不少东西，也发现了不少东西，进一步掌握了教材及课堂上了解的知识，有发现了一些生疏的盲点。

对于网络，我还有很多东西要学，书本知识要理解，可外知识也得了解，如网页设计方面的知识，这次就没能作出具体的网页。

但这也是发现问题，关键是今后如何解决问题。