基于线上线下混合教学模式的“网页设计”课程的改革探讨

李彦，边国栋

(西安翻译学院 工程技术学院， 陕西 西安 710105)

0 引言

在我校2017版本科专业人才培养方案的指导性意见中指出非计算机类专业的计算机应用类课程体系：计算机学习注重计算机应用能力培养与专业需求相结合，采用“必修+选修+自主学习”模式，即实行三层次教学，第一层次为必修课程，是为了加强学生对计算机基础知识、办公软件的学习能力以及程序设计能力培养；第二层次为选修课，为通用性技术基础教育；第三层次为了加强学生自主学习能力，采取“专业指导+专门训练”模式，主要依据专业特点设置计算机应用类专题模块。我校的外语类专业的人才培养模式是“外语+专业+现代技能”，非外语类专业的人才培养模式是“专业+外语+现代技能”，无论哪个专业，其中计算机基础是现代化技能重要组成。

1 该课程学生学习的现状

1.1 “网页设计”课程定位

该课程是所有非计算机专业的通识必修公共基础课，是一门操作性和实践性很强的课程，学生在完成了先修课程“大学计算机基础”、“高级办公自动化”的学习后，掌握了计算机基本知识和原理以及一些办公应用软件的使用，本课程旨在以实用为原则，培养学生的计算思维、创造性思维、探究式学习等应用能力，以适应“互联网+”时代社会对人才的需求[1]。其主要内容包括创建与管理站点；设计基本图文网页；使用图像、多媒体和超链接等技术制作网页；利用表格、层和Spry菜单、框架排列网页中的数据，设计使用CSS +Div样式美化布局网页、给网页对象添加行为特效、创建表单网页、使用模板和库制作小型网站等。

1.2 “网页设计”课程目标

以学生能独立完成静态网站开发和维护的实际工作能力为学习目标，要求学生掌握HTML语言的文档结构和基本标签使用，能综合应用Dreamweaver CS6软件、HTML和CSS技术制作网页，掌握规划、开发、发布和管理静态网站的专业知识和技能。通过这种有代表性的网页制作软件的使用，掌握网站设计的全过程，并能熟练地制作出有专业水准的网站，培养学生克服困难的精神、理论应用于实践和解决实际问题的能力，为今后的工作打下良好的基础[2]。

通过本课程的学习，使学生掌握网络信息检索方面的知识；在网站制作的过程中要对站点进行建立并实时管理，具备文件及文件夹的整理及管理能力；不仅巩固了一年级学习的文档处理能力等一系列的过程，而且还综合利用本阶段所学知识在课堂上自主完成网站的需求分析、网站设计和网站测试，体现了对学生信息素养能力、计算思维能力和探究式学习能力的培养，有效发挥了考核的激励作用，为学生的终身学习奠定基础[3]。也使非计算机专业类本科学生的计算机知识在在校期间学习最后一门计算机课程“网页设计”中都能够融会贯通。

1.3 针对学习该课程的学生进行学情分析

依据课前在课程中心的调查问卷数据分析，以本届2017级学生为例，“来大学读书的目的”92.5%为学知识，82.2%为找工作，占比很高；而拥有笔记本电脑学生人数74.4%，智能手机学生人数60.7%，没有学习用电子设备11.7%；已获得计算机等级一级63%，计算机等级二级36.2%，什么证书都没有的15.6%；认为计算机课程非常重要或重要占比约99.4%；大多数学生认为自己的计算机能力比较低，有64.3%的学生认为自己能熟练上网聊天但对其他的软件不熟悉，53.5%的学生能熟练操作公办软件，39.6%的学生会安装各类软件，但在实际操作中显示出学生的基础知识掌握不清晰、基本操作技能掌握不扎实、综合应用能力很弱、总体信息素养能力水平低下；有88.3%的学生没有学习过本课程介绍的知识和技能，在老师的鼓励支持下有94.4%的学生愿意在有人约束下和在老师好好教学的时候好好学习本课程，绝大多数学生在教师介绍完整个课程后，对课程表现出浓厚的兴趣和极大的热情。

2 混合式的教学模式的实施过程

2.1 初期尝试混合式的教学模式

“网页设计”课程教学内容是主要围绕着利用Dreamweaver CS6软件制作网页来展开，目前采用线上线下相互补充的混合式教学模式，以案例教学、讲练结合、精讲多练、任务驱动、实操演示等教学方法，提倡开展翻转课堂进行教学，结合该课程在知识学习、实践应用和素质提升上的目标，理论教学和实践操作课时比例在1:1以上，每一节课都设计有一个与其内容相对应的上机操作练习、作业，并要求学生努力完成并上交结果。目前课程的考核方式已经是经过了五轮次不断设计、修改的更加符合学生实际的过程考核，较大的过程考核改革有三次，主要是全面去除闭卷理论考试、改变走过程的三次大设计实践为二次大精心设计实践，更加突出了学生实践、操作能力的学习与培养，突出了学生自学能力和创造能力的锻炼与提高，突出了学生综合应用信息技术解决实际问题的能力培养，注重学生学习的每一个过程，向每一个过程要质量，从而较全面的考核了学生的学习能力，也大大提升了学生的学习效果和教学质量[4]。

2.2 在线课程的建立及完善

目前，“网页设计”课程已经自主完成建立了完善各项内容的在线课程，正在实施使用线上线下混合教学模式的第二轮教学实践。基于我校课程中心教学平台的“网页设计”课程，网络教学资源系统体系完善，所有框架、结构、流程、进展、演示、习题、作业、测试、讨论、视频制作、字幕添加、片头片尾、标志均为自主设计制作，拥有全部版权，自主版权率达100%。课程的展示方式、设计模板全网独创，混合模式教学效果明显。“网页设计”课程线上内容完整、展示充分、功能应用较为齐全，其中集合了教学大纲、教学规划、教学方案、教学设计、教学过程、教学内容、教学视频、丰富的教学案例、练习与作业、习题库、教学扩展、教学讨论、教学管理、网络资源集成链接等。“网页设计”在线网络教学资源系统，既满足了课堂教学改革的需要，又为学生课下自主学习提供了丰富的资源和便捷的学习途径。

故在课堂教学注重知识系统性的同时，提供丰富的典型案例，进行案例教学，在精讲多练讲课原则指导下，加大实际操作练习与训练，为巩固所学的知识和技能，利用网络平台自动评判功能，让学生完成相关网上理论作业，同时布置实际操作作业，完成后上交给教师，要求教师平均每节课要完成一个实际操作题目的作业[5]。而所有的作业，在完成章节内容的同时，还层层递进，相互联系，相互支撑，相互融合，每一个练习与实践作业的案例，组成了一个完整的工程，这些均围绕规划设计好的两个阶段的过程考核(大作业)，而这两个过程考核虽然有一定的挑战性，但绝大多数学生可以在付出一些努力后“水到渠成”完成所有任务。

2.3 采用的多元的评价体系

“网页设计”课程突破传统的评价制度，建立多元化学习评价体系，采用线上和线下融合，过程性评价与终结性评价相结合的多元化考核评价模式，促进学生自主性学习、过程性学习和体验式学习。课程成绩由过程性考核和终结性考核综合评定。既要发挥教师引导、启发、监控教学过程的主导作用，又要充分体现学生作为学习过程主体的主动性、积极性与创造性[6]。将两者结合起来，使两者优势互补，才能获得最佳的学习效果。

该课程的过程考核(大作业)，分两个阶段实施，按照每一个阶段的要求，完成网站建设和实验报告的填写。两个阶段的过程考核都由学生自己根据兴趣爱好来设计、规划、实现一个网站，并编写实验报告，从而考核学生对所学知识和技能的掌握程度，还注重计算机基础操作技能和信息素养能力的训练与提高，故在验收成果时要求完成并提交网站一个(电子数据)、实验报告一份(纸质报告)、实验报告文档1个(电子数据)、实验报告测评表一份(纸质报告)、实验报告自查标准一份(纸质报告)等电子数据和纸质报告两种类型资料，并对每一项目均做出了十分具体的要求，使得学生计算机综合应用能力得以训练和强化。在考核方式方面，加大对学生信息能力、实践操作水平和信息素养的培养和锻炼，采用过程考核的方式进行，全课程设置若干个小目标，对每一个目标均提出具体要求，最终分别进行考核，形成一个个的成绩，最后组合成课程成绩，如表1所示。

3 使用混合式教学模式的优势及显著效果

经过几轮次的教学实践和不断更新改进，课程的各项考核更加突出了实践操作能力的培养、加大了动手设计、规划等创新能力的训练、加强了学生自主学习能力的锻炼。课程引入任务驱动教学方法，以丰富的案例来提高学生的学习兴趣和实用性，也增强了学生的学习积极性和完成任务后的充实感、幸福感，从而达到学习目标。

这种综合性的考核方式效果明显，具体表现在以下5个方面。

(1) 提高学生自主综合应用能力。本课程的平时考核内容涉及整个课程知识的综合运用以及跨课程的应用分析，可以促进学生主动搜集大量相关资料，进行综合分析研究，提高综合应用能力[7]。

(2) 提高学生运用理论知识分析实际问题的兴趣。有了考核标准，就有了学习的动力，促使学生在这个诱因下产生运用书本知识研究实际问题的兴趣，这样才能使学生真正的掌握这门课程，达到学以致用的目的。

表1 考核成绩设置总表

(3) 提高学生主动探索学习的积极性。通过每人完成网站的不同，就有了公开评比，形成竞争机制，提高学生认真完成作业、主动探索学习的积极性。

(4) 扩展学生知识面。学生在完成网站的过程中，能够在网络上尽最大可能的扩展学生的知识面。

(5) 改变“填鸭式”上课的弊端。通过这种方式的平时考核和安排，改变了学生只用耳朵听，懒得动脑筋想、动手做的习惯，也使得老师为主角的课堂中解放出来，更多的去引导学生学习，激发学生自主学习的积极性和热情，实现更高效的专业学习，同时也使得课程学习与学生将来的工作环境更好的衔接起来[8]。

“网页设计”课程已经连续开课5年以上，开课班级每年到达100余个，为打造“金课”、取消“水课”，课程要求较高，考核评定按要求执行严格，学生课终成绩呈现正态分布，分布合理。

同一教师使用混合式教学的2017级班级和传统教学模式2016级班级的学生成绩对比分析，从中可以看出学生成绩呈显著提高状态，如表2和图1所示。

表2 成绩对比分析表

图1 成绩对比分析图

4 总结

总之，这5年来，通过我们教学团队对“网页设计”课程不断的教学研究、改革与创新，本课程已经基本形成了一套针对性强、实用性高、示范性好、教学效果明显的精品课程，之后也会在混合式教学模式的探索上更进一步，更好的提高学生的信息素养。