翻转课堂教学模式在中职Dreamweaver网页设计课程教学中的探究

张明霞

[摘 要] 科学技术的进步和教育理念的不断更新，要求教学模式也要与时俱进，以不断适应社会的发展和教学对象需求的多元变化。网页设计课程的普遍开设，旨在培养学生的综合素能，提高学生的动手能力和计算机操作技能，因而对学生的自主学习与主动实践具有较高的要求。而翻转课堂作为一种新型教学模式，改变了传统的教学设计，在激发学生学习的自主性方面起到了良好的效用。如何运用翻转课堂这种新模式来优化传统的网页设计课程并提高教学效率，是一个值得关注的问题。

[关 键 词] 网页设计；翻转课堂；中职学校；教学模式

[中图分类号] G712 [文献标志码] A [文章编号] 2096-0603（2016）14-0050-02

一、研究背景

Dreamweaver网页设计课程是计算机专业学生必备的基本技能之一，对提高计算机修养、增强对后续课程的理解能力有着不可或缺的作用。Dreamweaver网页设计课作为网站建设与管理专业的核心课程，具有很强的实用性，该课程的目的是使学生掌握HTML标签的基本用法，为以后学习使用DIV+DSS制作网页打下坚实的基础。教学过程中既要进行教学内容的不断更迭，又要在教学方法上不断创新以适应学生的学习特点，激发学生的学习自主性。本文从网页设计课程根本教学目标及课堂现状入手，结合自身的实际教学工作，分析翻转课堂在此课程中的具体实施方法，并对其存在的问题和解决对策进行分析，对翻转课堂教学模式在网页设计课程教学中的应用进行阐述，深入探讨如何利用翻转课堂的教学模式来科学有效地将教材理论知识内化为学生的应用技能。

二、Dreamweaver课程教学存在的问题

（一）学生缺乏自主性

传统的网页设计课堂，教学流程通常是“理论讲解—分析案例—教师演示—学生模仿—布置作业”，套路僵化，模式单一。学生上课的主要内容就是被动地听、记和模仿，难以发挥他们的自主性。同时，传统的教学模式将学生学习的时空限制在有限的课堂上和教室里，对于学生在课前的预习和课后的复习缺乏有效的督促与掌控，也缺乏对学生自主学习的监管机制。

Dreamweaver网页设计课程是中职网站建设与管理专业的一门专业基础课，为后续学习DIV+CSS制作网页打下坚实的基础。初次接触网页设计这门课程的中职一年级学生整体基础不是很好，普遍存在着接受能力、自控能力、行为习惯较差等情况。大部分学生由于年龄偏小、知识结构不佳，计算机应用水平更是普遍较低，甚至很多学生对这门课程一無所知，认识不到系统学习计算机类课程的重要性，利用传统教学流程开展教学的话，学生在学习时自然有很强的抵触情绪。

（二）学生的个体差异被忽视

在对学生作进一步了解分析后，就会发现网页设计课程的教学对象在整体上基础较差的同时，但普遍喜欢这门实践性较强的课程，而且这些学生存在着个体上的显著差异。学生对计算机和网页的了解差距很大，计算机操作水平也参差不齐。而在传统的网页设计课堂中，教师通常采用统一化的教学，很难照顾到所有学生的个体差异，无法兼顾不同情况学生的需要。

此外，由于教学资源有限，每周只有两次上机实践课，传统的网页设计课堂大部分时间都由教师单向传授知识，学生则处于被动地位，缺乏独立思考和练习实践的时间与机会，难以对教学内容产生深入的理解和掌握。

三、关于翻转课堂教学模式的实践与探索

基于上述网页设计课程教学现状，本人认为可将翻转课堂的模式融入教学中，从而有效地解决现存的问题。教学的设计可从课前准备、课堂管理以及课后反馈这三个环节入手。将网页设计课程与翻转课堂模式相结合，教师和学生在课前、课堂以及课后的工作可用图1表示。

（一）课前准备

1.设计任务或问题

大教育家夸美纽斯说过：“应该用一切可能的方法去激发孩子身上的求知与求学的欲望”。课前，教师根据教学目标设计问题或任务，学生通过QQ、微信等网络平台接收问题或任务，利用业余时间进行预先学习与演练，做到有的放矢，提高效率。通过课前的准备，培养学生信息搜集、整理、加工能力，激活其思考力，加强知识积累。

2.收集学生问题

在上课之前，教师及时关注此前为学生设计问题的解答情况，跟进课前自学任务的完成情况。根据学生的自学情况，教师将其中出现频率较多、易于混淆以及教学的难点等问题进行整合，并将这些内容融入教学视频中。

3.制作教学视频的制作

教师可以将收集资料的重点放在QQ、微信等平台上。针对学生在自学过程中出错频率高的教学重难点问题亲自录制成教学视频，也可下载借鉴相关专业网站上的开放资源。

（二）课堂管理

1.学生主导

教师对学生进行分组，可让学生为其小组命名，以激发其兴趣。在实践中发现，若鼓励学生为自己所在小组命名，诸如“百度”“网易”等与网页有关的队名往往比简单的“第一组”“第二组”的队名更能唤起学生的参与性。

教师逐一对各小组讨论情况进行监督和参与讨论，并对其作品作点评与指导；教师评价之后再让学生改进，之后再次点评，如此循环，使学生逐步获得提高，使学生在评价中自醒、

自信。

2.任务驱动式教学

任务驱动的方式可以有效激发学生的主观能动性，且在任务完成时能使学生产生成就感和满足感，使其对后面的学习任务充满期待。

以本人实际教学实践为例，在教授“网页布局”这一内容时，教学目标是让学生掌握表格的编辑与美化，进而优化页面布局。教师提前在晚自习时间到班中进行辅导，利用这段时间将优秀的网页表格作品展示给学生，将此作品的成功之处和制作过程中需要注意的事项进行简单提示，并且要求学生自学后将个人或小组的模仿作品于下节课带来。在正式上课时，学生分组展示模仿的作品。针对优秀的作品，作者会请学生小组派代表来讲解制作过程；而对于学生普遍存在的错误或缺失之处，作者再给予点评和演示。在这个过程中，学生从自学、展示到听教师点评，都是带着具体的任务或问题的。以明确的目标为导向，使学生的积极性有了显著提高。

3.协作与交流

翻转课堂的核心理念之一就是学生之间的协作。通过互相配合与分工，学生可集团体智慧于小组作品中，并且在彼此的互动中碰撞出更多智慧的火花，激发火花，激发创造力，这对网页设计课程来说是有积极作用的。直白地说，学习网页设计的目的就是为了就业，而此行业的从业者不仅需要扎实的操作技能，更需要无限的创造性。

同时，学生通过交流学习心得以及分享完成作品的成功与喜悦，进一步加强了激励因素的激励效应。举办校园展览会、报告会、辩论赛以及课程竞赛等，都可以作为学习成果交流的形式。

（三）课后反馈

课后反馈是一个双向的过程，既是教师通过作业、测验等对学生的学习效果进行评估，又是一个反映教师教学水平的过程。在翻转课堂模式下，网页设计课程的学习效果评价可通过学生自评、小组互评、教师点评等方式开展。我常常鼓励学生在课堂上发表意见，学生在课堂上直接表达自己的建议和想法，提高职校学生的表达能力和理解能力。另外，也可以在网络环境下评价，让学生把作品发在网络空间上，通过留言、点赞的形式评价学生作品。

整体上来讲，网页设计课程实施翻转课堂的过程可用图2表示：

“问题”是指学生在教師的引导下带着问题去寻找相关信息、初步完成作品；“计划”是指教师根据教学目标和学生情况制定课堂教学计划，并帮助学生有计划地完成小组任务；“实施”则是教师的课堂管理与学生的实践操作；“展示”是指学生在通过教师指导和个人努力后完成任务，进行成果汇报与展示；“评价”则指教师对学生作品深度点评后，提出学生个体与共性存在的问题及解决建议；“内化”是指学生根据教师点评进行修改完善，并经过这一整套流程将最初收集到的信息吸收、内化为自己的知识存储。

经过实践证明，翻转课堂将传统的“课前预习—课堂讲解，课后复习”的教学流程改进为“课前深度自学—课堂探讨内化—课后改进升华”的程序，将以教师为主导的传统单向授课变为学生主导的协作交流教学模式。

总体而言，对于网页设计课程而言，翻转课堂是一种据实践意义并且行之有效的教学模式。将网页设计课程与翻转课堂模式很好地结合，能够让不同基础、不同层次的学生体验到探究问题、完成任务的成就感，激发他们的学习自主性，提高了该课程教学效率的长效内化。

参考文献：

[1]库尔特·勒温.再论教育目的[M].高觉敷，译.北京：商务印书馆，2010.

[2]顾明远.教育社会学[M].西安：陕西师范大学出版社，2013.

[3]卢强.翻转课堂的冷思考：实证与反思[J].电化教育研究，2013（8）：47-49.

[4]张金磊.翻转课堂教学模式研究[J].远程教育杂志，2012（4）：177-180.