翻转课堂在中职网页制作课程中的应用

刘远庆

【摘 要】以中职网页制作课程为例，探索翻转课堂在中职学校教学中的应用，并阐述基本流程和一般实施方法。

【关键词】翻转课堂 微视频 网页制作课程 应用

【中图分类号】G 【文献标识码】A

【文章编号】0450-9889（2016）06B-0049-02

“翻转课堂”是将传统课堂的“教—学”教学模式前后翻转过来变成“学—教”模式，通过微视频重新安排课内外学习的时间和方式，把学习主动权从教师手中重新回归到学生主体身上的一种新的教学模式。翻转课堂是按照教师的教学要求，让学生在课前事先自行观看教师提供的授课相关微视频以代替教师的课堂讲授，然后在课堂上把时间用在完成练习以及教师与同学互动交流，协作解决某一个课题、任务或学习中的问题上，课程不再是传统的“上课听课、练习；课后复习、作业”的教学安排。实践证明，这种做法不仅提高了课堂效率，更减轻了学生的学习负担，效果良好。

一、翻转课堂的优势

翻转课堂作为一种新型的教学模式，最初是为了解决学生由于自身的各种原因而导致其无法上课或学习跟不上的问题，教师通过课前录制教学视频，并把视频上传到网上，以此给课堂缺席或学习有困难的学生进行自主观看、自主学习的一种教学方式。由于教学效果良好，其随后逐渐应用于各种课堂教学。

翻转课堂具有以下方面优势：其一，翻转课堂与传统课堂相比较具有更大的灵活性、主动性和多样性。通过互联网，学生学习不再受时间、地域的限制，学生随时随地进行观看、学习和交流。所有的学生都能参与到学习中来，学生的参与度更高了。其二，翻转课堂的视频短小、精致，学习重点明确，针对性强，教学直观、清晰，便于学习和掌握。其三，翻转课堂有效增强了教师与学生的互动和个性化沟通。由于学生课前已通过观看微视频进行自主学习，因而在课堂上教师就有了更多的时间与学生互动、交流讨论，能够更具体、更有效地因材施教，实施差别化教学。其四，翻转课堂让学生实现个性化学习。教师上传的微视频，具有暂停、回放、重复使用等多种功能，学生可以按照自己学习具体情况进行自我控制、自我选择，有利于学生的差别化学习。学习较慢的同学可以通过反复观看视频，进行针对性学习，可以按自己的掌握情况来重复、回看教学视频；而学习较快、掌握得较好的同学则可以选择更多的内容和任务，自主规划学习内容、学习节奏和速度。

二、翻转课堂在中职学校实施的可行性

中职学校学生尽管文化基础大多较差，学习主动性欠佳，但他们同样有着自己的优点和长处，他们思维活跃，动手能力强，有较好的探索和创新精神，对新鲜事物易于接受。通过互联网学习丰富的在线课程，对他们来说是一种全新的学习体验和尝试。从以往课程的教学实践来看，在中职学校实施翻转课堂教学可行、有效。首先，中职学生大多都已经掌握了一定的计算机操作技能，对上网、下载视频、利用网络学习已没有任何困难。其次，作为一种新的教学方式，他们乐于尝试。最后，中职学生大多数已具备了一定的自主学习能力，通过教师课前录制的微视频，能够对大部分教学内容进行自行学习。而对于课堂上的练习、交流与协作，作为一种新的授课方式，中职学生表现得更为活跃和喜爱。

三、翻转课堂在中职课堂教学中应用的模型设计

针对中职学生的学习特点和现状，翻转课堂在中职课堂的教学应用设计可分为课前视频自学环节、课堂学习环节和课后评价反思三大部分。

（一）课前观看视频，自主学习。教师课前根据教学任务要求，把握教学的重点和难点，结合学生实际情况设计教案、学案，根据学习内容需要把任务录制成多个微视频并分别上传到相关资源库中，供学生根据课程安排进行网上或网下学习使用。

学生根据教学任务和教师的要求，在课前规定的时间内通过网上或网下进行自主学习，观看微视频、课件等，并记录学习过程中的疑问和难点。对有困难或难度较大的内容进行反复观看学习或与教师、同学交流探讨，无法解决的难题可带到课堂由师生共同讨论解决。

（二）课堂学习环节。“翻转课堂”首先是学生在课前通过对视频的观看，完成对新知识的预学习，课堂学习环节主要是知识内化过程，是检验对新知识的掌握和理解程度的过程。

作为教师应在课前根据学生观看教学视频而反馈出来的问题，总结课堂教学的侧重点，根据课前问题重点讲授、演示，或将学生进行分组讨论并完成教学学习任务。对学生普遍存在的问题、难点进行探讨，讲解或解答。

（三）课后评价反思。在“翻转课堂”中，课后的评价反思尤为重要，应采用学生自评、互评，教师评价等多种评价方式，从而得出学生对该章节学习效果的总体评价。教师则反思整个教学中所取得的成绩及存在问题，从而改进教学方法和策略，不断提升教学效果和教学质量。

四、中职网页制作课程的翻转课堂教学实践

根据以上的教学应用分析，将中职网页制作课程中的“Div+CSS布局页面”项目进行“课堂翻转”实践。

（一）教学项目分析。本项目主要通过Div标签和CSS控制页面布局。任务首先对页面进行总体布局安排设计，该页面布局简单，条理清晰。页面分上、中、下三个部分，中部以左右两列的形式进行布局。然后对页面进行细化的布局。在CSS布局中所需要做的工作可以简单地归结为两个步骤：首先使用Div将内容标记出来，然后为这个Div编写所需的CSS样式表并运用样式。

学生通过前面任务的学习，已经掌握了基本的网页制作知识和技能，掌握了一定的CSS样式编写和使用方法，但是对于如何通过Div标签和CSS控制页面布局是不太了解的。

（二）项目任务展开。具体分析如下：

1.教师通过对学生和任务的认真细致分析，根据项目要求设计教案、学案，突出教学的重点和难点，包括网页布局、为网页中元素添加ID、编写CSS样式的方法以及使用Div+CSS定位网页等，根据学生实际情况把项目操作具体方法和步骤罗列展示出来，并根据学习内容把项目制作过程录制成多个微视频，并上传到网上，供学生课前网上或网下学习使用。

2.学生根据教学的安排，利用课前课余时间自行登录教学资源库，查看教学设计，弄清教学重点、难点，并下载相关演示视频和资源进行自主学习。自学过程可通过交流平台与老师或同学进行交流讨论，解决学习过程中遇到的困难和问题。弄清楚是如何使用Div+CSS定位网页和布局页面的，熟悉使用CSS控制元素属性，掌握整个网页制作的具体操作方法。

3.课堂学习环节，教师重点检查学生课前学习的效果，及时解决学生课前观看教学视频而反馈出来的主要问题，并针对学生学习情况灵活调整教学侧重点，推进项目的实施 。就本项目需让学生弄清楚Div的作用是什么，是如何为页面中的元素添加ID，如何通过CSS控制元素属性的，又是如何使用Div+CSS进行网页布局的，这种布局方式有何优点，与之前的表格布局、框架布局相比有哪些优势和特点，等等。教师可以通过分组协作，引导学生讨论，解决问题。

最后，学生通过提供的相关素材，按照视频操作过程与步骤的介绍和演练，自行完成本页面的布局与制作操作任务。教师则随时查看学生的制作操作过程，发现问题，及时指导，及时解决。对学生操作过程中表现突出的要及时表扬和肯定。对学生最终的优秀作品予以展示、评点，交流学习心得和经验，从而促进学生共同进步和提高。

（三）教学评价与反思。具体如下：

1.教学评价。为了了解学生对翻转课堂教学模式的认可和接受程度情况，设计了教学评价表，通过多个维度考察学生对这种教学模式的选择和认可。从被调查的3个班89名学生的数据来看，学生对翻转课堂的教学模式的认可人数为73名，占比为82%，占绝对优势，说明学生对翻转课堂的教学模式是普遍认可的。

2.教学反思。包括以下几点：

（1）教学方式新颖，符合时代的发展要求。翻转课堂融入课堂教学，其最大的特点是开启全新的教学方式，目标明确，突出重点、难点，教师录制的微视频可供学生反复观看和学习利用，课程对知识点的前后衔接更灵活多样，教学方式切合“互联网+”时代发展要求，学生更乐于接受和配合。

（2）学生的配合至关重要。翻转课堂的教学模式新颖、灵活，而学生的积极配合至关重要，如果学生课前不事先观看教学视频进行自主学习，那么课程将无法顺利推进，所以激发学生学习的积极性和主动性在翻转课堂教学中显得尤为重要。为了能更好地激发学生学习的积极性和主动性，教师可以通过小组协作方式分工合作来完成项目的学习和操作，既能提高学生的学习兴趣，也能激发学生的团队合作精神；通过课上课外各种形式的比赛竞赛能培养学生学习的成就感，从而促进学生的参与意识。当然，教学方式方法及微视频的制作是否新颖，也是影响学习动力的一个重要因素；而对激发学生学习热情的更直接的方法是及时表扬学习认真、有进步的同学，并不断鼓励同学们积极参与，勇于创新。只有这样，翻转课堂的教学才能有效地推进和实施。

（3）对其他课程的参考价值。网页设计课程知识点明确，教学任务清晰，项目实例操作具体，适合翻转课堂。同时，大多数的计算机课程属于任务驱动，项目教学课程，采用翻转课堂的教学方式效果更好，而其他某些理论课程、基础课程，需要更多的思想交流和情感的碰撞，或者肢体语言的展示，则以传统课堂教学方式或者优于翻转课堂。当然，翻转课堂同样可以给这些课程的学生提供更为灵活、富有创新的教学形式，翻转课堂更利于培养学生的综合能力。

基于中职网页制作课程的翻转课堂教学模式实践证明，教学效果良好，教学方式灵活、新颖，通过翻转课堂教学模式的推行实施，学生的自主学习能力、协作能力和解决问题的能力均得到了较大幅度提高和促进，对推动中职学校教育教学改革和创新有着积极作用和深远意义。

【参考文献】

[1]张跃国，张渝江.透视“翻转课堂”[J].中小学信息技术教育，2012（3）

[2]秦炜炜.翻转学习：课堂教学改革的新范式[J].电化教育研究，2013（8）

[3]朱伟丽.基于翻转课堂的文检课教学设计[J].图书馆杂志，2013（4）

（责编 刘 影）