基于网络学习平台的教学模式改革实践与分析

[摘 要] 以教学资源库和蓝墨云班课为网络学习平台，以13个“网页设计”课程教学班的学习过程数据为分析样本，结合某一教学单元说明基于网络学习平台的教学模式改革思路，有效解决了传统课堂中该课程长期存在的忽略网页制作实践能力、忽略完整知识体系搭建以及难以差异化、个性化培养的问题。通过教学实践证明，基于网络学习平台的教学改革，更有利于因材施教，挖掘学生学习潜力，进而提升其职业技能。

[关键词] 网络学习平台;教学改革;网頁设计

[作者简介] 陈森玲（1986—），女，福建泉州人，管理学硕士，广东省外语艺术职业学院财会金融学院讲师，主要从事电子商务教学研究。

[中图分类号] G420 [文献标识码] A [文章编号] 1674-9324（2022）01-0058-04 [收稿日期] 2021-07-30

引言

网络学习平台是实现“三通”（宽带网络校校通、优质资源班班通、网络学习空间人人通）的主要形式之一，有助于突破时空限制，把教学延伸到网络，丰富教学内涵，促进教学方式的转变，提升课程管理水平。韩知音在其研究中指出，运用现代信息化技术可以搭建高效课堂，可以加强学生自主学习的意识，实现学习的个性化，促进学生之间的合作式学习。同时师生互动体现以学生为主体，教师为主导的显著特点。因此，在网络学习平台上开展教学信息化这一教学模式改革，不仅有助于解决现有的教学困难，提升教学质量，还可以有利于师生互动教学相长，帮助教师调整教学策略，提升学生职业技能，从而实现高素质技能性人才的培养。

本次教学改革实践主要使用了专业教学资源库和蓝墨云班课教学平台作为网络学习平台。其中教学资源库是集专业学习、校企合作、社会服务于一体的专业化教学平台，能够连接企业真实项目需求，提供教学资源发布的直接途径，让学生在专业学习过程中能够随时查看教学资源，随时对接企业需求。而蓝墨云班课App是一款基于移动终端的即时反馈教学互动工具。以其丰富的教学活动场景和数据分析能力帮助教师开展教学实践并分析教学应用效果，从而有的放矢，因材施教。

一、课程实践过程设计

（一）设计方法

本课程采取基于网络学习平台的教学改革模式。在以往的教学过程中发现学生在任务驱动式教学中只知其一，不知其二，能够理解掌握任务中所涉及的部分知识点，但是不能搭建完整的知识体系，因此结合翻转课堂和在线脑图要求学生在开始任务之前搭建脑图知识树，并通过在线视频、在线测试、错误找茬、综合实战等教学活动，以网页效果图为任务导向，提倡学生自主学习、互相答疑、充分互动、解决问题，深入挖掘学习能力，提升职业技能。

本课程共使用了多媒体资源、网页设计教学工具、脑图知识树，以及移动信息化App等四类教学工具，贯穿了课前启发、课中任务、课后反馈的教学全过程，利用在线视频和在线脑图全面覆盖知识点，利用在线测试和错误找茬的方式让学生在错误中巩固知识点。为了突破教学难点，设置了每周2次的量图任务和3次的实战任务，同时配合答疑反馈和作业互动，确保教学效果。教学过程实施可分为七个环节：课程导入、知识点梳理与测试、课前分析、量图任务与课堂答疑、教学反馈、错误找茬、综合实战。

（二）实施过程

1.知识导入。课前1周，教师在蓝墨云发送一个关于学习知识点和任务的通知，学生手机端可以收到消息提醒。登录班级资源中心发布一个快递盒子的图片，要求学生思考快递盒子中的厚度、填充物和内容物跟CSS盒子模型中三个属性之间的对应关系，同时将之前录制好的6个微课视频上传到教学资源库中，将地址发布在蓝墨云的资源中。学生可以通过蓝墨云手机端或者电脑端登录教学资源库反复查看教学视频。随后教师可以在资源中查看学生的学习统计情况，发现有还未查看的学生对他们进行再次提醒。

2.知识点梳理与测试。课前30分钟，教师布置知识点梳理和测试环节。为了更好掌握学生翻转课堂的学习情况，教师提前设置了一个在线脑图的检查作业，要求学生分享他的百度脑图链接。学生提交一次链接即可，教师检查时可自动更新学生的完成情况，从而了解学生对知识点的理解程度。同时，把知识点抽象为题库，制作为一个限时15分钟的测试活动，学生可以在手机端进行测试，测试结束后可以查看自己的成绩排名和结果解析。

3.课中分析。课中15分钟，查看全班学生的课前测试情况，并根据正确率进行排序，找到学生错误率最高的一些题目。分析具体题目与选项，在讲解后查看题目解析。讲解课前任务时，通过用量图工具在这个快递盒子上标出CSS盒子模型的三个属性，通过现实世界常见的事物与网页设计抽象的CSS盒子模型的对应关系帮助学生掌握教学重点。

4.量图任务和课堂答疑。教师将网页中常见结构，如导航条、列表盒子用量图工具发布量图任务单，同时将任务单相关的图片素材和文字内容压缩为解压包发布到作业的附件中，并提出作业要求。学生在课堂上完成网页设计任务过程中，遇到问题时可以相互答疑或者咨询教师。

5.教学反馈。为了有依据地调整教学策略，整个教学过程中采取了三种方式来收集教学反馈：（1）答疑库。学生在答疑活动中提出自己的问题，教师一一进行答复，也鼓励学生互相答疑。如果学生能准确解决同学问题，教师将给予经验值奖励，学生积极性很高。（2）作业评论。学生提交作业后，教师在修改时除了给予分数外，还会在评论中指出学生作业的错误。如果学生在评论中请教了教师指出的错误，教师可以在作业列表中查看消息提醒并进行答复，如果学生能够自行解决自己的错误，则给予经验值奖励。（3）课堂调查。在每个课堂阶段，教师会发布一个课堂调查了解学生对教学内容、教学形式和教学进度的反馈情况。经调查，98%的学生都能接受翻转课堂的教学方式。

6.错误找茬。课后批改作业的过程中，教师将学生作业中汇总的常见错误页面发布到教学资源中，让学生在下次上课前15分钟查看，并根据自己的理解换位思考，找出那些常见的错误并进行改正。鼓励学生上台演示自己的改正过程，并通过蓝墨云的课堂表现对这些积极的学生进行加分奖励。

7.综合实战。根据教学进度安排，本门课程会安排相应的综合实战任务，完成公司网页设计。

（三）评价与考核

本门课程评价与考核分三个部分，课程总成绩=平时成绩（50%）+实践考核（50%），具体构成如下：（1）平时成绩由蓝墨云平台经验值构成，不同活动的权重不同。作业/测试占75%，获赞占10%，其他活动占15%。（2）实践考核成绩要求完成专题设计和效果图制作（50%），包含表单元素和JavaScript交互（20%），文档结构合理（10%），最终发布到网络空间（5%），可以正常访问（5%）。（3）优秀实践作业将发布到蓝墨云案例作品中作为展示。表现较好且有意愿的学生将被纳入工作室创业开发团队，参与学生创新创业活动。

二、教学实践应用效果分析

（一）课堂调查和讨论答疑及时获取学生的教学反馈

从2016年秋季学期开始，已实施5轮教学周期，共涉及13个教学班。通过在线调查问卷和随机访谈的形式了解学生对该教学模式的认可度。70%的学生对使用网络教学平台的学习主观体验是认可的，34%的学生比较认可，4%的学生认为说不清楚，2%的学生表示不太认可。通过蓝墨云班课的“讨论答疑”活动征集学生对课程的意见和建议时，有学生提出“教学视频丰富，学到很多”“教学方式新颖，课堂氛围轻松”“老师很认真批改作业，我们得更努力”等。在期末教学质量学生评价中，学生满意度达到92%。

（二）教学资源和在线脑图提升学生自主学习能力

课前推送教学视频和在线脑图的构建可以促进学生自主学习，学生可以根据视频的内容构建脑图知识树，建立完整的知识体系，并且结合课前测试来检查自学成果（见表1）。对部分自觉性差的学生，教师可以根据学生学习资源的学习反馈情况发送提醒通知，通过QQ、微信和课下面对面等方式与学生进行私下交流沟通，指导学生自学。

（三）教学资源和教学活动满足学生个性化学习

灵活多样的教学资源和教学活动可以充分满足学生个性化学习的需要。本课程共发布152个教学资源，覆盖视频、链接、文档、图片和其他等类型。经调查，93%的学生花在视频学习的时长超过了总时长的80%，说明学生能够接受翻转课堂的形式，保证课堂学习效果。

本课程共发布44个教学活动，覆盖投票问卷、讨论答疑、测试、签到、课堂表现、作业/小组任务等形式，具体构成比例如图1所示。除了未开展的头脑风暴形式，学生在各类教学活动的参与程度平均达到90%，大大丰富了学生的课堂参与形式。

（四）经验值评分系统让学习自然发生

采用教学资源库+蓝墨云班课开展教学，可以利用网络平台的后台功能全程记录学生的整个学习过程，并根据学生的学习情况赋予相应的经验值，各类活动的经验值再根据教师实现赋予的权重重新计算，计入学生的期末总评，形成了对学生学习活动的多维度分析与评价的过程。学生不仅在查看教学资源和参与教学活动中获得经验值，还可以通过作业任务、热心解答、获取点赞、课程表现等方式获得教师额外的经验值奖励。通过平台经验值的统计，汇总成经验值排行榜。

学生在手机端可以随时查看自己的经验值排名，也可以了解其他学生的学习情况。通过对13个教学班的观察，绝大多数的学生都很在意自己的经验值变动情况。通过合理的教学活动和点赞互动，学生会积极比较自己与优秀学生之间的差距，思考自己的优势与不足，从而形成相互竞争的良好氛围，激发学生的学习兴趣。

（五）完整的学情分析让教学调整有的放矢，实现因材施教

蓝墨云平台能够提供同一个班级学生查阅资源、参与活动和签到等详细的班课明细数据，并汇总为学情分析报告。通过查看这些统计数据了解本班学生的学习习惯和效果，有的放矢地调整教学进度和教学活动。

以2020—2021第一学期2020级电子商务2班为例，可知学生查阅资源的时间主要集中在早上8～9时、下午14～15时及晚上19～21时三个高峰期，因此资源发布的时间可定在中午12时和下午18时后发布。

图2是低经验值学生的学情分析，从中可以得知学生在讨论答疑和作业活动中与优秀的学生存在明显差异。找到这位学生，与其充分沟通，开展针对性的辅导，实现因材施教。

结语

本门课程依据“网页设计”课程标准、前端设计岗位的基础技能要求、学习者特征分析、现代教育技术理论及建构主义学习理论，创设一个融多种信息化手段和教学法于一体的教学环境，通过上述实践效果分析可知，基于网络学习平台的教学模式改革实践存在以下优点：（1）课程使用了教学资源库+蓝墨云移动信息化平台贯穿教、学、练、测的完整教学环节，多次且深入的教学互动与反馈，实现了自主学习、竞争学习。（2）利用翻转课堂和在线脑图的方式覆盖知识体系，弥补项目任务教学中知识点覆盖不足的缺陷，夯实专业基础。（3）利用经验值系统形成学情报告，掌握学生学习过程的全程管理，形成竞争学习的同时，也能对落后的学生因材施教。（4）大量的任务与实战形成了作品导向，提倡学生解决实际问题、互相答疑、充分互动、学以致用，深入挖掘学习能力，提升職业技能。

当然，这一教学改革方式对教师需要提出更高要求。以学为中心而不是以师为中心这一原则要求教师必须制作更加丰富的教学资源，及时有效地调整教学方式，要求教师设计更加有意义的教学活动，提高学生学习的积极性和参与度。教师的角色已经由“教学者”转向“组织者”，更加考验了教师的课程设计和课堂实施，如教师对教学资源、课前任务单、课上活动、教学评价等的设计。

參考文献

[1]王喜东，路兆铭，温向明，等.面向“三通两平台”的教育信息网络建设[J].电脑知识与技术，2015（7）：193-195.

[2]韩知音，刘桂香.高效课堂与现代教育技术手段的运用[J].报刊荟萃，2017（3）：121.

[3]谭春兰.基于蓝墨云班课的翻转课堂教学改革实践[J].物流工程与管理，2016，38（6）：219-220+240.

[4]沈爱凤，韩学芹.职业教育中“任务驱动式”教学模式的探讨与应用[J].职教论坛，2016（2）：46-49.

Practice and Analysis of Teaching Mode Reform Based on Network Learning Platform for Web Design Course

CHEN Sen-ling

（School of Foreign Languages and International Trade， Guangdong Teachers College of Foreign Languages and Arts， Guangzhou， Guangdong 510640， China）

Abstract： Based on the network learning platform of our teaching resources and Moso Teach， this paper analyzes the learning process data of 13 classes in the course of Web Design， describes the teaching mode reform based on the network platform combined with a teaching unit， and effectively solves the long-term problems such as overlooking web designing capabilities， a complete knowledge system or personalized cultivation. It has been proved by teaching practice that this teaching reform based on network learning platform is conducive to teaching students in accordance with their aptitudes， tapping their potential in learning， and improving their occupation skills.

Key words： network learning platform; teaching reform; Web Design