《多媒体网页设计》课程教学大纲

1、多媒体网页设计课程教学大纲(Elements of Multimedia Web Design一、课程说明【课程ID】【课程修习类型】必修【学分数】3 【适用专业】文科类专业【开课学院】国际服务工程学院【建议修读学期】第二学期【学时数】总64课时(理论32/实验32【先修课程】大学计算机基础1.课程介绍:多媒体网页设计课程的设置是为了满足专业对多媒体信息处理和网站运用的实际需求。多媒体技术适用于绝大部分文科类专业,着眼于培养学生将媒体技术直接运用至其本专业实际需求中的能力,如文学创作、音乐创作、舞美设计、体育运动教学、全民健身推广、赛事记录与传播、各类视觉设计等众多方向,以成就感来提高学习兴趣

2、,同时也将计算机专业知识更好地运用到其本专业实际需求中。而网站开发与制作作为一项综合性很强的技能,可以全面提升学生对信息处理的综合能力,在大量工作岗位中能体现其价值,适合基础较好的学生。2.课程的主要内容及课时安排:章次内容(宋体五号字总学时理论学时实验、实践学时一网页编写基础理论8 4 4二网站的规划与设计 4 2 2三数字图像、图形处理12 6 6四网页动画创作8 4 4五结构化网页制作16 8 8六基于CSS的页面样式与布局控制16 8 83.课程教学目的与要求:多媒体网页设计是一门面向文科类专业的计算机“进阶型”技能课程,主要讲授适用于各个行业的最新的多媒体技术,以及如何设计规划网站、

3、制作符合行业标准的多媒体网页。这两类技能对于文科类学生来说尤为可贵,既能满足本专业在媒体类作品创作方面的需求(例如制作精美的展示图片,拍摄和编辑产品的演示视频,并配以画外音与字幕,然后创建主题网站,并将这些内容以网页的形式加以展示,还能大大提升学生的就业竞争力,真正体现计算机作为一个工具在其他专业中的应用价值。4.本门课程与其它课程关系及要求:大学计算机基础是本课的前导课程,无后续课程。5.课程教学方法与手段:课堂讲授和上机实验相结合。利用多媒体的课堂教学,学生的集体讨论,并结合大量的实例与练习,加强实际动手能力。6课程政策:(对课堂纪律、到课、作业等要求遵守学校课堂纪律政策,按时到课,及时完

4、成教师布置的课内外作业,自觉进行课外实践训练。7.推荐教材及参考文献:1 多媒体网页设计教程,高等教育出版社,2014年1月。8.学生成绩评定:(学生学业成绩评定标准、原则、方法、要求本课程为必修课。本课程强调实际操作能力和创新能力,因此考核方式采用理论与实际操作相结合。其中平时成绩(来自于平时的作业、实验练习及考勤等占50%,期末考试占50%。9.实践教学内容安排:实验1(2课时:利用记事本制作符合web标准的简易网页实验2(2课时:图像处理技术之基础训练实验3(4课时:图像处理技术之网站效果图绘制实验4(4课时:简单网站动画制作实验5(8课时:利用可视化工具搭建简单网站实验6(8课时:基于

5、CSS的页面样式和布局控制10.课程网站:二、教学内容和学时分配周次主题内容学时数1 网页编写基础理论:网页制作应具备的基础4学时2 网页编写基础理论:利用记事本编写符合web标准的简单网页4学时3 网站的规划与设计:主题、信息架构、页面布局、色彩设计、导航设计等4学时4 数字图像、图形处理:PS基础操作,“米老鼠的诞生”案例4学时5 数字图像、图形处理:PS进阶操作,“游侠相册”效果图案例4学时6 数字图像、图形处理:PS进阶操作,“游侠相册”切片与输出4学时7 网页动画创作:Flash动画基础,“矮人招工”案例4学时8 网页动画创作:Flash动画制作,“主图切换”案例4学时9 结构化网页

6、制作:DW基础操作,“我的天空”网站案例4学时10 结构化网页制作:网页内容的插入与编辑4学时11 结构化网页制作:多媒体对象的插入与编辑4学时12 结构化网页制作:超链接编辑与网站发布4学时13 基于CSS的页面样式与布局控制:CSS基础4学时14 基于CSS的页面样式与布局控制:样式的编辑与应用4学时15 基于CSS的页面样式与布局控制:盒模型、浮动与定位4学时16 基于CSS的页面样式与布局控制:布局与排版4学时第1次:网页制作应具备的基础(上1.教学要求了解设计、编写网站所需要具备的各项软硬件基础和知识储备。2.主要内容设计、编写网站的软硬件要求和知识储备;html基础。3.教学方法多

7、媒体教学、小组讨论结合上机操作。4.阅读材料参考多媒体网页设计教程第1章。5.思考作业题实验1第2次:网页制作应具备的基础(下1.教学要求利用记事本编写符合web标准的简单网页。2.主要内容利用记事本编写符合web标准的简单网页:填充内容、内容结构化、CSS控制格式。3.教学方法多媒体教学、小组讨论结合上机操作。4.阅读材料参考多媒体网页设计教程第1章。5.思考作业题实验1第3次:网站的规划与设计1.教学要求了解网站规划与设计的知识与技巧。2.主要内容网站主题确定、设定信息架构、设计页面布局、色彩设计、导航设计、文字编撰。3.教学方法多媒体教学、小组讨论结合上机操作。4.阅读材料参考多媒体网页

8、设计教程第2章。5.思考作业题暂无第4次:数字图像、图形处理(上1.教学要求了解Web图像处理的相关理论知识。2.主要内容Web图像处理的相关理论知识,PS基础操作,“米老鼠的诞生”案例。3.教学方法多媒体教学、小组讨论结合上机操作。4.阅读材料参考多媒体网页设计教程第3章。5.思考作业题实验2第5次:数字图像、图形处理(中6.教学要求了解利用Photoshop绘制网页效果图的理论知识和操作技巧。1.主要内容利用Photoshop绘制网页效果图的理论知识和操作技巧,“游侠相册”效果图案例。2.教学方法多媒体教学、小组讨论结合上机操作。3.阅读材料参考多媒体网页设计教程第3章。4.思考作业题实验

9、3第6次:数字图像、图形处理(下1.教学要求了解利用Photoshop对网页效果图进行切片和输出的理论知识和操作技巧。2.主要内容利用Photoshop对网页效果图进行切片和输出的理论知识和操作技巧,“游侠相册”效果图案例。3.教学方法多媒体教学、小组讨论结合上机操作。4.阅读材料参考多媒体网页设计教程第3章。5.思考作业题实验4第7次:网页动画创作(上1.教学要求了解基于Flash的动画理论基础和操作技巧。2.主要内容Flash动画基础,“矮人招工”案例。3.教学方法多媒体教学、小组讨论结合上机操作。4.阅读材料参考多媒体网页设计教程第4章。5.思考作业题实验5第8次:网页动画创作(下1.教

10、学要求了解基于Flash的动画理论基础和操作技巧。2.主要内容lash动画基础,“图片切换”案例。3.教学方法多媒体教学、小组讨论结合上机操作。4.阅读材料参考多媒体网页设计教程第4章。5.思考作业题实验5第9次:结构化网页制作(11.教学要求了解基于DW的设计、编写网页的理论与操作技巧。2.主要内容DW基础操作,“我的天空”网站案例。3.教学方法多媒体教学、小组讨论结合上机操作。4.阅读材料参考多媒体网页设计教程第5章。5.思考作业题实验6第10次:结构化网页制作(21.教学要求了解基于DW的设计、编写网页的理论与操作技巧。2.主要内容网页内容的插入与编辑,“游侠相册”案例。3.教学方法多媒

11、体教学、小组讨论结合上机操作。4.阅读材料参考多媒体网页设计教程第5章。5.思考作业题实验7第11次:结构化网页制作(31.教学要求了解基于DW的设计、编写网页的理论与操作技巧。2.主要内容多媒体对象的插入与编辑,“游侠相册”案例。3.教学方法多媒体教学、小组讨论结合上机操作。4.阅读材料参考多媒体网页设计教程第5章。5.思考作业题实验7第12次:结构化网页制作(41.教学要求了解基于DW的设计、编写网页的理论与操作技巧。2.主要内容超链接编辑与网站发布,“游侠相册”案例。3.教学方法多媒体教学、小组讨论结合上机操作。4.阅读材料参考多媒体网页设计教程第5章。5.思考作业题实验7第13次:基于

12、CSS的页面样式与布局控制(11.教学要求了解利用CSS对页面样式和布局进行控制的理论知识和编写技巧。2.主要内容CSS基础。3.教学方法多媒体教学、小组讨论结合上机操作。4.阅读材料参考多媒体网页设计教程第6章。5.思考作业题实验8第14次:基于CSS的页面样式与布局控制(21.教学要求了解利用CSS对页面样式和布局进行控制的理论知识和编写技巧。2.主要内容样式的编辑与应用。3.教学方法多媒体教学、小组讨论结合上机操作。4.阅读材料参考多媒体网页设计教程第6章。5.思考作业题实验8第15次:基于CSS的页面样式与布局控制(31.教学要求了解利用CSS对页面样式和布局进行控制的理论知识和编写技

13、巧。2.主要内容盒模型、浮动与定位。3.教学方法多媒体教学、小组讨论结合上机操作。4.阅读材料参考多媒体网页设计教程第6章。5.思考作业题实验8第16次:基于CSS的页面样式与布局控制(41.教学要求了解利用CSS对页面样式和布局进行控制的理论知识和编写技巧。2.主要内容布局与排布。3.教学方法多媒体教学、小组讨论结合上机操作。4.阅读材料参考多媒体网页设计教程第6章。5.思考作业题实验8(二、实验课(总32学时,周学时2,16周,每周做一次实验,每次2学时,共16次附件2 实验课内容和学时分配序号实验项目名称实验内容学时分配实验属性实验类型每组人数实验要求已开/未开1 利用记事本制作简易网页利用记事本制作符合web标准的简易网页:“单反小队”和“公园里”案例。2技术基础基础性1 必做已开2 图像处理技术之基础训练利用PS绘制“米老鼠的诞生”案例。2技术基础基础性1 必做已开3 图像处理技术之网站效