“互联网+”背景下《Web制作技术》翻转课堂教学实践研究

肖丹

摘要：该文以《Web制作技术》课程为例对基于“翻转课堂”的高职课程项目化改革进行了研究与实践。“翻转课堂”改变了传统的知识传授方式以及传统教学中的师生角色，充分利用课前和课后的学习时间，提高了课堂的学习效率，实现了对传统教学模式和学习方式的革新。通过对“翻转课堂”教学模式的分析，并围绕学习资源组织、平台建设、师生活动等因素进行探索，为其他高职课程的项目化实践提供借鉴。

关键词：微课；翻转课堂；《Web制作技术》课程

中图分类号：G642 文献标识码：A

文章编号：1009-3044（2019）08-0075-03

1 研究背景

1.1 翻转课堂的特点

互联网时代人们通过从电脑和移动设备上浏览网站获取资讯，采用信息化手段辅助教学已经成为一种必然的趋势。翻转课堂的教学正是适应这一新的变化应运而生的。所谓翻转课堂，就是由教师录制“微课”等教学视频，以及学习任务单等其他电子化学习资源供学生学习，学生在上课前观看教学视频，下载学习资源进行自主学习，完成知识的传授。在课堂上，教师和学生利用案例或项目练习对知识的疑难点进行问题探究和协作讨论，完成知识的内化。在课后，教师对学生完成练习的情况进行评价和反馈。

翻转课堂中所用到的“微课”是指以视频为主要载体，记录教师在课堂内外教育教学过程中围绕某个知识点或教学环节而开展的教学活动的过程。其主要部分即教学视频，以及相关的教学设计、课件、习题等供学生自主学习的教学资源。这些教学资源通过知识树的呈现方式构建成一个学习主题的单元资源包。微课与传统的单一形式的教学资源不同，它是顺应科技发展起来的更利于学生学习和内化的新型教学资源。

微课具有以下几个特点：第一，课程短小。教学视频为5到10分钟，以期在较短时间内，引起学习者的兴趣和注意力。第二，内容系统。围绕课程核心的知识点建构知识树，帮助学生系统学习课程。第三，自主选择。每个教学视频都是一个颗粒化的知识点，学生可以根据自身情况安排学习进度，教师也可以根据自己的课程需要自由地组课。

传统职业教育中不管是掌握理论知识还是获得实践操作技能，学生都是学习的被动者。翻转课堂教学模式充分尊重学生的主体意识，充分发挥学生的主体作用，实现知识的传递和吸收内化。基于微课的翻转课堂教学将線上教学资源与线下课堂教学结合在一起，使教师能根据学生的个体差异进行因材施教，使学生能进行移动式、个性化的学习。

1.2 《Web制作技术》课程改革的必然性

1.2.1 学生特点

课程教学对象是数字媒体艺术设计专业二年级学生，他们动手能力和模仿能力较强，自主分析解决问题能力较弱。学生特点是思维活跃，喜欢与他人交流，共同合作解决问题。由于现阶段的大学生平时接触网络很多，已经习惯了在网络上获取新的知识进行学习。

1.2.2 课程特点

《Web制作技术》课程的重点是培养学生综合利用Dreamweaver， Photoshop， Flash等多种软件完成网页的设计与制作。其前导课程为《Web视觉设计》，后续课程为《响应式Web设计》。通过本课程的学习与实践，学生应能独自进行网页的设计和制作。

本门课程的教学目标分为知识目标、能力目标和素养目标。知识目标包括掌握网页设计的基本原则， 利用各种辅助设计工具完成网页的设计，掌握网页的制作方法和网站的配置发布。能力目标包括分析页面的结构并进行页面布局的设计，制作出完整的网站前端。素质目标包括掌握网页设计的基本原则，利用各种辅助设计工具完成网页的设计，掌握网页的制作方法和网站的配置发布。

1.2.3 采用翻转课堂的必要性

《Web制作技术》这门课程强调的不仅是知识的获取，更是能力的培养，需要学生发挥想象力设计美观实用的网站，使用CSS+DIV布局、表格、表单等完成网站的制作，这通常需要几天到几周的时间来完成。因而该门课程的考核不是笔试而是要求学生在电脑上完成一个网站的设计与制作。该课程采用实践型教学和阶段性考查，不是以考试而是阶段性作业和最终的作品作为考查结果。

在教学中采用以微课为基础的翻转课堂的方式，主要有以下的原因：1、翻转课堂教学模式切合高职教学的专业性和职业性的特点，增加实践性教学课时，提高学生的职业技能；2、更好地做到了因材施教、分层教学。高职学生的认知发展水平差异较大，翻转课堂可以满足分层教学的要求。

2 教学实施过程

依据职业教育教学改革要求，基于翻转课堂教学理念，采用情境教学、任务驱动等教学法进行教学设计，利用网络课程教学平台的教学资源，开展“课前导习、课中学习、课后拓展”的教学活动。

学习平台包含了知识树结构、知识点、微课几个功能模块。平台的设计主要以微视频的方式表现，视具体知识点不同，也可以包括微教案、微课件、微习题等辅助网络资源，如图1所示。

2.1 课前导学

教师将课前学习资料上传到网络课程平台，并通过QQ群、微信群等发布课前预习通知。学生在看完教学视频之后，对视频中的收获和疑问进行记录。同时，学生要完成教师布置的针对性课前练习，以加强对学习内容的巩固并发现学生的疑难之处。对于学生课前的学习，教师利用信息技术平台提供网络交流支持。 学生在家可以通过留言板、聊天室等网络交流工具与同学进行互动沟通，了解彼此之间的收获与疑问，同学之间能够进行互动解答。

教师设计学习任务单，指导学生进行课前学习。以四节课的企业网站页面制作为例，该学习任务单如表1所示。

2.2 课中

2.2.1 确定问题

学生在课前观看教学视频和完成课前练习时提出疑问，教师根据学生的疑问和课程内容总结出一些有探究价值的问题，根据问题的深浅和递进关系列出问题列表，便于学生在课堂上解答。

2.2.2 独立探索

以学习内容为主线，以问题列表为辅助，教师带领学生进行任务分解和实践，让学生在实践中掌握学习内容。教师鼓励学生进行独立的思考和探索，通过向学生提问的方式一部分问题得到解答，未解答的问题则可以在后续的学习中继续解答。

2.2.3 协作学习

教师针对未解答的问题组织学生分组讨论、交流，上机实践。点评和互评任务的完成情况；分析制作过程中的问题；分享个人掌握的知识和技能。

2.2.4 成果汇报

部分学生上台展示网页作品制作过程。通过作品展示培养学生自我表达的能力，同时教师给予其他学生更多的激励。

2.2.5 反馈评价

教师对学生的展示和交流内容进行概括和总结。巩固学生知识技能，达到强调重点，攻破难点的目的，使学生独立构建自己的经验和知识体系。

2.3 课后

教师发布课后拓展活动，并与企业专家对学生进行远程答疑。通过翻转课堂实现了分层教学设计，为学有余力的学生所做的调整有：（1）提供难度稍高的练习作业；（2）增加创造型思维的训练，课前要多准备相关任务和实践案例的创造型问题，引导他们自主学习。为需要帮助的学生所做的调整有：对技能学习和掌握较慢的同学进行小组内互助和教师一对一指导，并适当降低要求。

3 总结

《Web制作技术》实行翻转课堂教学后，学生综合评分有所提高，自学能力增强，提高了知识技能和职业素养。课程主要围绕学习资源组织、平台建设、师生活动对课程设计与实践进行了创新，深化教学活动与学生的交互，为高校实践类课程的改革探索提供了借鉴。

3.1 学习资源组织

教师在录制微课时通过建立知识树将课程重点分解为多个关联的知识点，利用任务单为学生进行教学引导，并提供教学设计、课件、习题等教学资源方便学生自主学习。

3.2 平台建设

翻转课堂搭建了信息化的教学平台，达到了多种教学目的：1）网络课程教学平台将“教”与“学”的时间和空间进行了延伸，为课前导学和课后拓展提供了便利；2）教师利用多媒体电子教室实现课堂上任务和作业的发送，对学生学习情况进行掌控，并能对学生实施一对一的单独辅导。

3.3 师生活动

翻转课堂的教学更加灵活，教师从知识传递者变成了引导者，成为教练。这就要求教师能根据学生课前的反馈制定问题列表，随着学生在课堂中的学习不断调整学习的方法和进度，比以往传统的统一授课方式对教师的要求更高。

参考文献：

[1] 张金磊. “翻转课堂”教学模式的关键因素探析[J]. 中国远程教育， 2013（10）： 59-64.

[2] 郭文良， 和學新. 翻转课堂：背景、理念与特征[J]. 教育理论与实践， 2015， 35（11）： 3-6.

[3] 林雪燕， 潘菊素. 基于翻转课堂的混合式教学模式设计与实现[J]. 中国职业技术教育， 2016（2）： 15-20.

[4] 周贤波， 雷霞， 任国灿. 基于微课的翻转课堂在项目课程中的教学模式研究[J]. 电化教育研究， 2016（1）： 97-102.

[5] 把玉琴. 国内基于翻转课堂的项目式教学研究综述[J]. 中国教育信息化， 2017（16）： 4-8.

[6] 荣艳冬. 翻转课堂教学模式下数字化教学资源库建设——以网页设计与制作课程为例[J]. 软件， 2018， 39（9）： 213-215.

【通联编辑：谢媛媛】