基于翻转课堂的html5+css3网页设计教学的研究与实践

龚电花 惠州经济职业技术学院

基于翻转课堂的html5+css3网页设计教学的研究与实践

龚电花 惠州经济职业技术学院

基于翻转课堂的网页设计教学改革，其关键工作是要求提高学生的学习积极性，学生利用课后时间掌握传统教学中课堂上的教授知识点，而课堂上学生专注于项目任务的制作。这个教学的过程中，就需要老师对于课堂和课后做整体设计，让学生能积极主动的学习。

翻转课堂 研究与实践 教学改革

在信息化时代，能够接受高等教育的人越来越多，这使得高职院校无论从规模和数量上都得到了很大的发展，高职院校在这种激烈竞争的环境下，都追求高质量的教学。学校首先要制定好的人才培养方案，但是，任何的人才培养方案都需要相应的课程的支撑。探索好的教学方法，进行实时的课程教学改革势在必行。

1 翻转课堂在教学中的意义

现今阶段，大部分的课堂都采用传统的教学方法，或者项目教学法，但是这些教学方法，知识点的教授占据了大部分的课堂上教师和学生的交流时间。导致学生课堂学知识点，教师和学生交流项目的时间减少。

翻 转 课 堂 译 自“Flipped Classroom”或“Inverted Classroom”，是指重新调整课堂内外的时间，将学习的决定权从教师转移给学生。在这种教学模式下，课堂内的宝贵时间，学生能够更专注于主动的基于项目的学习，共同研究解决本地化或全球化的挑战以及其他现实世界面临的问题，从而获得更深层次的理解。教师不再占用课堂的时间来讲授信息，这些信息需要学生在课后完成自主学习。针对于高职院校的学生，学生的自觉能力很差，需要授课老师对学生课后比较好的安排，并采用讲授法和协作法来满足学生的需要和促成他们的个性化学习，其目标是为了让学生通过实践获得更真实的学习。翻转课堂模式是大教育运动的一部分，它与混合式学习、探究性学习、其他教学方法和工具在含义上有所重叠，都是为了让学习更加灵活、主动，让学生的参与度更强。互联网时代，学生通过互联网学习丰富的在线课程，不必一定要到学校接受教师讲授。互联网尤其是移动互联网催生“翻转课堂式”教学模式。“翻转课堂式”是对基于印刷术的传统课堂教学结构与教学流程的彻底颠覆，由此将引发教师角色、课程模式、管理模式等一系列变革。

2 翻转课堂在教学过程中的特点

对于学生基础为零的且实践性比较强的学科，前期仍然采取先教后学的传统模式，目的是在老师手把手的帮助下，带学生入门，打好基础；对于拓展的知识内容，则会适当选择“翻转课堂”新模式来进行。这样，既可以使学生享受新的学习模式带来的学习效率的提高，也避免出现知识陌生带来的学习挫败感。本课题拟从“html5+css3网页设计”这门课程入手，以计算机应专业的16级学生为载体，以课程资源系统、丰富和适合网络传播为基本要求建设教学资源共享体系，提出“翻转课堂”下网页设计基础课程资源共建共享的策略，并进行相应教学模式的研究与实施。

3 翻转课堂在网页设计课程中具体实施

3.1 课程标准的编写

教学课程标准是教材编写、教学、评估和考试命题的依据，是对不同阶段的学生在知识与技能、过程与方法、情感态度和价值观等方面的基本要求，规定各门课程的性质目标、内容，内容框架，提出教学建议和评价建议。

传统的以老师为中心的课程标准，都是选好教材，按照教材来编写课程标准，由于传统的教学是老师讲，学生听，所以学生的都处于被动，而且教授的专业知识比较分散，所以课程标准里面的学生的职业能力和情感能力不能体现出来。而基于翻转课堂的教学模式重在培养学生的职业能力，是学生们共同完成一个工作项目，在课堂上以学生为主导，老师为指导，那么在制定课程标准时，老师一定要标明在课堂上的明确任务，在课堂上用到的基础知识，需要学生课外去学习，所以老师必须制定课堂上的完成的任务，和课后要完成的任务必须在课程标准中详细的表达出来。老师们再也不能依据教材来编写课程标准，而是依据完成某个具体项目来编写课程标准。因为不同时期的所做项目不同，所以课程标准一般每年或者每个学期都有变化。

3.2 课堂教学单元设计

由于特殊情况，学校的排课是两节课连排，每节课45分钟，一周2次课，一般在设计教学单元是都是一次课一个，每周2个教学单元设计。这是非常重要的环节，教学单元设计做的好不好，直接影响此次上课的质量。教学单元设计必须包含有掌握的知识和能力，任务的安排，通过完成任务所能达到的目标。老师自己在设计任务时，自己先要把任务做一遍。因为是采用项目分组教学，学生与学生之间的能力是不同的，有的组学生勤奋，老师布置的任务在课堂上完不成，会在课后去完成。而有的学生比较懒惰，甚至课后都不去学习知识点，同等的任务在课堂上肯定完不成的。所以老师在设计教学单元时，每个任务都要体现学生各方面的能力，勤奋的学生应该完成什么，而懒惰学生应该完成什么，让每个学生都充分发挥自己的能力，这样学生学习的积极性会有待提高。其实人的积极向上的本性从儿童开始，个体在童年时表现的非常积极向上，那是因为童年时比较不懂事，父母及老师都比较宽容，即使他取得一点小小的成绩，都会得到来自各方面的表扬，而随着年龄的增长，来自父母及学校的宽容度少了，学生也会变得很不自信，久而久之，就变成别人眼中的差生了。所以老师必须充分的了解学生的个性，在任务安排的过程中，必须考虑到学生的个性，让学生各司其职。

3.3 课件及视频、课后练习

（1）课件

制作好的课件，必须依据教学单元设计中的内容来制作，利用有限的时间交代学生所做任务，让学生能够明确本次课的任务，并且合理安排好下次的基础知识。主要体现在以下几个方面：

课件构思：各个方面都要考虑，框架设计，板式设计等。

素材收集：文字、音乐、图片、视频，先处理好，方便导入。

平静心态：有很多时候是同样的事情反复做，所以心态要静。

反复测试：做的过程中，要反复测试，找出瑕疵

（2）视频

视频采用微课的形式，一个小知识点一个视频，方便在网上学生下载并携带。通过看视频，学生能够理解知识点，因网页设计是比较注重操作能力的培养，所以在制作视频时必须直观，讲课应该突出重点操作，让学生一看就明白知识点的内涵，并能够运用知识点完成小项目。

（3）课后习题

考虑到学生所学科目比较多，时间有限，课后习题必须体现项目中的小知识点。一个习题就是一个小任务，习题必须要体现学生的各种能力。

3.4 教学方法

（1）项目教学法

项目教学是将某门专业课程按类别分为若干技术或技能单元，每个技术或技能单元作为一个教学项目，实行理论、实践一体化的单元式教学，每个单元教学都以应用该项技术或技能完成一个作业来结束，并进行下一个项目的教学。简而言之，项目教学就是师生为完成某一具体的工作任务而展开的教学行动。项目教学是一种方法，更是一种方案。

本课 程 所涉及 的 知 识内容比较多，有html，css,javascript,flash,photoshop。要求一个学期每一组完成一个项目，主要是完成网页的前端，相同的项目，要求每个组完成的各有特色。此项目完成之后，学生可以将来毕业可以在相关的公司完成网页前端的制作。

（2）任务驱动法

但是项目并不是一次课两次课能够来完成，所以一个项目必须分成多个任务，一个具体的任务又要分成多个子任务，所以老师光要整体的设计项目，还要把项目不编程整体的任务，并且每个任务又要根据实际情况做成小任务，这任务让学生能够在一次内完成。所以老师整体教学环节设计是非常繁杂的，只有老师的教学环节设计的好，学生才能够有条理的去学习。

4 总结

翻转课堂就是老师必须把整个学期完成的项目安排好，还要求把每次课学生完成的任务也要安排好。既要安排学生课堂上完成的任务，又要安排学生课后学习的知识。虽然老师课堂上所授课的有所减少，但是老师要花费大量的时间去做整个学期课堂安排。传统的教学是部分思维，而翻转课堂是全局思维。这就好比当员工和当经理的区别。并且学生的思维会随着老师的思维，一个学期，一个项目下来，学生的各方面的能力都得到了发展。

[1]赵春红,李登原浅谈网页设计课程教学改革[J],《人间》,2016

[2]转变教学理念,巧妙提高教学效果——网页设计课程教学改革之我见,《河北能源职业技术学院学报》,2012

[3]闫奇峰,张莉平高校《网页设计与制作》课程的教学改革与探析,《中国校外教育旬刊》,2012

[4]黄刚,李洪进《网页设计与制作》教学的改革探索,《电脑知识与技术》,2014

[5]唐丽,基于翻转课堂的教学活动设计,《教育教学论坛》,2015