基于MOOC的《Web前端设计》课程教学模式探讨

陶硕 李胜

摘要：针对目前Web前端设计课程教学中存在的一些问题，结合MOOC教学模式的优点，探讨了Web前端设计课程新的教学模式，提出了在课程教学中将MOOC教学模式与传统教学模式深度相融合，扬长避短，能充分调动学生的学习兴趣与积极性，发掘学习者的潜能，培养学习者的创新意识，提高教学质量。

关键词：MOOC;教学模式;Web前端

中图分类号：G642 文献标识码：A

文章编号：1009-3044（2019）34-0164-02

1 概述

随着互联网技术和网络通信技术的发展，信息化技术已经逐渐渗透到社会的各个方面，我国当前的教育教学方法和手段也受到了很大的影响，一场信息化的颠覆性变革正悄然发生。2015年4月教育部颁布了《关于加强高等学校在线开放课程建设应用与管理的意见》（高教[2015]3号）中指出，建设一批优质大规模在线开放课程和国家精品在线开放课程，促进这些开放课程广泛应用[1]。2017年1月，《国家教育事业发展“十三五”规划》提出加快推进“宽带网络校校通”，完善学校教育信息化基础设施建设，全力推动信息技术与教育教学深度融合;推进优质教育资源共建共享，支持“互联网+教育”教学新模式[2]。2018年2月教育部办公厅发布《2018年教育信息化和网络安全工作要点》中明确指出，要求深入落实《教育信息化“十三五”规划》，大力推动“四个提升”和“四个拓展”，要求办好网络教育，继续发展“互联网+教育”，实现教育信息化的转段升级，充分发挥其对教育现代化的支撐和引领作用[3]。因而，传统的教学模式已无法跟上时代的步伐，寻求一种新的教学模式迫在眉睫。

2 MOOC

MOOC（MassiveOpen Online Course）翻译成中文是“大规模公开线上课程”。具有“在线”“大规模”和“开放性”等特点。“在线”指的是幕课的教学模式是基于网络的基础，在线上进行学习，同时进行信息和资源的共享;“大规模”指的是幕课学习者的数量，不局限于课堂，可以达到成百上千人共同学习;“开放性”指的是幕课的教学模式几乎没有任何限制条件，属于开放的教育模式。幕课很好地解决了课堂的地点限制问题、也突破了校园网的局限，实现了资源和信息的共享，与传统课堂优势互补。随着MOOC的快速发展，将慕课（MOOC）的教学模式引入课程教学中，已成为当前我国高职院校教学改革中需要迫切解决的问题之一，也是加快教育信息化需求所在。

3 MOOC教学模式的优点

MOOC教学模式是以学生为主体，实现课程资源免费共享，课程内容以知识模块为单元进行设计，学生可以随时随地根据自己的学习进度自主进行学习，可与教师在线互动等特性的一种教学模式，打破了传统课堂教学受时间和空间的限制[4]。MOOC教学模式可以实现线上和线下混合教学，还可利用移动学习APP，实现多终端、多场景的学习支持，进行移动学习。提高学生学习的主动性和积极性，培养学生的独立能力和创新思维能力，有利于提高教学效率。

4 Web前端设计课程教学中存在的问题

《WEB前端设计》课程主要是培养学生使用HTML、css、JavaScript完成网站客户端的结构、表现和行为的设计开发能力，掌握不同网站的设计风格和制作技巧以及网站开发流程的技能。经过多年的教学实践，发现传统教学模式下，该课程的教学主要存在以下几个方面的问题：

（1）学生底子差

目前，高职学生基础较薄弱，且参差不齐，大部分具有一定的计算机操作能力，主要用于上网，学生对网页图片、视频及动画感兴趣，但对编写网页基础代码不感兴趣，缺乏逻辑思维能力[5]。传统课堂的“一刀切、齐步走”的以教师为中心的课堂教学方式不能让每个学生都能在课堂上获取相应知识。

（2）缺乏良好的学习主动性和灵活性

很多高职学生因自身学习成绩较差，容易产生自卑感，常常会自暴自弃;部分高职学生好动，上课注意力不集中，无法静下心来专心学习，编写代码时经常出错，把学习当成负担，甚至产生厌学心理，给课程的学习造成一定的障碍。大部分学生只限模仿教师课程演示操作，不能灵活运用、举一反三，缺乏学习灵活性。还有不少学生英语基础差，网页代码中很多英文单词不认识，也不主动去查阅单词含义，慢慢就对课程失去学习的兴趣和积极性。还有一小部分学生上课不带书、不听课，上课经常玩手机、睡觉，甚至旷课，严重影响了该课程的课堂教学。

（3）缺少师生互动

WEB前端设计课程是理论与实践相结合的课程，在传统教学模式下，教师常会考虑学生的接受能力，在课堂上会花费大量时间讲授课程的基础知识和实例演示，留给学生课堂实践的时间就减少了，不能及时发现和帮助学生代码调试过程中出现的问题，影响了课程的教学效果。这种方式是一种“填鸭式”教学方式，学生处于这被动接收，师生之间的教学互动少，阻碍了学生的创新思维发展，已不适用于互联网时代的学生。

如何赋予学生个性化、自主化、探究化的空间与机会，使学生可以更多地自主支配自己的时间来安排自己的学习任务，充分调动学生的学习兴趣与积极性，发掘学习者的潜能，培养学习者的创新意识，提高教学质量和效果，以达到学习和教育的目的，是该课程目前迫切需要解决的问题。

5 Mooc教学模式在Web前端设计课程上的应用研究

将MOOC引入Web前端设计课程教学是对该课程传统教学模式的挑战，主要从以下三个方面考虑：

（1）课程教学资源的设计

结合企业需求，确定教学内容，编写教学大纲，自主开发教学资源，资料收集，对教学内容进行模块化、碎片化划分，细致进行知识点设计，PPT制作.精选案例，精心设计5-10分钟的教学视频，对视频中的每一句话、每一个操作进行仔细斟酌，同时在视频中嵌入在线测验，让学生及时检验自己对知识点的掌握情况，然后根据学习情况选择不同的知识单元进行学习。选择先进的在线服务平台，如超星，e学会等，通过平台上传课后习题及实验题、教学视频、PPT、教学大纲、添加论坛讨论环节等。

（2）课程教学设计

MOOC教学模式将整个的课程教学分成三部分：课前、课中、课后。

课前为自主学习阶段，教师可以提前布置课前预习或复习内容，学生可以利用MOOC平台随时随地利用各种移动设备或PC终端进行课程学习;每个学生都可以根据自己的学习习惯和学习能力自主选择在线看视频学习，完成课前预习、复习和练习;还可利用MOOC平台与教师或同学进行在线讨论问题。这种学习方式有利于锻炼和培养学生的自主学习能力。实现个性化学习，能较好的避免传统教学模式的“一刀切、齐步走”的现象。同时，打破了传统课堂教学受时间和空间的限制，解决了传统教学中学生因缺课、未弄懂课程内容或忘记课程内容时没有相关教学资源可供学习的问题。另外，将学生划分若干学习小组，布置每次课的学习任务与考核要求，并详细制定每位小组成员的学习任务卡和考核标准，各小组成员之间可以相互监督，互相评分，该评分可作为学生的平时作业成绩[6]。小组之间也可互评，教师可根据小组的任务汇报完成情况进行评分。小组综合成绩可以由小组互评成绩和教师评分按一定的的比例构成，并对小组成绩进行排名。对排名靠前的小组进行表扬和加分，排名靠后的小组要求重新完成学习任务，这样可以培养小组成员团队意识，也有效地避免出现“混学分”“搭便车”的现象。又能激发学生之间以及小组之间的竞争意识，有利于学习效果的落实与完成，也能提高教学质量，实现教学目标。

课中为课堂教学阶段，实现以“教师+学生”为教学中心的混合，教师主要发挥指导和调控的作用。根据教学目标要求，对学生在MOOC学习中遇到的重点和难点进行课堂解析，通过这种面对面的课堂教学中的互动讨论，教师能了解每一个学生对已学视频知识的掌握情况，并及时进行纠正和指导，为学生答疑解惑，并对学生的作品要做出评价。这样能进一步地完善学生的认知结构，即能使学生较全面了解自己的学习水平，又有利于营造比、学、赶、帮的学习氛围，让学生在评价中学会探究式学习。

课后为拓展学习阶段，学生可以自主选择继续深入学习MOOC中相关的内容，并参与课程的讨论和互动，强化所学知识。同时也是对课堂内容进行延伸，鼓励学生利用MOOC或其他资源继续深入学习，激发学生的学习热情，提高学生自主学习能力。

（3）完善课程的评价体系

目前，WEB前端设计课程的考核一般由平时成绩和期末作品成绩来进行评价的，这种评价方式不能客观地体现出每位学生对课程知识的掌握程度，常常会出现浑水摸鱼现象，为了更加客观公正的评价学生对知识的掌握程度，采用多元化评价方法，即课程的评价体系由过程性评价和总结性评价构成。过程性评价由线上和线下学习过程中参加的各项活动的整合评价，可通过在线平台直接获取。总结性评价主要指期末考试成绩，可有笔试成绩和作品成绩构成。采用多元化评价方法使教学考评更加客观公正。

6 结束语

本文分析了Web前端设计课程教学中存在的问题，结合MOOC教學模式的特点，对课程的教学模式进行了探讨。将MOOC与传统教学模式进行深度融合，合理设计课程教学资源、课程教学设计和课程评价体系，可以赋予学生个性化、自主化、探究化的空间与机会，有利于调动学生的学习兴趣与积极性，发掘学习者的潜能，培养学习者的创新意识，提高教学质量。

参考文献：

[1]赵忠山，张莹莹，杨玉双.大数据时代慕课（MOOC）混合式教学模式的探究与实践[J].理论观察，2018（3 ）：152-155.

[2]顾维萍.“互联网+教育”背景下创新教学模式的构建[J].当代教育实践与教学研究，2018（11）：7-8.

[3]钱冬云，潘益婷，赵静静.大数据环境下的高职教学改革探索——以软件技术专业为例[J].浙江工贸职业技术学院学报，2019，19（1）：9-13.

[4]刘小红.Android程序设计课程MOOC教学模式的探讨[Jl.电脑知识与技术，2017，13（8）：128-129.

[5]张呈宇.“互联网+”背景下高职院校网页设计课程教学改革研究[J].通讯世界，2018（7）：278-279.

[6]温玉卓.基于“互联网+教育”背景下高校混合式教学模式构建研究[J].大众科技，2019，21（1）：84-86.

【通联编辑：王力】

收稿日期：2019-08-29

基金项目：安徽省高等学校校质量工程大规模在线开放课程（MOOC）示范项目“WEB前端设计”（项目编号：2017mooc339）;安徽省高等学校省级质量工程项目（2018jyxm0581）

作者简介：陶硕（1973-），女，安徽枞阳人，讲师，硕士，主要研究方向为数据挖掘、计算机应用。