2023年《多媒体网页设计》课程教学大纲..docx
2023年多媒体网页设计课程教学大纲. 多媒体网页设计课程教学大纲 (Elements of Multimedia Web Design 一、课程说明 【课程ID】【课程修习类型】必修 【学分数】3 【适用专业】文科类专业 【开课学院】国际服务工程学院【建议修读学期】第二学期 【学时数】总64课时(理论32/实验32 【先修课程】大学计算机基础 1.课程介绍: 多媒体网页设计课程的设置是为了满足专业对多媒体信息处理和网站运用的实际需求。 多媒体技术适用于绝大部分文科类专业,着眼于培养学生将媒体技术直接运用至其本专业实际需求中的能力,如文学创作、音乐创作、舞美设计、体育运动教学、全民健身推广、赛事记录与传播、各类视觉设计等众多方向,以成就感来提高学习兴趣,同时也将计算机专业知识更好地运用到其本专业实际需求中。而网站开发与制作作为一项综合性很强的技能,可以全面提升学生对信息处理的综合能力,在大量工作岗位中能体现其价值,适合基础较好的学生。 2.课程的主要内容及课时安排: 章次内容(宋体五号字总学时理论学时实验、实践学时 一网页编写基础理论8 4 4 二网站的规划与设计 4 2 2 三数字图像、图形处理12 6 6 四网页动画创作8 4 4 五结构化网页制作16 8 8 六基于CSS的页面样式与布局控制16 8 8 3.课程教学目的与要求: 多媒体网页设计是一门面向文科类专业的计算机“进阶型”技能课程,主要讲授适用于各个行业的最新的多媒体技术,以及如何设计规划网站、制作符合行业标准的多媒体网页。这两类技能对于文科类学生来说尤为可贵,既能满足本专业在媒体类作品创作方面的需求(例如制作精美的展示图片,拍摄和编辑产品的演示视频,并配以画外音与字幕,然后创建主题网站,并将这些内容以网页的形式加以展示, 还能大大提升学生的就业竞争力,真正体现计算机作为一个工具在其他专业中的应用价值。 4.本门课程与其它课程关系及要求: 大学计算机基础是本课的前导课程,无后续课程。 5.课程教学方法与手段: 课堂讲授和上机实验相结合。利用多媒体的课堂教学,学生的集体讨论,并结合大量的实例与练习,加强实际动手能力。 6课程政策:(对课堂纪律、到课、作业等要求 遵守学校课堂纪律政策,按时到课,及时完成教师布置的课内外作业,自觉进行课外实践训练。 7.推荐教材及参考文献: 1 多媒体网页设计教程,高等教育出版社,2023年1月。 8.学生成绩评定:(学生学业成绩评定标准、原则、方法、要求 本课程为必修课。 本课程强调实际操作能力和创新能力,因此考核方式采用理论与实际操作相结合。其中平时成绩(来自于平时的作业、实验练习及考勤等占50%,期末考试占50%。 9.实践教学内容安排: 实验1(2课时:利用记事本制作符合web标准的简易网页 实验2(2课时:图像处理技术之基础训练 实验3(4课时:图像处理技术之网站效果图绘制 实验4(4课时:简单网站动画制作 实验5(8课时:利用可视化工具搭建简单网站 实验6(8课时:基于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 结构化网页制作: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.教学方法 多媒体教学、小组讨论结合上机操作。 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 必做已开撰稿人:诸彬审稿人:学院主管领导: 学院盖章: 多媒体网页设计课程教学大纲. 网页设计课程教学大纲 网页设计课程教学大纲 多媒体技术课程教学大纲 多媒体技术课程教学大纲 HTML网页设计课程教学大纲 网页设计B课程教学大纲 网页设计与制作课程教学大纲 多媒体技术教学大纲 网页设计教学大纲