基于SPOC的应用类课程教学内容和教学模式改革——以“网页设计与制作”课程为例

贾 爽，王爱平

（亳州学院 电子与信息工程系，安徽 亳州236800）

2017年1月《国家教育事业发展“十三五”规划》提出要积极发展“互联网+教育”，要加快完善制度环境，进一步改善基础条件，全力推动信息技术与教育教学深度融合，推进优质教育资源共建共享［1］。大数据、云计算、人工智能技术的迅速发展，进一步推进了高校智慧校园建设，一些学校引进了超星泛雅教学平台，完成了课程资源的初步建设，但在课程的实施过程中，存在一些问题。例如学生学习积极性差，教学内容的设计无法满足应用型本科学校人才培养的需求等，笔者将探讨线上线下混合教学模式下基于SPOC的“网页设计与制作”课程教学内容和教学模式的改革研究。

一、SPOC的定义与发展

SPOC 是 Small Private Online Course 的缩写［2］，是继 MOOC（Massive Open Online Course）之后出现的小规模限制性在线课程，学生规模在几十到几百之间，只有符合条件的学生才能获准加入SPOC课程，非常适合高校班级的专业课授课［3］。2012年，美国加州大学伯克利分校阿曼多·福克斯（Armando Fox）教授最先在“云计算与软件工程”的课程中进行SPOC实践，随后推广到哈佛大学、加州大学伯克利分校、宾汉姆顿大学等高校［4］。2014年，我国开始SPOC的应用实践。桑新民认为SPOC教学模式是通过MOOC应用于大学课堂中，发展而来的线上线下教学结合的混合学习模式［5］；中南大学曾明星、李桂平等认为 SPOC为学生深度学习提供了可行性支持，将SPOC与高校教学过程融合进行翻转课堂设计，强调学习者通过学习可达到对知识的深度理解，并且提高解决问题能力和高阶思维能力，从而提升高校教学质量［6］。

二、“网页设计与制作”教学中存在的问题

“网页设计与制作”是一门应用性较强的课程，要求学生在掌握必要的基础知识之外，还需要具备一定的实际应用操作能力，需安排一定量的实践课程，这样一来，课堂教学的时间就非常紧张了。类似的课程大都是理论教学和实践教学时间各占一半，实践教学仅是对碎片的零散的知识进行实践练习，留给学生消化、深入及灵活运用的时间非常少，且学生自身约束能力弱，课余时间很少会主动学习，学习的时间就仅限于课堂。对比2016、2017级的学生发现，学生在课堂上的练习完成得很好，但到综合应用或者需要创新的时候，就全都“卡壳”了。另外该课程在教学内容和教学模式方面也存在一定的问题，主要表现在两个方面：

（一）教学内容存在的问题

首先，教学内容的安排呈散点状，缺乏一条能够将知识连起来的线。例如，第一次课一般是让学生对网页的构成有个初步的认识，接下来会讲解HTML基础知识、CSS基础知识等，但网页是一个整体，它的制作既涉及到HTML又有CSS。当讲解HTML标记时，学生课堂上都会使用，但章节结束，进行综合应用时，学生就会有些吃力了，因为教学内容是散点状的，缺乏连接和融合性，涉及到综合应用时学生往往就做不好，导致学生的应用技能较弱，教学效果不甚理想。

其次，教学内容中缺乏典型的实际应用案例，一些实践练习片面化缺乏连贯性，较少涉及到实际综合应用。教学内容更新不及时，对较前沿的技术涉及不多。

（二）教学模式存在的问题

由于学校自身的教学条件和课堂时间的限制，“网页设计与制作”课程的教学模式，还是以传统的教学模式为主，教师先在机房通过电子教室软件进行理论讲解，然后让学生上机练习［7］。无法做到真正以学生为主，且项目式教学因为学生自主性较差无法达到预期的效果。课程结束时，学生提交的课程作业质量不高，缺乏创新。随着高校智慧校园建设的推进，课程教学逐渐趋于网络化、智慧化，引起了高校的注意。

传统课堂教学，再借助教学平台进行网络辅助教学，对一些课程的开展有着积极的作用，但对侧重学生应用技能培养的课程来说，如何利用好网络，来达到改善和提高教学效果的目的，是个值得探讨的问题。

鉴于这种形势，针对“网页设计与制作”这门课程，笔者尝试对教学内容和教学模式进行改革，达到了一定的效果。

三、“网页设计与制作”SPOC课程教学内容改革

“网页设计与制作”是大多数高校电子商务、计算机相关专业的专业必修课，是一门注重应用的课程，64学时，教学中除了完成一定量的理论教学外，还要进行实践环节的教学，教学大纲中理论课时和实践课时基本是1∶1的比例，教学中需要注重学生自主学习能力和创新应用能力的培养。

SPOC具有人数少、在线注册、可控学习时间和学习进度、可布置作业等特点［8］。通过对SPOC的研究，笔者对“网页设计与制作”进行了教学内容改革和构建。

（一）理论教学内容改革

教学内容的设计以一个完整网页的制作过程为主线，从简单的页面到复杂的页面，从单一的内容到多样的内容，从静态的页面到动态的页面。学生从简单的页面制作开始，逐渐过渡到丰富多样的、完整的、生动的页面制作，在页面内容和形象一点一点的完善和丰满中，完成整个教学任务。

结合教学大纲，将理论教学内容分成HTML、CSS、HTML 5、CSS 3 和 JavaScript五个教学模块单元，每个模块单元包含若干小知识单元。HTML模块单元包括HTML文档的基本结构、标签和标签属性、图片、表格、列表、超链接和表单等7个知识模块；CSS模块包括HTML文件中引用CSS的方式、CSS选择器、CSS常见属性、盒子模型以及DIV+CSS布局等5个知识单元；HTML5模块单元包括HTML5结构标签、新增标签2个知识单元；CSS3模块单元包括文字修饰、背景修饰、图片修饰以及动画的制作4个知识单元；JavaScript模块单元包括HTML中引用JavaScript的方式、JavaScript的基本语法2个知识单元。

在具体的教学实施中，这些知识单元不是独立存在的，而是互相关联的，如“HTML文档的基本结构”教学中可能包含标签和CSS知识点。整个教学内容是一个互相关联的有机体，各知识点都将通过一定的形式串联起来。

SPOC网络课程利用超星泛雅教学平台进行搭建，理论教学内容将以课件、视频等形式展现，条件允许的话还会开发其他资源，如游戏教学等。

（二）项目案例设计

课程共包括5个教学模块单元，其中理论课32学时，实践课32学时。在课堂教学中，教师要完成这些理论知识，再加上一定课时量的实践，教学任务就较紧张了。同时在授课过程中发现，学生的自主学习能力较差，学习兴趣较低，为提高教学效果，采用项目任务驱动法进行教学。

具体实施中，为了较好地通过项目案例将教学知识点贯彻连接起来，将所有的知识模块进行整合设计成11个项目案例，见图1。上课前，布置自学任务，课堂重点放在这些项目任务的执行上。

图1 项目案例设计

四、教学模式的改革

（一）线上线下混合教学模式实施改革

为了达到更好的教学效果，提高学生自主学习能力，笔者对“网页设计与制作”SPOC网络课程教学模式进行了改革。参考翻转课堂，将教学过程分成三个阶段：课前、课堂和课后。每个阶段均设计了对应的任务，以推动教学的进行。课前将理论教学内容利用视频、课件等多种形式推送给学生，力求课程资源生动有吸引力，激发学生的学习兴趣，同时也会添加一些实践小任务以巩固和提升知识的理解和掌握程度。课堂上，主要是进行小组协作完成课堂项目任务。实施过程中，小组内部以及小组之间可以进行线下和线上的讨论交流。课后，各小组进行项目成果展示，同时将项目实施过程中遇到的问题发布到课程网站上进行讨论和总结。

（二）SPOC初步实验和推广情况

利用SPOC辅助课堂教学，是否可以提高学生的积极性和教学效果？为此课程团队，在超星泛雅平台创建了“网页设计与制作”网络课程，并于2017年9月投入使用。初步授课实验班级人数为18人，校内开放，课程资源主要是课件、视频和其他文字资料。经过一个学期的实验，同学们对这种教学模式的接受程度较高，课程点击率累计3万，见图2。

图2 “网页设计与制作”课程创建时间和访问量

教学过程中，将SPOC教学模式和传统课堂教学相结合，学生通过SPOC进行课前预习和课后巩固，课堂上可以进行线上分组讨论等，使得每个学生都可积极地参与进来，提高了学生的学习兴趣。通过批改学生的作业情况，教学效果得到了一定的提高。图3为某两周的访问次数统计截图，经统计发现，学生每次上课前后访问量在4次左右。

图3 两周的课程学习访问统计

五、教学内容与教学模式改革的成效

由于课程改革还处于实验的初期，建设时间仓促，课程资源、项目案例、作业设计等设计较粗糙，同时课堂教学设计也存在一些不足，例如学生的线上活动安排较少，小组协作也有待改进。为此课程教学团队，在总结经验的基础上，于2018年10月底，以“网页设计与制作”的后续课程“Web页面设计语言（JavaScript+jquery）”为例，进行经验推广。期待通过第二次实验，进一步探索SPOC教学模式在优化教学内容、完善教学资源、提高教学效果和激发学生学习兴趣方面值得借鉴的地方。

经过一个多月的实验，截止到2018年12月12日，课程网站访问量累计超过10万。部分同学还对这种教学模式进行评价，他们认为“课程内容很充实，有学习价值，教学过程很有趣，吸引人，教师积极参与交流和互动，课程很合理，形式丰富”，“这门课讲的内容非常详细并且针对性很强，可以拓展很多知识面，课程设计非常合理，我觉得我学会了很多专业性东西”，“课程拓展性强，强调自主学习”等。

课程评价中，学生主要从课程设计等方面进行了评价，从评价情况来看，学生能接受，也较喜欢这种教学模式。学习访问统计只截取了某两周的数据，从图3可以看出每周有两个峰值，基本是在上课时间附近，说明学生课前、课堂上和课后访问比较频繁，也说明了教学改革获得了一定的成效。课程的成绩考核，形式多样，包括章节测验、课程视频、讨论和作业等，能够随时记录学生的学习情况。对比多种类型的教学资源，笔者发现PDF、教学课件等教学资源没有视频类的教学资源受学生的喜欢。因此在后期的SPOC教学内容的设计中，将会增加更多视频资源，同时也会考虑加入一些其他类型资源等。

通过分析实验数据，笔者发现线上线下混合教学模式，对提高教学效果起到了积极的作用。因为是初步探索，在实施的过程中，还存在一些不足。例如线上和线下任务分工不够明确，导致课堂时间内无法彻底完成项目任务；课前准备不够充分，项目小组在协作过程中，突发状况较多等。

六、结语

课程团队借助超星泛雅教学平台创建了“网页设计与制作”SPOC网络课程，进行教学内容和教学模式的创新改革，通过统计数据分析，SPOC网络课程在培养学生自主学习能力、提高学生学习兴趣、培养学学生创新应用能力等方面，起到了积极作用。在此基础上，根据学情和人才培养要求，改革了“网页设计与制作”SPOC网络课程教学内容，利用线上线下混合教学模式，配合翻转课堂，结合项目案例，将整个教学内容整合成一个有机的整体，充分利用移动学习的优势，拓展课外课堂，将学生的课前预习、课堂学习和课后总结连成一体，达到提高教学效果的目的。