《多媒体网页设计》课程教学大纲.docx
《《多媒体网页设计》课程教学大纲.docx》由会员分享，可在线阅读，更多相关《《多媒体网页设计》课程教学大纲.docx（15页珍藏版）》请在冰豆网上搜索。
《多媒体网页设计》课程教学大纲
〈多媒体网页设计》课程教学大纲
（ElementsofMultimediaWebDesign
一、课程说明
课程ID】课程修习类型】必修
学分数】3适用专业】文科类专业
开课学院】国际服务工程学院建议修读学期】第二学期
学时数】总64课时（理论32/实验32
先修课程】大学计算机基础
1.课程介绍：
多媒体网页设计》课程的设置是为了满足专业对多媒体信息处理和网站运用的实际需求。
多媒体技术适用于绝大部分文科类专业，着眼于培养学生将媒体技术直接运用至其本专业实际需求中的能力，如文学创作、音乐创作、舞美设计、体育运动教学、全民健身推广、赛事记录与传播、各类视觉设计等众多方向，以成就感来提高学习兴趣同时也将计算机专业知识更好地运用到其本专业实际需求中。
而网站开
发与制作作为一项综合性很强的技能，可以全面提升学生对信息处理的综合能力，在大量工作岗位中能体现其价值，适合基础较好的学生。
2.课程的主要内容及课时安排：
章次内容（宋体五号字总学时理论学时实验、实践学时
一网页编写基础理论844
二网站的规划与设计422
三数字图像、图形处理1266
四网页动画创作844
五结构化网页制作1688
六基于CSS的页面样式与布局控制1688
3.课程教学目的与要求：
〈多媒体网页设计》是一门面向文科类专业的计算机进阶型”技能课程,主要讲授适用于各个行业的最新的多媒体技术，以及如何设计规划网站、制作符合行业标准的多媒体网页。
这两类技能对于文科类学生来说尤为可贵，既能满足本专业在媒体类作品创作方面的需求（例如制作精美的展示图片，拍摄和编辑产品的演示视频，并配以画外音与字幕，然后创建主题网站，并将这些内容以网页的形式加以展示，
还能大大提升学生的就业竞争力，真正体现计算机作为一个工具在其他专业中的应用价值。
4.本门课程与其它课程关系及要求：
大学计算机基础》是本课的前导课程，无后续课程。
5.课程教学方法与手段：
课堂讲授和上机实验相结合。
利用多媒体的课堂教学，学生的集体讨论，并结合大量的实例与练习，加强实际动手能力。
6课程政策:
（对课堂纪律、到课、作业等要求
遵守学校课堂纪律政策，按时到课，及时完成教师布置的课内外作业，自觉进行课外实践训练。
7.推荐教材及参考文献：
[1]〈多媒体网页设计教程》，高等教育出版社，2014年1月。
8.学生成绩评定：
（学生学业成绩评定标准、原则、方法、要求
本课程为必修课。
本课程强调实际操作能力和创新能力，因此考核方式采用理论与实际操作相结合。
其中平时成绩（来自于平时的作业、实验练习及考勤等占50%,期末考试占50%。
9•实践教学内容安排：
•实验1（2课时:
利用记事本制作符合web标准的简易网页
•实验2（2课时:
图像处理技术之基础训练
•实验3（4课时:
图像处理技术之网站效果图绘制
•实验4（4课时:
简单网站动画制作
•实验5（8课时:
利用可视化工具搭建简单网站
•实验6（8课时:
基于CSS的页面样式和布局控制
10.课程网站：
http:
//jsj.hznu.edu.cn
二、教学内容和学时分配
周次主题内容学时数
1网页编写基础理论：
网页制作应具备的基础4学时
2网页编写基础理论：
利用记事本编写符合web标准的简单网页4学时
3网站的规划与设计：
主题、信息架构、页面布局、色彩设计、导航设计等4学时
4数字图像、图形处理:
PS基础操作，米老鼠的诞生”案例4学时
5数字图像、图形处理:
PS进阶操作，游侠相册”效果图案例4学时
6数字图像、图形处理:
PS进阶操作，游侠相册”切片与输出4学时
7网页动画创作：
Flash动画基础,矮人招工”案例4学时
8网页动画创作:
Flash动画制作,米图切换”案例4学时
9结构化网页制作:
DW基础操作,我的天空”网站案例4学时
10结构化网页制作：
网页内容的插入与编辑4学时
11结构化网页制作：
多媒体对象的插入与编辑4学时
第1次:
网页制作应具备的基础（上
1•教学要求
了解设计、编写网站所需要具备的各项软硬件基础和知识储备
2.主要内容
设计、编写网站的软硬件要求和知识储备；html基础。
3.教学方法
多媒体教学、小组讨论结合上机操作。
4•阅读材料
参考多媒体网页设计教程》第1章。
5.思考作业题
实验1
第2次:
网页制作应具备的基础（下
1.教学要求
利用记事本编写符合web标准的简单网页。
2.主要内容
利用记事本编写符合web标准的简单网页填充内容、内容结构化、CSS控制格式。
3.教学方法
多媒体教学、小组讨论结合上机操作。
4.阅读材料
参考多媒体网页设计教程》第1章。
5.思考作业题
实验1
第3次:
网站的规划与设计
1•教学要求
了解网站规划与设计的知识与技巧。
2.主要内容
网站主题确定、设定信息架构、设计页面布局、色彩设计、导航设计、文字编撰。
3.教学方法
多媒体教学、小组讨论结合上机操作。
4•阅读材料
参考多媒体网页设计教程》第2章。
5.思考作业题
暂无
第4次:
数字图像、图形处理（上
1.教学要求
了解Web图像处理的相关理论知识。
2.主要内容
Web图像处理的相关理论知识，PS基础操作，米老鼠的诞生”案例。
3.教学方法
多媒体教学、小组讨论结合上机操作。
4•阅读材料
参考多媒体网页设计教程》第3章。
5.思考作业题
实验2
第5次:
数字图像、图形处理（中
6.教学要求
了解利用Photoshop绘制网页效果图的理论知识和操作技巧。
1.主要内容
利用Photoshop绘制网页效果图的理论知识和操作技巧,游侠相册”效果图案例。
2.教学方法
多媒体教学、小组讨论结合上机操作。
3.阅读材料
参考多媒体网页设计教程》第3章。
4.思考作业题
实验3
第6次:
数字图像、图形处理（下
1.教学要求
了解利用Photoshop对网页效果图进行切片和输出的理论知识和操作技巧。
2.主要内容
游侠
利用Photoshop对网页效果图进行切片和输出的理论知识和操作技巧相册”效果图案例。
3.教学方法
多媒体教学、小组讨论结合上机操作。
4•阅读材料
参考多媒体网页设计教程》第3章。
5.思考作业题
实验4
第7次:
网页动画创作（上
1.教学要求
了解基于Flash的动画理论基础和操作技巧。
2.主要内容
Flash动画基础，矮人招工”案例。
3.教学方法
多媒体教学、小组讨论结合上机操作。
4.阅读材料
参考多媒体网页设计教程》第4章。
5.思考作业题
实验5
第8次:
网页动画创作（下
1•教学要求
了解基于Flash的动画理论基础和操作技巧。
2主要内容
lash动画基础,图片切换”案例。
3.教学方法
多媒体教学、小组讨论结合上机操作。
4.阅读材料
参考多媒体网页设计教程》第4章。
5.思考作业题
实验5
第9次:
结构化网页制作（1
1.教学要求
了解基于DW的设计、编写网页的理论与操作技巧
2主要内容
DW基础操作，我的天空”网站案例。
3.教学方法
多媒体教学、小组讨论结合上机操作。
4.阅读材料
参考多媒体网页设计教程》第5章。
5.思考作业题
实验6
第10次:
结构化网页制作（2
1.教学要求
了解基于DW的设计、编写网页的理论与操作技巧
2主要内容
网页内容的插入与编辑，游侠相册”案例。
3.教学方法
多媒体教学、小组讨论结合上机操作。
4.阅读材料
参考多媒体网页设计教程》第5章。
5.思考作业题
实验7
第11次:
结构化网页制作（3
1.教学要求
了解基于DW的设计、编写网页的理论与操作技巧
2主要内容
多媒体对象的插入与编辑，游侠相册”案例。
3.教学方法
多媒体教学、小组讨论结合上机操作。
4.阅读材料
•参考〈多媒体网页设计教程》第5章。
5.思考作业题
实验7
第12次:
结构化网页制作（4
1.教学要求
了解基于DW的设计、编写网页的理论与操作技巧
2主要内容
超链接编辑与网站发布，游侠相册”案例。
3.教学方法
多媒体教学、小组讨论结合上机操作。
4.阅读材料
•参考〈多媒体网页设计教程》第5章。
5.思考作业题
实验7
第13次:
基于CSS的页面样式与布局控制（1
1•教学要求
了解利用CSS对页面样式和布局进行控制的理论知识和编写技巧2主要内容
CSS基础。
3.教学方法
多媒体教学、小组讨论结合上机操作。
4.阅读材料
•参考〈多媒体网页设计教程》第6章。
5.思考作业题
实验8
第14次:
基于CSS的页面样式与布局控制（2
1.教学要求
了解利用CSS对页面样式和布局进行控制的理论知识和编写技巧
2主要内容
样式的编辑与应用。
3.教学方法
多媒体教学、小组讨论结合上机操作。
4.阅读材料
•参考〈多媒体网页设计教程》第6章。
5.思考作业题
实验8
第15次:
基于CSS的页面样式与布局控制（3
1.教学要求
了解利用CSS对页面样式和布局进行控制的理论知识和编写技巧
2主要内容
盒模型、浮动与定位。
3.教学方法
多媒体教学、小组讨论结合上机操作。
4.阅读材料
•参考〈多媒体网页设计教程》第6章。
5.思考作业题
实验8
第16次:
基于CSS的页面样式与布局控制（4
1.教学要求
了解利用CSS对页面样式和布局进行控制的理论知识和编写技巧
2主要内容
布局与排布。
3.教学方法
多媒体教学、小组讨论结合上机操作。
4•阅读材料
•参考〈多媒体网页设计教程》第6章。
5.思考作业题
实验8
（二、实验课（总32学时,周学时2,16周，每周做一次实验，每次2学时，共16次附件2实验课内容和学时分配
序号实验项目
名称
实验内容
学时
分配
实验
属性
实验
类型
每组
人数
实验
要求
已开
/未
开
1利用记事本制作
简易网页
利用记事本制作符合
web标准的简易网页：
单反小队”和公园里”案例。
2
技术
基础
基础
性
1必做已开
2图像处理技术之
基础训练
利用PS绘制米老
鼠的诞生”案例。
2
技术
基础
基础
性
1必做已开
3图像处理技术之
网站效果图绘制
利用PS绘制游侠相册”网页效果图案例。
4
技术
基础
基础
性
1必做已开
4简单网站动画制
作
利用FL绘制矮人招
聘”和图片轮换”案例。
4
技术
基础
基础
性
1必做已开
5利用可视化工具
搭建简单网站
利用DW搭建我的天空”简易网站案例。
8
技术
基础
综合
性
1必做已开
6
基于CSS的页面
样式和布局控制
利用DW,结合CSS
完成游侠相册”网
站案例的制作。
8
技术
基础
基础
性
1必做已开撰稿人：
诸彬审稿人:
学院主管领导：
学院盖章：
升级会员 