翻转课堂的网页设计课堂教学探讨

摘要：随着新课程改革的不断深入，各大高校开始积极探索全新的专业课程的教育理念与教学方法，许多新技术和新理念都被用于教育教学活动中，推动了现代化教育事业的发展。翻转课堂作为信息时代的产物，是以信息技术为基础，实现传统课下学习过程和课上教学过程的转换，能够充分体现学生在课堂上的主体地位，强化学生的信息素质和自主学习能力，有效实现素质教育的目标。该文就对基于翻转课堂的网页设计课堂教学模式进行分析和探讨。

关键词：翻转课堂；网页设计；课堂教学模式

随着移动技术和互联网技术的发展，我国出现了许多新型的教学模式和教学形式，并逐渐被教育领域所重视和认可。翻转课堂作为一种新的教学模式，主要是由教师利用网络技术和资源来创建视频，让学生观看和学习视频中讲解的内容，颠覆了传统课堂知识的传授与内化，越来越受到社会的关注［1］。将翻转课堂应用在网页设计课堂教学中，有利于解决学生创新意识培养和因材施教等难题，使学生完成课外基础知识的学习和课内知识的迁移，提高教学的有效性。

1翻转课堂概述

在传统的数学教学过程中，基本是采用教师主讲的方式，学生只能被动接受知识，教学实效性不高，而翻转课堂作为一种全新的教学模式，打破了传统教学模式的局限，借助多媒体技术等创新课堂模式，能实现课堂教学效果的优化。通常翻转课堂教学具有如下的优势：①突破传统教学的局限。翻转课堂可以让学生随时随地学习，不受时空的局限，突破传统实践教学的限制；学生从自身的学习能力出发，利用课前时间学习视频内容，直到完全掌握。②更新教学流程。传统的教学模式断定学生学习成果时，多是以考试好坏、完成作业、学生做题、教师讲授为标准；而翻转课堂的教学模式则突破了这种形式，将学生课下的学习任务转移到课上加以完成，不仅可以优化教学流程，还能提高学习效率和教学效果［2］。③转变课堂职能。翻转课堂主要是翻转课下和课上学与教的方式，要求教师在课堂上要充分尊重学生的主体地位，注重课堂上的指导和引导；学生在课下应该做到自主学习，改变对学习的依赖习惯。可以说，翻转课堂的应用能够提高学生的学习兴趣，改善学习状况，以免学生因分心而难以跟上学习进度。④师生角色互换。传统的教学模式基本是以教师为主，而翻转课堂教学模式是以学生为主，强调学生在课堂上的主体地位，将师生的角色进行互换，让学生由被动接受知识转变为学生主动参与学习。这样的模式可以调动学生的主观能动性，激发学生的学习兴趣，提高学生思维能力和学习能力。⑤现代化技术手段的运用。传统的教学工具主要是粉笔与黑板，多媒体授课也仅仅是以PPT的方式呈现，课程内容枯燥乏味，难以充分调动学生的学习积极性；而翻转课堂可以利用新技术手段和视频教学的方式，使抽象难懂的知识变得直观形象，便于学生理解知识，降低学习压力，提高学习效率［3］。⑥提高实践能力和协作能力。翻转课堂鼓励学生在课前完成相关的练习或自学视频教学，通过师生交流或主动实践的方式解决疑难问题，这样学生可以深入理解所学知识，提高实践操作能力和交流协作能力。

2翻转课堂应用于网页设计课堂教学的可行性分析

翻转课堂教学模式应用于网页设计课堂教学，其可行性具体表现在以下几个方面：一是软件资源。随着多媒体技术的快速发展，教学视频的录制软件种类愈加繁多，教师的现代信息技术运用能力不断增加，通过将音频和视频等相结合，能够激发学生的学习兴趣，强化学生的自主学习能力与交际能力，有利于翻转课堂教学的实施。二是硬件资源。高校许多学生都配备有个人电脑，可以借助校园网络下载或在线观看教学视频，而没有个人电脑的学生则能利用学校的电子阅览室或网络机房进行学习，这为翻转课堂教学活动的顺利开展提供了良好的硬件条件。三是授课学生。在教育体制深化改革的背景下，传统的教学方法已经不再适应时代的发展，学生更加倾向于自主学习，并且学生也具备一定的自主学习能力［4］。学生在中小学时期学习了信息技术课程，掌握了一定的信息技术基础知识，进入大学后可以利用相关工具对多媒体信息进行灵活处理，敢于提出问题、容于发现问题，更加容易接受翻转课堂教学的模式，实现自身综合素质的全面提高。四是授课教师。网页设计的授课教师大多都是从事计算机教育的中青年教师，具有较高的学历、良好的信息技术应用能力、较强的创新意识，能够快速接受新兴事物，敢于尝试教学改革，在录制视频、课件制作、计算机网络应用等方面拥有扎实的基础，这使得翻转课堂的实施具有良好的人力资源。

3翻转课堂在网页设计课堂教学中的应用

3．1具体应用

1）课前环节的应用

网页设计课程涉及诸多方面的内容，如利用网页设计的视觉风格与元素制作、网页设计概述、PS完成网页设计、网页色彩设计、网站整体设计、网页设计与布局等。而课前环节属于知识传授的环节，教师在实际教学中需要以课堂所要讲解的内容为基础，对教学内容进行适当浓缩，制定科学合理的教学目标，录制与知识点相关短视频，然后设计难度适宜且针对性强的练习题目，将其上传到学习网站，以便学生提前学习［5］。当然在这一过程中，教师必须要积极监督学生的自学情况，及时与学生交流互动，从而使学生学有所获。学生在学习中可以随时登录网站自由下载或观看教学视频，独立自主完成教师布置的任务，通过上网查找资料、反复观看教学视频，与同学进行交流等方式，有效解决自学中遇到的疑难问题。

2）课堂环节的应用

一方面，在翻转课堂教学过程中，教师可以先利用十分钟的时间梳理本节课的知识框架，引导学生有效联系课前自学的相关知识，完整把握课程内容；然后结合教材内容，有针对性制定课堂作业，让学生带着问题进行思考和探究，对新的方法与技巧进行尝试；学生完成布置的任务后，教师需要合理评价学生自学的过程与结果，及时反思和总结。另一方面，学生需要对教师总结和梳理的知识点进行细心聆听，将其与自己课前整理的内容进行对比，查漏补缺；在此基础上认真完成教师布置的任务，虚心向教师和同学请教自己不懂的问题；作业完成后可以展示自己的作品，向同学分享自己在学习中的收获与经验，继而掌握更多的网页设计技巧，促进语言表达能力的提高［6］。值得注意的是，教师在此期间应该对学生的实际学习状态加以留意，掌握学生任务完成的情况，及时解决学生学习中遇到的问题，如有必要可单独辅导个别学生存在的问题。

3）课后环节的应用

教师在布置课后作业时，应该以课堂讲解的知识为依据，根据生活实例中涉及的网页设计知识点，为学生提供实践操作的机会，使学生更加全面地掌握所学知识，拓宽学生的专业视野，提高学生的创新能力，实现学生知识的内化。而学生在此期间则要高度重视课后作业，尽可能独立完成作业，达到知识融会贯通的效果。

3．2应用策略

首先，合理安排教学活动。网页设计课堂教学中应用翻转课堂的教学模式时，必须要创设良好的学习环境，为师生和生生之间的互动交流提供良好条件，有针对性制定教学目标，加强学生对教学内容的理解，便于学生积极思考、用心体验和准确表达语言［7］。相较于传统的课堂教学而言，翻转课堂更为重视学生的思想情感和思维能力，要求学生全程参与到课堂教学中，充分发挥学生的主体性作用，这就要求教师在实际教学活动中，应对教学驱动任务加以精心设计，启发学生的思维，促进教学质量和效果的提升［2］。其次，恰当选择教学内容。当前网络上虽然有很多的教学资源，但是适用于网页设计翻转课堂教学的资源相对较少，因此教师在实际教学过程中，应保持宁缺毋滥的态度，恰当选用微视频资源，精心设计教学活动，以此提高教学的有效性。对于网页设计课程教学来说，其核心是教学内容，但是翻转课堂中并不能将海量的教学内容加以选用，而需要通过系统和科学的应用，以此保证翻转课堂的实施效果。总之，将翻转课堂教学模式应用在网页设计课堂教学活动时，需要从宏观层面和整体角度加以把握，选择针对性较强的内容，将其分散于整个学期的教学活动中，提高教学效果。最后，加强课堂互动。部分高校教师在网页设计中应用翻转课堂教学模式时，将其与视频学习混为一谈，这种认知过于片面化。翻转课堂主要是深化和丰富课堂学习活动，加强课堂与课外活动的互动，因此教师在翻转课堂教学活动中应该设置具有挑战性的教学任务，引导和鼓励学生进行探索与思考，从而有效完成教学任务［8］。如果学生难以完成任务，教师可采用合适的方法和时机来引导学生，促进教学有效性的提高。此外，教师应对学生的学习能力和认知能力加以综合考虑，强化师生之间的互动，重视学生基础知识的掌握，不能让学生过于依赖课外学习，确保学生能够深入学习，提高学生的应用能力。

3．3应用效果

1）课堂时间的高效利用

翻转课堂在网页设计教学中的应用还面临着一些问题，如学生通过课前学习后，怎样高效利用空余的课堂时间等。通常在课外完成直接授课之后，可以利用课堂时间进行更多参与度和更高质量的活动，而不同的教学风格、教学地点、教学内容等，往往会导致教师课堂时间的利用方法也不同。网页设计课程具有较强的实践性和操作性，对知识点应用的要求相对较高，需要学生具备良好的设计能力，因此在课堂教学环节应该帮助学生设计应用，运用项目式或研究讨论的教学方式，让学生发现、探究和解决问题，提高课堂时间利用的效率。

2）积极互动学习氛围的构建

翻转课堂的优势之一就是增加了整体的交流，师生和生生之间的互动交流有所增进，并且从单一的内容讲授逐渐转变为教学指导，教师有充足的时间解决学生学习中遇到的问题，更好地辅导或指导学生学习。在网页设计课程教学中，部分学生在完成教师布置的作业时，如果遇到同样的问题，这时教师可以将这些学生集中到一起进行单独讲解；而对于学习进度较快的学生，教师可以布置额外的作业，实现差异化的教学，更好地完成教学目标［9］。除此之外，课堂变成了以任务完成为主，对学生之间的互动交流进行观察，教师可以发现学生比较喜欢互帮互助，活跃课堂氛围，提高学生课堂参与度。值得注意的是，教师对课堂的热情程度会对学生的活跃程度产生一定影响，而良好的策略和活动设计直接关系到学习氛围，如在网页设计课程教学过程中，应该通过头脑风暴和讨论等方式，让学生对网页功能设计的意义进行了解，掌握良好的技能。

3）提供补习机会

在传统的课堂教学中，如果学生没有掌握好某一知识点，教师往往会按照指定的教学进度对后面的内容进行讲解，忽视学生的学习需求，而翻转课堂可以为学生提供补习的机会。在翻转课堂教学过程中，学生可以结合自身的实际需要，对课前资料进行再次学习，或者是在课堂上与同学和教师进行交流，直到完全掌握知识内容。因此在课堂教学设计环节，教师要为部分没有很好掌握目标的学生提供学习进步的机会，例如：有些学生在课前没有观看教学视频，这时教师可以总结学生课前的学习情况，表明记录个人的学习情况，以此激励学生；部分学生因特殊原因而没有完成课前学习，教师可以单独提供2～3台计算机，便于其学生等。学习成功会激发学生的学习自信心，产生愉悦的体验，而频繁的学习失败则会导致学生学习自尊心降低，出现过度焦虑心理，因此在课堂教学中应该为失败的学生提供进步机会。

4结束语

随着教育的网络化和信息化发展，日新月异的技术给教学带来了极大的冲击，教育模式和学习方式的创新已经成为高等教育发展改革的重要内容。在网页设计教学活动中应用翻转课堂教学模式时，教师应该从课前环节、课堂环节、课后环节等方面出发，合理安排教学活动，恰当选择教学内容，加强课堂互动，准确把握翻转课堂的特点。这样充分才能调动学生学习的积极性和主动性，使学生深入掌握所学的知识与技能，更好地实现教学和技术的有效结合，进一步提高教学的实效性，推动现代化教育的可持续发展。

参考文献：

［1］徐海燕．翻转课堂教学模式在高职网页设计制作课程中的应用初探［J］．电脑知识与技术，2015（25）．

［2］纯妹．翻转课堂在《网页设计与制作》课程中的应用研究［J］．中国教育信息化，2016（8）．

［3］郭丹，闫丽，刘滢．翻转课堂教学模式在网页设计实践课程中的实施［J］．通化师范学院学报，2016（4）．

［4］郑丹青．引入翻转课堂的动态网页设计课程项目教学设计［J］．西安航空学院学报，2016（3）．

［5］龚纯妹．基于翻转课堂的《网页设计》课堂教学模式设计［J］．教育教学论坛，2016（35）．

［6］彭珊珊．翻转课堂模式在“网页设计”课程教学中的实施［J］．西部素质教育，2016（19）．

［7］李楚贞．任务驱动法和翻转课堂在网页设计课程中的应用［J］．福建电脑，2016（9）．

［8］李菁．基于微课的翻转课堂模式在高职实践课中的研究与应用———以网页设计课为例［J］．电脑知识与技术，2016（22）．

［9］李湘．“MOOC＋翻转课堂”教学模式在中职“网页设计与制作”教学中的实践研究［J］．江苏理工学院学报，2016（4）．

作者:马涛 单位:武昌职业学院