翻转课堂教学模式在高职网页设计制作课程中的应用初探

徐海燕

摘要：翻转课堂作以信息技术为基础，将传统课上的教学过程和课下学习过程进行转换的新型教学形式。笔者从以往的网页制作教学实出发，改革教学模式，在所教班级进行实践，以翻转课堂为主要教学模式，以任务驱动和项目教学法作为教学方法，教学效果显著，更加充分体现了学生的主体地位，学生的自学能力、协作能力、解决问题的能力得到了大幅提高。同时，教师的业务水平也得到了提高。

关键词：翻转课堂；网页制作；教学模式

中图分类号：G424 文献标识码：A 文章编号：1009-3044（2015）25-0101-02

翻转课堂，也叫颠倒课堂，顾名思义，它以信息技术为基础，将传统课上的教学过程和课下学习过程进行转换的新型教学形式，它将原本应该在课堂上完成的内容录制成视频，连同相关学习材料等放到网络。学生在课前通过下载学习视频和材料等完成自我学习并进行自我检测，教师则通过学生的检测结果归纳重难点。而在课堂上教师进行答疑，师生共同讨论解决在课前学习过程中遇到的问题。该教学模式充分体现了学生的主体地位，提高了学生的自主学习能力，从而促进学生成绩的提升，实现素质教育。

1 翻转课堂概述

1）翻转课堂的由来

真正的翻转课堂起源于美国科罗拉多州落基山的林地公园高中。该校化学教师乔纳森·伯尔曼和亚伦·萨姆斯为了帮助缺席的学生补课，使用录屏软件录制 PowerPoint 演示文稿和上课过程，并将视频上传到网络。鉴于效果较好，这两位老师慢慢让学生在家看教学视频为基础，在课堂上完成作业，并对学生在学习中遇到的困难进行讲解。不久，这些在线教学视频被更多的学生接受并广泛传播开来，受到了学生的广泛欢迎[1]。

传统的教学过程主要是通过教师课堂讲授来完成知识的传授，而学生则通过课后作业、实践等来完成知识的内化。而翻转课堂则将传统的教学模式完全颠覆，通过课前学习视频完成知识的传授过程，通过在课堂上共同学习、讨论、答疑完成知识的内化过程。评价过程也由原本单一的传统纸质测试，变成了多角度、多方式。

2）翻转课堂的研究现状

关于翻转课堂的实践研究，国外早在上世纪就进行了大量的研究。但是当时由于计算机和互联网技术的约束，最终都未彻底打破传统的教学模式，只是利用翻转课堂对传统教学模式进行了优化。但是随着技术的成熟和普及，翻转课堂终于打破了传统的教学模式，刚才提到的化学老师乔纳森伯尔曼和亚伦萨姆斯，则开始了最早的颠覆传统课堂的尝试，即“翻转课堂”在课程教学中的实践。随后，他们的实践引起了越来越多人的关注，并且这种教学模式被世界很多学校的教师运用到教学中。

随着翻转课堂在世界范围的流行，国内教育工作者对翻转课堂的实践研究也开始了大胆尝试。结合国内教育的实际情况，山西省运城市新绛中学积极探索新的教学模式，大胆实验每天上午是展示课、下午全是自习的教学模型，最后，高考录取率不降反升，取得国内教育界的关注和好评。当然，还有很多取得成绩经验的学校。不同学校都根据自己学校的特点，探索了适合自己的翻转课堂模式，推动翻转课堂在我国的发展，推动了我国教学模式的变革。

3）在高职网页设计课程中运用翻转课堂模式的可行性

网页设计与制作是我校电子商务高职班的专业基础课程，该课程的特点是操作性强，要求学生有足够的时间练习与实践。从本课程的人才培养目标来看，要求教师充分考虑学生的个性特点和今后的就业需要，提高学生的动手能力，为社会培养技术性人才。从以往的网页制作教学实践来看，教师采用的是传统的教学模式，即教师操作演示，学生“依葫芦画瓢”，这样的教学模式既浪费了课堂时间，且教学效果也不尽如人意，常常课程结束了，相当一部分学生无法独立完成一个较完整的网站的制作。随着翻转课堂教学模式的流行，笔者在所教班级进行实践，以翻转课堂为主要教学模式，以任务驱动和项目教学法作为教学方法，并征求学生意见，证明了翻转课堂教学模式符合学生的特点，具备在学校开展的可行性。

2 翻转课堂在高职网页设计课程中的应用教学模型设计

在参考已有的翻转课堂教学模式的基础上，结合本课程特点，将教学模式设计为课前自学和课堂学习两大部分。

2.1 课前自学环节

该环节即传统意义上的“知识传授”环节，学生在课前利用各种资源学习新知识，教师要避免将其变成纯粹的“观看视频”，它主要包含以下内容：

1）教师提出学习要求，并罗列出在学习过程中会出现的问题及注意点。

在新的学习内容开始前，教师以提问的形式向学生呈现本章节内容需要掌握的主要知识点及注意点，并提出学习要求。

2）设计任务，引导学生学习。

对于每个知识点，都先布置一个任务，以任务驱动学生的自主学习。任务的设计要注意应紧密联系知识点。

3）准备形式多样的教学内容。

教师要提供学生在课外自主学习的内容，且为了适应所有学生，教学资源的形式应要求多样，如教学视频、演示文稿、学案（任务书）等。学生则应针对学习要求和学习任务在课外自主探究，争取能够解决疑问，完成学习要求。教学资源教师可根据需要自行录制或查找网上优秀的教学资源以供学生学习。

4）学生在课前自学的过程中记录学习所得与疑问。

学生利用教学资源在课外开展自主学习，观看视频，并记录该过程中的所得和疑问。学生要确保完成教师提供的课堂任务，加强对学习内容的巩固并发现有疑问的知识点。教师则利用网络进行交流与答颖，同时，学生之间也可通过网络手段进行交流学习。

2.2 课堂学习环节

翻转课堂主要是在课前完成知识的传授部分，而课堂学习的过程则是知识内化的过程。因此，课堂活动的设计至关重要。

作为教师应在课前根据学生观看教学视频及反馈练习中的疑问，总结课堂重难点，做好课堂释疑的准备工作。教师根据课前问题将学生分组，用以下模式完成课堂教学过程：

教师>提供问题>巡视辅导>解决共性问题

学生>分组>协作学习、知识内化>知识巩固

最后教师和学生共同完成成果的展示。

学生根据教师提供的问题选择自己感兴趣的问题，教师根据学生的选择对学生进行合适的分组。小组成员集思广益，共同讨论学生，将课前的知识内化，最后通过解决问题，并展示任务成果而完成知识的巩固。

2.3 课后评价环节

在网页设计课程中，课后的评价和反思起了重要的作用，我们应采用多种评价方式，自我评价、组内互评、教师评价相结合，最终得出学生该章节的最终学习效果。教师则根据评价成果了解学生的学习情况，便于个别辅导，提升教学效率。

3 《使用表格布局网页》的翻转课堂教学设计

根据以上的三个环节，将《使用表格布局网页》这一章节进行翻转课堂的教学设计。

3.1 教学分析

该课程选用的教材全面系统地介绍HTML和CSS的基本操作方法和网页设计制作技巧，包括HTML网页文档结构、用HTML设置文本和图像、建立超链接、创建表格等，使用CSS设置文本、图像、表单、表格、链接样式等。该教材通过对各案例的实际操作，学生可以快速上手，熟悉软件功能和艺术设计思路。

而“表格”作为其中重点章节之一，内容丰富，实例典型，更重要的是表格本身的功能，大量的页面元素可以通过表格合理的布局起来，而如何应用表格进行布局则是本章节的主要任务。

学生则已具备了一定的信息素养，掌握了基本的信息技术知识和技能。学生已经于前期掌握了表格的插入、属性等设置的方法，但是对于如何应用表格布局网页结构是比较模糊的。因此本节课充分地发挥学生学习的积极性，要求学生课前通过资源库的教学视频、课件等提前学习如何使用表格布局网页，并将表格布局的注意点列于学案中，让学生随着学案所设置的环节，探究完成一个又一个的应用表格过程。而学案则是在尊重学生解决问题的思维过程方式的基础上设置的，设置了关键的问题，注重学生的学习体验和情感的体验。

3.2 教学设计

课前自学环节：

教师活动：

1）录制视频等：录制视频，包括表格的各项属性介绍及应用、网页布局结构介绍、“111”、“121”等结构的网页制作过程。

2）设计学案：根据本章节内容设计重难点，将学习要求列于学案中。

3）上传资源：将视频、PPT、图片素材等上传至校园网上的资源库中。

学生活动：1）下载学习资源；2）利用交流平台讨论学习过程中遇到的问题，并尽可能的解决问题；3）完成学案中的任务。

课堂学习环节：

教师活动：

1）提出问题：①使用表格布局网页的步骤；②网页结构的主要类型有哪些；③表格属性应用的注意点。

2）解决问题：①引导学生分组讨论；②个别辅导；③解决共性问题

3）布置任务：①提供图片素材，要求学生根据素材完成网页的布局；②查看学生的制作过程，发现问题并及时解决。

4）成果展示：组织各组完成作品的展示，并做及时反馈。

学生活动：

1）小组讨论解决教师提出的问题。

2）个别仍存在问题的学生单独询问老师。

3）运用课前的学习资源完成课堂任务。

4）分小组展示成果，其他学生欣赏作品。

课后评价环节：

教师活动：

收集学生作品，并利用网络进行自评、互评、教师评价等，最后由教师和小组长进行总结。并将发现的问题进行整理并做释疑，上传至资源库中，要求学生查看。

学生活动：1）完善作品并上传；2）自评、组内互评；3）查看教师反馈。

4 结束语

根据翻转课堂教学模式的初步应用，教学效果显著，学生的自觉性加强，课堂互动积极。实践证明，基于任务的翻转课堂教学模式，以实际任务的解决贯穿整个教学过程，更加充分体现了学生的主体地位，学生的自学能力、协作能力、解决问题的能力得到了大幅提高。同时，教师为了顺利解决学生学习过程中遇到的问题，必须先提升自己的能力，所以，翻转课堂教学模式的应用也提升了教师的业务水平，能够更好地驾驭所教课程。

参考文献：

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

[2]杨刚，杨文正，陈立，十大“翻转课堂”精彩案例[J].中小学信息技术教育，2012（3）.

[3]张渝江，翻转课堂变革[J].中国信息技术教育，2012（10）.