多媒体产品课程设计.docx
- 文档编号:11346969
- 上传时间:2023-02-28
- 格式:DOCX
- 页数:14
- 大小:3.39MB
多媒体产品课程设计.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
四、实验结果与分析
通过本次课程设计,做网页,在确定好网站的内容后,关键在于设计网站的风格和给网站布局。
网页是计算机技术和美学知识的结合,这不仅要求制作员要熟悉网页制作软件环境,而且还要有一定的美术功底。
做什么事件都要投入,只有投入进去了才可以发现美。
最后,这次课程设计让我学到了不少东西,也发现了不少东西,进一步掌握了教材及课堂上了解的知识,有发现了一些生疏的盲点。
对于网络,我还有很多东西要学,书本知识要理解,可外知识也得了解,如网页设计方面的知识,这次就没能作出具体的网页。
但这也是发现问题,关键是今后如何解决问题。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 多媒体 产品 课程设计