1、多媒体网页设计课程教学大纲多媒体网页设计课程教学大纲(Eleme nts of Multimedia Web Desig n、课程说明【课程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(
5、8课时:利用可视化工具搭建简单网站实验6(8课时:基于CSS的页面样式和布局控制10.课程网站:htt P: /jsj.hz nu .edu.c n、教学内容和学时分配周次主题内容学时数1网页编与基础理论:网页制作应具备的基础4学时2网页编写基础理论:利用记事本编写符合web标准的简单网页4学时3网站的规划与设计:主题、信息架构、页面布局、色彩设计、导航设计等 4学7网页动画创作:Flash动画基础,矮人招工”案例4学时 8网页动画创作:Flash动画制作,主图切换”案例4学时 9结构化网页制作:DW基础操作,我的天空”网站案例4学时 10结构化网页制作:网页内容的插入与编辑4学时 11结构化
6、网页制作:多媒体对象的插入与编辑4学时12结构化网页制作:超链接编辑与网站发布4学时第1次:网页制作应具备的基础(上 1教学要求 了解设计、编写网站所需要具备的各项软硬件基础和知识储备。2.主要内容设计、编写网站的软硬件要求和知识储备;html基础。3.教学方法 多媒体教学、小组讨论结合上机操作。4.阅读材料 参考多媒体网页设计教程第1章。5.思考作业题实验1 第2次:网页制作应具备的基础(下1.教学要求 利用记事本编写符合web标准的简单网页。2.主要内容 利用记事本编写符合web标准的简单网页:填充内容、内容结构化、CSS控制格式。3.教学方法 多媒体教学、小组讨论结合上机操作。4.阅读材
7、料 参考多媒体网页设计教程第1章。5思、考作业题 实验1第3次:网站的规划与设计 1教学要求 了解网站规划与设计的知识与技巧。2.主要内容 网站主题确定、设定信息架构、设计页面布局、色彩设计、导航设计、文字编撰。3.教学方法 多媒体教学、小组讨论结合上机操作。4.阅读材料 参考多媒体网页设计教程第 2章。5.思考作业题 暂无 第4次:数字图像、图形处理(上1.教学要求 了解Web图像处理的相关理论知识。2.主要内容Web图像处理的相关理论知识,PS基础操作,米老鼠的诞生”案例。3.教学方法 多媒体教学、小组讨论结合上机操作。4.阅读材料参考多媒体网页设计教程第 3章。5.思考作业题实验2第5次
8、:数字图像、图形处理(中6.教学要求了解利用PhotoshoP绘制网页效果图的理论知识和操作技巧。1.主要内容利用PhotoshoP绘制网页效果图的理论知识和操作技巧,游侠相册”效果图案例。2.教学方法多媒体教学、小组讨论结合上机操作。3.阅读材料参考多媒体网页设计教程第 3章。4思、考作业题实验3第6次:数字图像、图形处理(下1.教学要求了解利用PhotoshoP对网页效果图进行切片和输出的理论知识和操作技巧。2.主要内容利用PhotoshoP对网页效果图进行切片和输出的理论知识和操作技巧 ,游侠相册”效果图案例。3.教学方法多媒体教学、小组讨论结合上机操作。4.阅读材料参考多媒体网页设计教
9、程第 3章。5.思考作业题实验4第7次:网页动画创作(上1.教学要求了解基于Flash的动画理论基础和操作技巧。2.主要内容Flash动画基础,矮人招工”案例。3.教学方法多媒体教学、小组讨论结合上机操作。4.阅读材料参考多媒体网页设计教程第 4章。5思、考作业题实验5第8次:网页动画创作(下1教学要求了解基于Flash的动画理论基础和操作技巧。2.主要内容lash动画基础,图片切换”案例。3.教学方法多媒体教学、小组讨论结合上机操作。4.阅读材料参考多媒体网页设计教程第 4章。5.思考作业题实验5第9次:结构化网页制作(11.教学要求了解基于DW的设计、编写网页的理论与操作技巧。2.主要内容
10、DW基础操作,我的天空”网站案例。3.教学方法多媒体教学、小组讨论结合上机操作。4.阅读材料参考多媒体网页设计教程第 5章。5.思考作业题实验6第10次:结构化网页制作(21.教学要求了解基于DW的设计、编写网页的理论与操作技巧。2.主要内容网页内容的插入与编辑,游侠相册”案例。3.教学方法多媒体教学、小组讨论结合上机操作。4.阅读材料参考多媒体网页设计教程第 5章。5思、考作业题实验7第11次:结构化网页制作(31.教学要求了解基于DW的设计、编写网页的理论与操作技巧。2.主要内容多媒体对象的插入与编辑,游侠相册”案例。3.教学方法多媒体教学、小组讨论结合上机操作。4.阅读材料参考多媒体网页
11、设计教程第 5章。5.思考作业题实验7第12次:结构化网页制作(41.教学要求了解基于DW的设计、编写网页的理论与操作技巧。2.主要内容超链接编辑与网站发布,游侠相册”案例。3.教学方法多媒体教学、小组讨论结合上机操作。4.阅读材料参考多媒体网页设计教程第 5章。5思、考作业题实验7第13次:基于CSS的页面样式与布局控制(11教学要求了解利用CSS对页面样式和布局进行控制的理论知识和编写技巧。2.主要内容CSS基础。3.教学方法多媒体教学、小组讨论结合上机操作。4.阅读材料参考多媒体网页设计教程第 6章。5.思考作业题实验8第14次:基于CSS的页面样式与布局控制(21.教学要求了解利用CS
12、S对页面样式和布局进行控制的理论知识和编写技巧。2.主要内容样式的编辑与应用。3.教学方法多媒体教学、小组讨论结合上机操作。4.阅读材料参考多媒体网页设计教程第 6章。5.思考作业题实验8第15次:基于CSS的页面样式与布局控制(31.教学要求了解利用CSS对页面样式和布局进行控制的理论知识和编写技巧。2.主要内容盒模型、浮动与定位。3.教学方法多媒体教学、小组讨论结合上机操作。4.阅读材料参考多媒体网页设计教程第 6章。5思、考作业题实验8第16次:基于CSS的页面样式与布局控制(41.教学要求了解利用CSS对页面样式和布局进行控制的理论知识和编写技巧。2.主要内容布局与排布。3.教学方法多
13、媒体教学、小组讨论结合上机操作。4.阅读材料参考多媒体网页设计教程第 6章。5.思考作业题实验8(二、实验课(总32学时周学时2,16周每周做一次实验,每次2学时,共16次附 件2实验课内容和学时分配序号实验项目名称实验内容学时分配实验属性实验类型每组人数实验要求已开/未1利用记事本制作简易网页利用记事本制作符合web标准的简易网页:单反小队”和公园里”案例。技术基础基础1必做已开2图像处理技术之基础训练利用PS绘制米老鼠的诞生”案例。技术基础基础1必做已开3图像处理技术之网站效果图绘制利用PS绘制游侠相册”网页效果图案例。技术基础基础1必做已开4简单网站动画制利用FL绘制矮人招聘”和图片轮换”案例。技术基础基础1必做已开5利用可视化工具搭建简单网站利用DW搭建我的天空”简易网站案例。技术基础综合1必做已开基于CSS的页面样式和布局控制利用DW,结合CSS完成游侠相册”网站案例的制作。技术基础基础1必做已开撰稿人:诸彬审稿人:学院主管领导:学院盖章: