论文部分内容阅读
摘要：随着”互联网 教育”的发展，移动学习以其独具创新的方式引领着数字化学习的巨大变革，也促进了混合式教学的发展。本文从基于超星学习通平台构建《HTML5 CSS3》学科的混合式教学模式，旨在借助超星学习通并通过混合式教学模式，将信息技术和传统教学进行融合，实现线上线下互相补充，为学生提供丰富的、个性化的学习资源，利用碎片化的时间自主学习，提升学习效率，进一步改进教学方法。
关键词：超星学习通;混合式教学;HTML5 CSS3
中图分类号：G642 文献标识码：A
文章编号：1009-3044（2020）19-0141-02
开放科学（资源服务）标识码（OSID）：
当前，HTML5 CSS3是网站设计前端市场的主流技术，具有广泛的应用市场，是前端工程师岗位的必备技术基础，其课程有很强实践性和应用性，更是中职学校电子商务专业、移动商务专业的专业基础课，该课程内容抽象、难懂，知识面广、操作性强，需要学生细致地分析和系统的学习。因此，《HTML5 CSS3》网页设计课程给中职教师和学生带来了巨大的教学与学习的挑战。要如何充分利用教学资源来进行更好的教与学，以便学生能够对其进行深刻的理解与灵活的运用呢？
1 中职《HTML5 CSS3》网页设计课程的特点
中职《HTML5 CSS3》网页设计课程是电商移动商务专业的专业基础课。在具体教学过程中，其实践运用和操作性非常的强，并且它涵盖的内容广泛，知识也非常的晦涩难懂，需要学生进行系统性分析和学习。在进行课程教学时，一般都是教师讲解并对学生进行演示，然后学生再按照自己的记忆与参考书进行练习。根据作者多年以来的教学经验，这样的方式使得教学效率非常低。学生在观看教师演示的时候，本来就对其操作不是很熟悉，更不能够将其记忆背诵下来。他们在之后练习的时候也无从下手，不仅浪费了课堂时间，还会打击学生的自信心。久而久之，这种一成不变的教学模式也不能够激发起学生的学习动力，教师又不能够对学生的学习成果与过程进行掌控，也不能据学生的个体差异去进行针对性教学。
2 超星学习通在线学习平台
超星学习通是一款移动端在线教学平台，由超星公司打造出来，其目标在于改革传统的教学模式。很多学生都简称为“学习通”。在学习通当中，主要的教学功能有6项。第一，教师可以在学习通上利用手机投影，在手机上给学生展示课堂，提升教学课堂的灵活性;第二，学生与教师可以在学习通中进行多样化互动。教师新建起课程，类似于QQ群、微信群，在课程当中可以进行随机选人、签到、抢答、问卷、通知、投票、直播等等，还可以在课程当中设置讨论组让同学在小组当中进行讨论，第三，学生可以在上面进行小组合作，学生在分组模块当中进行头脑风暴;第四，教师能够看到学生进行学习的全过程，学习视频是否观看、其课堂讨论的参与度、考勤情况、测试效果等等，以此来加深对学生的了解，客观的评价学生，根据评价来对学生进行针对性的辅导;第五，学生可以对教师、可以对自己的同学进行评价，实现多样化评价;第六，则是学习通上的成绩统计。学生可以在学习通上清楚地看到自己线上与线下成绩的得分，发现自己在平时学习当中的不足之处，激发学生学习热情，也有利于教师实行成绩的动态管理。
3 基于超星学习通在线教学平台的混合式教学实践研究
3.1 研究目的
以中职《HTML5 CSS3》网页设计课程为例，探究基于学习通在线教学平台的混合式教学模式对学生的运用效果，以便于寻找到提升教学质量的有效方法。
3.2 研究对象
厦门信息学校2018级电子商务专业1班、2班的学生共计103人。基于超星学习通在线学习平台进行线上线下混合式教学模式的实践探究。
3.3 研究过程
在进行混合式教学模式过程当中，其主要被分为三个阶段即课前、课中、课后三个学习阶段。通过导入、学习、巩固三个阶段来将学生引入到课程当中。在学生进行学习过程时，这三个阶段循序渐进地实现知识技能的传递、理解、深化和巩固拓展。在课前阶段，学生按照学习通上发布的课堂作业来进行自主预习，根据书本和学习通微课视频的提示与学习完成基础网页制作;在课堂上课时，学生在教师的讲解和引导下，通过线下课堂和超星学习通相结合完成小组讨论，提升参与度并完成进阶性网页制作任务，在课堂中将知识技能进行深度理解与深化;在课后，学生根据学习通上的课后作业与测试来完成巩固与拓展的任务，以便学生在脑海中建立起有关于《HTML5 CSS3》网页设计课程的知识结构体系。
1）课前
在这一阶段，教师的任务就是在学习通上发布预习任务和微课视频。让学生根据教师提出的要求完成课前预习作业，并进行小测试与制作基础性网页。对将要学习的课程进行初步理解，并在预习过程中发现自己在网页制作过程中遇到的问题。这一阶段的作用，就是学生在预习时通过线上线下的资源完成网页制作。让学生在脑海中形成一个初步的印象，以便于教师在课堂中讲解时，不会像无头苍蝇一样乱找乱看，确定自己在一节课程当中所需要学习的重点与难点。
2）课中
在课中阶段，主要是学生通过线下课堂和学习通来进行小组参与式学习。在参与过程当中，学生要对自己之前设置的网页进行展示，并將其与其他同学的作品进行比较，分析不同作品的优缺点与异同点。之后，教师再根据学生的作品来进行短暂点评，并发放给学生一个优秀的网页案例，让学生将自己的作品与其案例进行对比。发现其中所蕴含的重要知识点，并根据自己在课前发现的问题来进行讨论，再与教师一起整理学习;然后学生在课上进行网页修改，并在讨论组当中完成操作任务，将其发布到学习通平台之上，由教师与自己的同学进行评价。最后，学生在超星学习通平台上进行知识点测试，与教师一起回顾、反思课堂并总结知识点。教师在这一过程当中所需要做的就是精心设计教学活动，让学生体验到线上线下学习的新颖度，提升他们的学习兴趣。同时，在引导学生进行知识整理与总结时，要帮助他们进行知识的深刻理解，并将其内化成自身的能力拓展思维，熟悉操作提高运用能力。 3）课后
在课后巩固阶段，学生主要是根据课中学习通上教师同学的评价来巩固自己的知识点，改正自身在網页制作过程当中存在的不足之。并在教师提供的课后拓展资料当中拓宽知识面，培养创新能力与探究能力。根据自己对知识的拓展学习来提出问题，而教师最后会根据学生的课后测试与任务完成的情况来给予相应的指导，帮助学生解决问题，巩固知识。
4 结果与评价
4.1结果
在作者进行实践研究过程中，对2017级电子商务专业1班和2班共计93名中职学生讲解《HTML5 CSS3》网页设计课程时，仍然采取的是传统式的教学方式。即教师讲解、演示，学生练习这三种形式相结合的方法。对于2018级电子商务1班和2班这两个班采用的是基于超星学习通在线学习平台的混合教学模式。在相同的课程与课时条件下，学生的知识基础、年龄结构都相差无几，也都是作者进行的课程讲解。
在教学进度方面相同的课时中，2018级学生比2017级的学生多完成三个单位的教学，即2017级学生学习了9个单元，而2018级的学生却将12个单元都学习完毕。对于2018级学生来说，超星学习通实现了教师评价学生互评的多样化评价，并且学生还能够从学习平台中清晰地看到自己在线上线下的成绩，以便学生看到自身学习全过程的动态性评价。从2017级和2018级的最终成绩对比中也可以发现，2018级学生的整体平均成绩要高于2017级学生。而通过全过程的动态评价结果来看，可以明显看出2018级学生的整体平均水平在初期与2017级学生相差不大，但是随着课程的开展，2018级学生整体平均水平逐渐高于2017级学生，后来相差越来越大。无论是从教学进度还是从学生的学习效果，混合式教学模式对学生的改变都非常大。
4.2 评价
在本门课程结束后，作者还通过超星学习通问卷和交流访谈的形式，记录下了所有103名同学对这一混合式教学模式的反馈与建议。其调查所包括的题目有“学生在进行这一教学模式时是否能够跟得上教学进度”“是否加深了自己对知识的理解程度”“是否培养了自身的学习习惯”以及“对教师的教学方法是否持有好感”等，在此便不再赘述。最后结果得出，有73.7%的学生在此课程开始之前对混合式教学模式并不是很了解。但是经过了一个学期的实践研究，有68.3%的同学觉得自己很喜欢混合式教学模式。同时分别有86.3%、60.7%、63.2%的同学认为自身的专业知识技能在这一教学模式中得到了提高、有利于集中注意力与提升教学效果、激发了对学习的热情和动力。
5 结论
综上所述，基于超星学习通在线学习平台的混合式教学模式改变了传统式的教学形式，将线上线下的学习进行有机融合，使学生在学习过程中得到更为齐全的资料、拓展了学生的学习平台，提升了他们的学习效率。同时学生利用学习通进行学习时，利用起了自身的碎片化时间与教师进行互动，使自己在不上课的时候也能在线上提出问题等待教师解答。学生也能看到其他同学的问题和解答，学习到更多的知识，加深学习体验。对教师来说，混合式教学模式能够有利于了解到学生的学习特点与学习成果。文章当中所做的实践研究仅供参考，如有不足之处，敬请批评指正。
参考文献：
[1]葛蓝.基于HTML5 CSS3的网页布局[Jl.数字技术与应用，2017（10）：92-93.
[2]危华明，陈积常，汪小威.基于HTML5 CSS3.0的响应式网站前端设计与实现[Jl.福建电脑，2018，34（5）：15-15，31.
[3]郭丰涛，移动教学App在高校课堂教学中的应用研究——以超星学习通为例[J].科教文汇，2018（18）：39-40.
[4]曲明洋，李廷取，靳思远.基于超星学习通考查课评价方式的改革思考[J].吉林化工学院学报，2018，35（08）：24-27.
[5]王秀慧，薄文彦，冯丽露.基于超星学习通的翻转课堂教学模式应用研究——以“网站设计与开发”课程为例[Jl，中国信息技术教育，2018（17）：90-93.
[6]蒋军强，朱晨妍，陆有丽，等.基于移动终端的高交互混合式教学模式初探[J].湖南理工学院学报（自然科学版），2018，31（4）：83-86.
【通联编辑：李雅琪】
关键词：超星学习通;混合式教学;HTML5 CSS3
中图分类号：G642 文献标识码：A
文章编号：1009-3044（2020）19-0141-02
开放科学（资源服务）标识码（OSID）：
当前，HTML5 CSS3是网站设计前端市场的主流技术，具有广泛的应用市场，是前端工程师岗位的必备技术基础，其课程有很强实践性和应用性，更是中职学校电子商务专业、移动商务专业的专业基础课，该课程内容抽象、难懂，知识面广、操作性强，需要学生细致地分析和系统的学习。因此，《HTML5 CSS3》网页设计课程给中职教师和学生带来了巨大的教学与学习的挑战。要如何充分利用教学资源来进行更好的教与学，以便学生能够对其进行深刻的理解与灵活的运用呢？
1 中职《HTML5 CSS3》网页设计课程的特点
中职《HTML5 CSS3》网页设计课程是电商移动商务专业的专业基础课。在具体教学过程中，其实践运用和操作性非常的强，并且它涵盖的内容广泛，知识也非常的晦涩难懂，需要学生进行系统性分析和学习。在进行课程教学时，一般都是教师讲解并对学生进行演示，然后学生再按照自己的记忆与参考书进行练习。根据作者多年以来的教学经验，这样的方式使得教学效率非常低。学生在观看教师演示的时候，本来就对其操作不是很熟悉，更不能够将其记忆背诵下来。他们在之后练习的时候也无从下手，不仅浪费了课堂时间，还会打击学生的自信心。久而久之，这种一成不变的教学模式也不能够激发起学生的学习动力，教师又不能够对学生的学习成果与过程进行掌控，也不能据学生的个体差异去进行针对性教学。
2 超星学习通在线学习平台
超星学习通是一款移动端在线教学平台，由超星公司打造出来，其目标在于改革传统的教学模式。很多学生都简称为“学习通”。在学习通当中，主要的教学功能有6项。第一，教师可以在学习通上利用手机投影，在手机上给学生展示课堂，提升教学课堂的灵活性;第二，学生与教师可以在学习通中进行多样化互动。教师新建起课程，类似于QQ群、微信群，在课程当中可以进行随机选人、签到、抢答、问卷、通知、投票、直播等等，还可以在课程当中设置讨论组让同学在小组当中进行讨论，第三，学生可以在上面进行小组合作，学生在分组模块当中进行头脑风暴;第四，教师能够看到学生进行学习的全过程，学习视频是否观看、其课堂讨论的参与度、考勤情况、测试效果等等，以此来加深对学生的了解，客观的评价学生，根据评价来对学生进行针对性的辅导;第五，学生可以对教师、可以对自己的同学进行评价，实现多样化评价;第六，则是学习通上的成绩统计。学生可以在学习通上清楚地看到自己线上与线下成绩的得分，发现自己在平时学习当中的不足之处，激发学生学习热情，也有利于教师实行成绩的动态管理。
3 基于超星学习通在线教学平台的混合式教学实践研究
3.1 研究目的
以中职《HTML5 CSS3》网页设计课程为例，探究基于学习通在线教学平台的混合式教学模式对学生的运用效果，以便于寻找到提升教学质量的有效方法。
3.2 研究对象
厦门信息学校2018级电子商务专业1班、2班的学生共计103人。基于超星学习通在线学习平台进行线上线下混合式教学模式的实践探究。
3.3 研究过程
在进行混合式教学模式过程当中，其主要被分为三个阶段即课前、课中、课后三个学习阶段。通过导入、学习、巩固三个阶段来将学生引入到课程当中。在学生进行学习过程时，这三个阶段循序渐进地实现知识技能的传递、理解、深化和巩固拓展。在课前阶段，学生按照学习通上发布的课堂作业来进行自主预习，根据书本和学习通微课视频的提示与学习完成基础网页制作;在课堂上课时，学生在教师的讲解和引导下，通过线下课堂和超星学习通相结合完成小组讨论，提升参与度并完成进阶性网页制作任务，在课堂中将知识技能进行深度理解与深化;在课后，学生根据学习通上的课后作业与测试来完成巩固与拓展的任务，以便学生在脑海中建立起有关于《HTML5 CSS3》网页设计课程的知识结构体系。
1）课前
在这一阶段，教师的任务就是在学习通上发布预习任务和微课视频。让学生根据教师提出的要求完成课前预习作业，并进行小测试与制作基础性网页。对将要学习的课程进行初步理解，并在预习过程中发现自己在网页制作过程中遇到的问题。这一阶段的作用，就是学生在预习时通过线上线下的资源完成网页制作。让学生在脑海中形成一个初步的印象，以便于教师在课堂中讲解时，不会像无头苍蝇一样乱找乱看，确定自己在一节课程当中所需要学习的重点与难点。
2）课中
在课中阶段，主要是学生通过线下课堂和学习通来进行小组参与式学习。在参与过程当中，学生要对自己之前设置的网页进行展示，并將其与其他同学的作品进行比较，分析不同作品的优缺点与异同点。之后，教师再根据学生的作品来进行短暂点评，并发放给学生一个优秀的网页案例，让学生将自己的作品与其案例进行对比。发现其中所蕴含的重要知识点，并根据自己在课前发现的问题来进行讨论，再与教师一起整理学习;然后学生在课上进行网页修改，并在讨论组当中完成操作任务，将其发布到学习通平台之上，由教师与自己的同学进行评价。最后，学生在超星学习通平台上进行知识点测试，与教师一起回顾、反思课堂并总结知识点。教师在这一过程当中所需要做的就是精心设计教学活动，让学生体验到线上线下学习的新颖度，提升他们的学习兴趣。同时，在引导学生进行知识整理与总结时，要帮助他们进行知识的深刻理解，并将其内化成自身的能力拓展思维，熟悉操作提高运用能力。 3）课后
在课后巩固阶段，学生主要是根据课中学习通上教师同学的评价来巩固自己的知识点，改正自身在網页制作过程当中存在的不足之。并在教师提供的课后拓展资料当中拓宽知识面，培养创新能力与探究能力。根据自己对知识的拓展学习来提出问题，而教师最后会根据学生的课后测试与任务完成的情况来给予相应的指导，帮助学生解决问题，巩固知识。
4 结果与评价
4.1结果
在作者进行实践研究过程中，对2017级电子商务专业1班和2班共计93名中职学生讲解《HTML5 CSS3》网页设计课程时，仍然采取的是传统式的教学方式。即教师讲解、演示，学生练习这三种形式相结合的方法。对于2018级电子商务1班和2班这两个班采用的是基于超星学习通在线学习平台的混合教学模式。在相同的课程与课时条件下，学生的知识基础、年龄结构都相差无几，也都是作者进行的课程讲解。
在教学进度方面相同的课时中，2018级学生比2017级的学生多完成三个单位的教学，即2017级学生学习了9个单元，而2018级的学生却将12个单元都学习完毕。对于2018级学生来说，超星学习通实现了教师评价学生互评的多样化评价，并且学生还能够从学习平台中清晰地看到自己在线上线下的成绩，以便学生看到自身学习全过程的动态性评价。从2017级和2018级的最终成绩对比中也可以发现，2018级学生的整体平均成绩要高于2017级学生。而通过全过程的动态评价结果来看，可以明显看出2018级学生的整体平均水平在初期与2017级学生相差不大，但是随着课程的开展，2018级学生整体平均水平逐渐高于2017级学生，后来相差越来越大。无论是从教学进度还是从学生的学习效果，混合式教学模式对学生的改变都非常大。
4.2 评价
在本门课程结束后，作者还通过超星学习通问卷和交流访谈的形式，记录下了所有103名同学对这一混合式教学模式的反馈与建议。其调查所包括的题目有“学生在进行这一教学模式时是否能够跟得上教学进度”“是否加深了自己对知识的理解程度”“是否培养了自身的学习习惯”以及“对教师的教学方法是否持有好感”等，在此便不再赘述。最后结果得出，有73.7%的学生在此课程开始之前对混合式教学模式并不是很了解。但是经过了一个学期的实践研究，有68.3%的同学觉得自己很喜欢混合式教学模式。同时分别有86.3%、60.7%、63.2%的同学认为自身的专业知识技能在这一教学模式中得到了提高、有利于集中注意力与提升教学效果、激发了对学习的热情和动力。
5 结论
综上所述，基于超星学习通在线学习平台的混合式教学模式改变了传统式的教学形式，将线上线下的学习进行有机融合，使学生在学习过程中得到更为齐全的资料、拓展了学生的学习平台，提升了他们的学习效率。同时学生利用学习通进行学习时，利用起了自身的碎片化时间与教师进行互动，使自己在不上课的时候也能在线上提出问题等待教师解答。学生也能看到其他同学的问题和解答，学习到更多的知识，加深学习体验。对教师来说，混合式教学模式能够有利于了解到学生的学习特点与学习成果。文章当中所做的实践研究仅供参考，如有不足之处，敬请批评指正。
参考文献：
[1]葛蓝.基于HTML5 CSS3的网页布局[Jl.数字技术与应用，2017（10）：92-93.
[2]危华明，陈积常，汪小威.基于HTML5 CSS3.0的响应式网站前端设计与实现[Jl.福建电脑，2018，34（5）：15-15，31.
[3]郭丰涛，移动教学App在高校课堂教学中的应用研究——以超星学习通为例[J].科教文汇，2018（18）：39-40.
[4]曲明洋，李廷取，靳思远.基于超星学习通考查课评价方式的改革思考[J].吉林化工学院学报，2018，35（08）：24-27.
[5]王秀慧，薄文彦，冯丽露.基于超星学习通的翻转课堂教学模式应用研究——以“网站设计与开发”课程为例[Jl，中国信息技术教育，2018（17）：90-93.
[6]蒋军强，朱晨妍，陆有丽，等.基于移动终端的高交互混合式教学模式初探[J].湖南理工学院学报（自然科学版），2018，31（4）：83-86.
【通联编辑：李雅琪】