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

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. 课程教学方法与手段 :课堂讲授和上机实验相结合。利用多媒体的课堂教学 ,学生的集体讨论 ,并结合 大量的实例与练习

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

5、基础训练实验 3(4 课时:图像处理技术之网站效果图绘制实验 4(4 课时:简单网站动画制作实验 5(8 课时:利用可视化工具搭建简单网站实验 6(8课时:基于 CSS的页面样式和布局控制10. 课程网站: 二、教学内容和学时分配 周次主题内容学时数1 网页编写基础理论 : 网页制作应具备的基础 4 学时2 网页编写基础理论 :利用记事本编写符合 web标准的简单网页 4 学时3 网站的规划与设计 :主题、信息架构、页面布局、色彩设计、导航设计等4 学 时4 数字图像、图形处理 :PS基础操作, “米老鼠的诞生 ”案例 4学时5 数字图像、图形处理 :PS进阶操作 , “游侠相册 ”效果图案例

6、 4学时6 数字图像、图形处理 :PS进阶操作 , “游侠相册 ”切片与输出 4学时7 网页动画创作 :Flash动画基础, “矮人招工 ”案例 4学时8 网页动画创作 :Flash动画制作, “主图切换 ”案例 4学时9 结构化网页制作 :DW 基础操作 , “我的天空 ”网站案例 4 学时10 结构化网页制作 :网页内容的插入与编辑 4学时11 结构化网页制作 :多媒体对象的插入与编辑 4学时12 结构化网页制作 :超链接编辑与网站发布 4学时13 基于 CSS的页面样式与布局控制 :CSS基础 4学时14 基于 CSS的页面样式与布局控制 : 样式的编辑与应用 4 学时15 基于 CSS

7、的页面样式与布局控制 :盒模型、浮动与定位 4 学时16 基于 CSS的页面样式与布局控制 :布局与排版 4 学时第 1 次 :网页制作应具备的基础 ( 上1. 教学要求了解设计、编写网站所需要具备的各项软硬件基础和知识储备。2. 主要内容设计、编写网站的软硬件要求和知识储备 ;html 基础3. 教学方法多媒体教学、小组讨论结合上机操作。4. 阅读材料参考多媒体网页设计教程第 1 章。5. 思考作业题实验 1第 2 次 :网页制作应具备的基础 （下1. 教学要求利用记事本编写符合 web 标准的简单网页。2. 主要内容CSS控制利用记事本编写符合 web 标准的简单网页 :填充内容、内容结构

8、化、 格式。3. 教学方法多媒体教学、小组讨论结合上机操作。4. 阅读材料参考多媒体网页设计教程第 1 章。5. 思考作业题实验 1第 3 次 :网站的规划与设计1. 教学要求了解网站规划与设计的知识与技巧。2. 主要内容 网站主题确定、设定信息架构、设计页面布局、色彩设计、导航设计、文字编撰。3. 教学方法多媒体教学、小组讨论结合上机操作。4. 阅读材料 参考多媒体网页设计教程第 2 章。5. 思考作业题暂无第 4 次 :数字图像、图形处理 （上1. 教学要求了解 Web 图像处理的相关理论知识。2. 主要内容Web图像处理的相关理论知识 ,PS基础操作, “米老鼠的诞生 ”案例。3. 教学

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

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

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

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

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

14、教程第 6 章5. 思考作业题实验 8第 15 次:基于 CSS的页面样式与布局控制 (31. 教学要求了解利用 CSS 对页面样式和布局进行控制的理论知识和编写技巧。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 图像处理技术之 网站效果