基于翻转课堂的网页制作课程应用研究

李彦奇

摘 要：本文从计算机网络技术专业特点及学生特点出发，以网页制作课程为例，探索应用翻转课堂教学模式，为计算机网络技术专业的教学模式及课程改革提供参考。

关键词：翻转课堂；网页制作课程；计算机网络技术专业

对于高等职业院校计算机网络技术专业的教学而言，大部分的课程都是在计算机机房或真实环境实训室，使用相应的软件或模拟器完成教学，可以说是最早实现信息化教学的一个专业，这样的上课环境及教学方式在享受信息技术带来的优势的同时，也承担着非常大的考验，因为学生本身的自制力较差，再加上理科学生男生多的特点，造成课堂秩序难以维持，学生玩游戏现象普遍，如何在利用各种教学软件的辅助下，激发学生的求知欲望，提高学生的学习兴趣，由被动学习变主动学习，才是解决计算机网络专业学生培养的关键。

笔者以网页制作课程为例，基于现有生源条件，构建了基于翻转课堂的课程教学模式，旨在探索适合本课程的教学模式和方法，进而带动计算机网络专业的其他课程建设，形成一套完善的师生互动、分层教学模式以及科学的过程性考核体系。

一、翻转课堂的概念及理念

翻转课堂是借助于信息技术先进手段，在课外完成知识传授，课内通过学生间协作及教师的协助完成知识内化。课前，学生已经观看相关微课及教学资源，对要學习的新内容有大概的了解，并且通过课件交互、提问引导学生思考解决问题。在课堂上学生将不理解的问题提出来，通过小组协作、头脑风暴等方式寻找解决方案，然后教师在课堂上对于学生提出的问题进行简单解答。最后通过课后的拓展训练加深知识内化。相对于传统的教学模式而言，翻转课堂的教学模式更具有优势。它节省了课堂教学的时间，让学生有足够的时间去思考问题，有助于激发学生的自主学习思维，提高学生的自主学习能力，课堂教学中教师对知识点的讲解，相当于是帮助学生加强对知识点的巩固，提高学习效率

二、高职网页制作专业课翻转课堂教学模式

（一）高职网页制作课程特点

网页制作课程的先修课程为网页美工，网页制作课程要求学生能够根据效果图做出静态网页。网页被划分为几个模块，每个模块中涉及若干个任务。每个任务的实现方法多样，难易程度也可以不同，适合采用分层教学模式。网页制作课程的特点是操作性强、实用性强，笔者结合15级网络班情况，以网页中导航的构造这个单元为例探索翻转课堂模式的应用。

（二）应用模型

翻转课堂教学模式，教学过程分为三个阶段：课前学习、课中学生讲解，教师总结及课后拓展和延伸，每个阶段都需要合理设计，才能达到实现学生自主学习的目的。

1.课前发布

课前阶段，是整个教学环节的基础，教师在此阶段要在教学平台上完成教学文件的发布，其中包括教学目标、教学任务、教学课件、教学视频等，学生要在此阶段完成学习及初步实验报告。笔者教学平台采用的是职教云平台，例如，导航的构造这个单元，要完成的教学目标是：掌握垂直导航、水平导航、按钮式导航的制作，了解交互式导航。教学任务是：在列表的基础上完成垂直导航条、水平导航条、按钮式导航条的制作。教学资源包括本节课的课件、微课、作业及pdf资源。微课由三个小任务组成：列表的实现、超链接的添加、垂直导航条的制作，任务层层递进，在最后通过多选题形式督促学生思考用所学的css知识做出水平导航条。通过微课，让学生能够独立完成垂直导航条的制作，以及思考水平导航条的实现。

2.课堂互动

课堂阶段，围绕课前的案例引入，展开教学活动。课堂是学生内化知识提高技能的关键环节，教师按照教学进程组织一系列教学活动，如知识竞赛、小组讨论、实践操作以及针对不同层次学生展开的分层拓展训练，在此过程中，教师给予实时指导，并针对小组讨论给出归纳总结，进行一些简短的评价。

学生根据提示制作了水平导航，遇到了一些问题，例如，导航的某些栏目掉了下来，或栏目宽度无法设置等。学生通过小组讨论寻找解决办法，经过讨论及查看资料，学生找出行内方法和浮动方法实现的关键点，并把解决方案由每组的代表展示给大家，通过组间互评选出最优方案并完成实验报告。对于动手能力差的学生，独立完成水平导航的制作。对于中等层次的同学，让他们完成网页中经常使用的按钮式导航的制作。对于动手能力强的同学，根据平台的学习资料完成二级导航的制作。通过翻转课堂实现了教师与学生角色的互换，学生主讲，组间评价，以及教师点评，真正做到以学生为主，教师为导的教学过程。

3.课后拓展延深，实现分层考核

为了巩固课上所学，课下学生要完成课后任务，不同层次的学生选择自己能完成的任务，通过不同分值计入最终评价。动手能力强的同学，有一定的编程基础，通过平台链接的资源自己开发出交互的导航，为将来从事网页前端的工作做好准备。中等层次的同学，完成个性化的按钮式导航制作。为完成良好的结课作业打下基础。基础层次的同学，能够独立完成个性水平导航的制作即可。

（三）基于翻转课堂的网页制作课程的考核反馈机制

有效、及时的考核可以让学生认清自己，对于每个任务点，学生了解了自己的水平，而且实时看到自己的成绩，对主动性较差的同学起到了提醒的作用。对于网页制作课程，通过作业完成情况、实验报告、小组打分等多方面多角度考核学生，这正符合过程性考核的原则。

翻转课堂教学的各环节都有反馈，对于学生来说，学习进度及学习所遇困难都可以通过教学平台及微信群和qq群传递给老师，对于老师来说可以及时的改进教学过程的所存在的问题。这些都可以为个性化学习提供充分的条件。

三、总结

总结，随着信息化教学的深入，翻转课堂这种教学模式的实现有了更高的保障，同时它也为实现探究学习、自主学习提供了解决方案。为了确保翻转课堂能够有效的开展，一定要做好教学资源的开发，课堂互动的设计以及科学评价体系的制定。翻转课堂模式弥补了传统教学的短板，增强了学生自主学习的能力，为将来的可持续性发展注入了动力。

参考文献：

[1]王红，赵蔚，孙立会，刘红霞.翻转课堂教学模型的设计——基于国内外模型案例分析[J].现代教育技术，2013（8）：9-10.

[2]陈立群.“翻转课堂”与传统教学的差异[J].学习（理论版），2015（14）.