前言：寻找写作灵感？中文期刊网用心挑选的网页设计与制作课程混合式教学探索，希望能为您的阅读和创作带来灵感，欢迎大家阅读并分享。
【摘要】基于翻转课堂的混合式教学模式是将翻转课堂和混合式学习进行有效整合、优势互补的一种新型教学模式。《网页设计与制作》课程具有很强的实践性和创造性，与翻转课堂广泛采用的研讨式、项目任务驱动式学习模式相吻合，笔者在课堂教学中对“基于翻转课堂的混合式教学模式”进行了有效的探索与实践，取得了较好的教学效果。
【关键词】翻转课堂；混合式学习；《网页设计与制作》课程；教学模式
近年来，由于信息技术和网络技术的不断发展和普及，涌现出了混合式教学、慕课、微课、翻转课堂等基于信息技术和网络的教学新模式及资源新类型[1]，为传统的教学模式带来了机遇和挑战，如何在“互联网+”时代实现信息化教育与传统教育优势互补是摆在一线教师面前的现实问题。基于翻转课堂的混合式教学是现今教学改革与实践的热门课题，为传统教学模式改革、数字化教学资源建设、创新性教学评价提供了技术支持与资源保障[2]。
一、基于翻转课堂的混合式教学模式简述
基于翻转课堂的混合式教学模式，是将翻转课堂和混合式学习进行有效整合、优势互补的一种新型教学模式。新媒体联盟和美国高校教育信息化协会共同的《地平线报告2016高等教育版》把翻转课堂视为高等教育领域一年内投入使用的技术，也是最常用的混合式教学模式之一[3]。
二、构建基于翻转课堂的《网页设计与制作》课程混合式教学模式的优势
（一)《网页设计与制作》课程教学存在的问题
《网页设计与制作》课程是计算机专业、电脑美术专业及其他相关专业学生必修的一门应用性和操作性都很强的课程，同时也是一门极富创造性的课程。通过本课程学习，学生要了解网站的类型、、推广的方法；掌握网页素材的获取、网页布局、色彩运用、网页特效的应用原则和技术实现；掌握使用Dreamweaver、Flash、Photoshop、Fireworks等多种工具制作网页的操作过程。教学上存在如下困难：1.传统教学模式效果不佳。传统教学模式犹如“鹦鹉学舌”，以教师为中心，教师讲学生听；讲练结合是最常用的教学方法，教师演示完成什么练习案例，学生“依葫芦画瓢”完成什么案例。学生缺少动脑思考的过程，很容易忘记所学知识，更无法做到将所学知识活学活用、举一反三地解决现实问题。2.学生的个体差异较大。学生的个体差异主要体现在两个方面：一是学习能力问题。有的学生接受知识的能力快，有的学生就会“慢上半拍”；二是学习进度的差距。丰富的网络资源为那些对网页感兴趣的学生提供了便利的学习机会，这就造成了课堂教学时学生之间的学习进度差距。3.网页中使用的软件工具较多。网页制作中涉及的软件有Dreamweaver、Flash、Photoshop、Fireworks，只有相互配合使用这些软件，才能制作出图文并茂、具有吸引力的网站。4.考核方式单一。网页设计需要一个过程，学生要发挥想象力去构思自己的特色网页，要花时间去查找网页中要用到的图像、文字等资源，还要用表格、框架、CSS+DIV等布局方式制作出网页，这些绝不仅仅是一个笔试或是一个90分钟的考试能完成的。
（二)《网页设计与制作》课程采用基于翻转课堂的混合式教学模式的优势
1.有利于提高学生自主学习的能力。翻转课堂要求学生依据教师布置的导学案清单，课前自行观看教学视频等教学资源，完成对新知识点和概念的自主学习，记录自学过程中的难点和疑点，学生的学习更加主动和个性化。2.有利于激发学生的学习兴趣。翻转课堂对学生的学习过程进行了重构，学生在课前就接收了知识，通过短小的视频和言简意赅的语言，将知识碎片化，将抽象的理论通俗化，教师能够提前了解学生的学习困难，并在课堂上给予有效的指导，知识的吸收内化是在课堂上通过师生、生生互动来完成，极大地激发了学生的学习兴趣。3.有利于自由碎片化学习。学生可以在相对自由的时间里，利用碎片化的时间完成翻转课堂的课前学习，学习的自觉性明显增强。4.有利于巩固、强化、内化知识。由于学生的个体差异，不可能所有人都能跟上学习进度，学生可依据自己的实际需求，对于没有消化的知识，可通过师生互动交流和反复学习教学资源，直到达到巩固、强化、内化的目的为止。
三、基于翻转课堂的《网页设计与制作》课程混合式教学模式
（一)实施条件
1.学校方面。学校有良好的数字化校园信息平台，有丰富和优质的微视频等教学资源，为翻转课堂的实施提供了支持和保障。2.学生方面。现在的学生多是互联网的原住民，上网对他们来说就和呼吸、吃饭、睡觉一样重要，网络伴随着他们成长，是他们生活中不可或缺的一部分。他们习惯尝试新鲜事物，习惯碎片化阅读，习惯自由主动地接受信息[4]，学生的这些特点，有利于翻转课堂的顺利实施。3.课程方面。《网页设计与制作》课程具有很强的实践性和创造性，与翻转课堂广泛采用的研讨式、项目任务驱动式学习模式相吻合[5]，适合采用翻转课堂教学模式。
（二)教学模式设计及实施
在良好的数字化校园信息平台的支持下，基于翻转课堂的《网页设计与制作》课程混合式教学模式，主要包括课前、课中和课后三个前后关联的部分，采取线上为主、课堂为辅的混合式教学，如下图所示。以2课时的“CSS+DIV”布局网页为例，介绍课程的实施过程。1.课前。教师依据学生实际，结合教学大纲要求，合理设计导学案清单、制作微视频、搜集相关学习资源并给学生,导学案清单如表1所示。导学案清单中应列出让学生学习的资源、完成的任务，告诉学生学什么、怎样学；做什么，如何做；交什么，怎样交。学生依据教师的导学案清单，浏览相关在线学习网站，完成对视频的观看，初步掌握所要学习的知识点和技能，完成相关任务。自主探究过程中遇到的难点、疑点，可通过QQ、微信、邮箱或校园在线等网络工具与教师或同学进行探讨，也可记录下来，在课堂上请教师答疑。2.课中。此阶段是对课前自学的知识进行高效内化的阶段。教师根据课前学生的提问、任务完成情况等反馈的信息精心设计教学活动，设计合适的任务，引导学生进行自主探究或协作学习。在这个过程中，学生是教学活动的主体，积极主动地接受知识，教师则扮演着组织者、设计者和引导者的角色，教师需要给学生适当的引导，鼓励学生积极思考，并解答学生在探究或协作学习中遇到的问题。过程如下：首先，以小组为单位展示课前完成的任务，进行汇报，汇报过程应重点说明遇到的难题、解决的方法以及任务的完成过程。其次，小组互评和教师点评，相互讨论交流，进而改进课前任务完成的不足，完善作品。然后，教师将重、难点进一步深化，并提出新问题、布置新任务，如表2所示。最后，小组互评和教师点评，相互讨论交流，完善作品。3.课后。根据学生的实际学习情况，合理布置课后作业，特别是能进行动手实践的技能拓展类任务，让学生利用课后复习加强实践来巩固所学知识点，促进知识或技能的固化甚至升华。教师需要在课后对教学资源、教学设计中的问题进行反思，分析学生的学习情况和作业完成情况，并将反思和分析的结果作为后面课程设计的依据。课后作业布置如下：1.使用“一列固定宽度居中，且与两列固定宽度相结合”的方式布局网页，整个页面在浏览器中居中对齐，当光标经过左侧导航栏超链接所在的块时，超链接背景色和超链接文字颜色发生变化。2.使用“一列固定宽度居中，且与两列固定宽度相结合”的方式布局网页，整个页面在浏览器中居中对齐。实践证明，在《网页设计与制作》课程实施基于翻转课堂的混合式教学模式总体上是成功的，主要体现在：学生都能顺利完成课前、课中和课后的学习和考核；教师能比较圆满地完成课堂教学任务和辅导学生线上学习的任务。师生对基于翻转课堂的混合式教学模式总体上是满意的，并积极寻求进一步提高和改进的办法。
四、结语
基于翻转课堂的混合式教学模式充分体现了“以学生为中心”的教学理念[6]。教学过程分为课前、课中和课后，使得教学活动连贯有序、互相配合、互相促进、相得益彰；师生间的互动频繁，使得教师真正了解学生的内心需求，不但有利于教师合理设计教学内容，更有利于培养学生养成自主探究学习的好习惯。不过，教学模式的改革，不仅仅需要个人的实践与探索，更需要所有任课教师的支持与行动。只有全体教师积极行动起来，才能将基于翻转课堂的混合式教学模式切实落实下去，也才能将基于翻转课堂的混合式教学模式的优势发挥出来。
参考文献：
[1]方义桂.混合式翻转教学模式对高职院校外语师资的要求及建设策略[J].职教论坛，2016,(26):17-20.
[2]张欢.基于微课的翻转课堂教学模式研究:以高职英语写作为例[J].商业经济，2016,(9):154-156.
[3]金慧，等.新媒体联盟《地平线报告》(2016高等教育版)解读与启示[J].远程教育杂志，2016,(2):3-10.
[4]杨欣.基于慕课的《思想道德修养愈法律基础》混合式教学改革模式探索[J].产业与科技论坛，2016,(19):127-128.
[5]张爱民，冯冬艳，相景丽.高职“计算机应用基础”翻转课堂教学设计探析[J].网络化与数字化，2016,(10):89-94.
[6]邹景平.教育的“破坏式创新”上场了[J].中小学信息技术教育，2012,(3):15.
作者:侯丽艳 单位:东莞市经济贸易学校