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

杨雪

摘 要 如今，云计算、大数据、人工智能技术炙手可热的，Web前端开发工程师是各大软件企业追逐和猎取的人才对象。这次要研究的课程html5+css3正是Web前端开发的核心课程。我们针对“html5+css3网页设计”这门课程做翻转课堂的教学方法改革的研究，构建出丰富的课程资源系统，制作适合网络传播的教学资源共享体系，并进行相应的教学模式改革。

关键词 Web前端开发 微课 翻转课堂 教学方法 教学资源 教学模式改革

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

1概述

随着职教改革20条的发布，为职业教育迎来了新的发展春天，首批发布的5个1+X试点证书之一，Web前端开发职业技能等级证书，其涉及的知识和技能之一，对于这样一门语言课，培养优质人才还很短缺。由此可见，大部分前端开发者对HTML5开发的使用和掌握仍然处于初级阶段。虽然HTML5开发人才数量较之前有大量增长，但行业真正需要的高质量人才仍旧稀缺。我们计算机技术应用专业在这种激烈竞争的环境下，更需要高质量的教学，加紧对此类人才的培养。

对于我们高职院校的学生来说，学生的自学能力比较差，如果单纯的依靠传统的教学手段来进行教学，教师准备的教学任务再精彩也是无法吸引学生全身心的投入学习的，因此我们针对“html5+css3网页设计”这门课程做翻转课堂的教学方法改革的研究，对这门课程的任务做知识分解，制作相应的微课、微教学、课件、教学视频等教学资源，在教学方法上也做出多层次多手段的改进，研究对象是计算机应专业的19级学生，最终构建出丰富的课程资源系统，制作适合网络传播的教学资源共享体系，并进行相应的教学模式改革。

2教学方法的研究

本次研究就是使用翻转课堂这种碎片式的教学内容加上教与学的角色转变 ，并且调整了课堂内外的时间，将老师讲授的被动学习转化成学生的主动学习，将学生变成学习的主导。教师预先要求学生登录云平台，使用手机或电脑随时随地登录学习，完成预习任务，数据平台自动统计学生预习数据。当然对于我们高职院校的学生来说，学生的自学能力比较差，一般都需要老师每堂课后都对学生下一次课安排好预习的内容，目标是为了让学生通过云平台打卡，获得学生是否预习的数据，从而使课堂中正正有效的利用这45分钟，巩固知识，通过实践获得更有效的学习。我们借助职教云课堂平台，进行翻转课堂的教学模式改革。以前我们在一节课中都是教师围绕某个知识点展开层层讲解，学生的接受度并不高，现在我们将教师与学生的角色互换，让学生成为学习的主导者，化被动学习为主动学习，学生提前通过云平台预习打卡，云平台上有教师精心将任务分解的一个个小知识点，让学生利用碎片时间来进行学习，系统记载学生的学生预习情况，这种方式能够让教师更好的掌握学生主动学习情况，同时也能够让学生对感兴趣的知识点做更多拓展，学生可以随时随地和老师或者其他学生交流。

3课程资源的建设

3.1图文教程类数字化资源

通过图文形式将课程中的例子生動展示，集趣味性与知识性于一体，每个教程后面提供自测题目，让学生快速理解和掌握课程知识。

3.2视频类数字化资源

视频教程以“微课程”为主要形式，针对某一知识点或技能点，每个视频教程不超过8分钟，通过实际操作或情境录制形式，可以在较短的时间内让学生看懂并跟着做相应的练习。

3.3题库类数字化资源

习题库分为填空、选择、判断、综合等多题型形式，包含单元练习与模拟测试题，针对课程项目单元测评的试卷库，每堂课能选择对应知识点生成小测试。

4翻转课堂的实践

我们将每堂课分课前预习、课中学做和课后拓展三个阶段。

阶段一：课前预习。

一方面是老师精心设计制作教学资源上传职教云平台，另一方面，学生使用手机或电脑随时随地登录学习，完成预习任务，数据平台自动统计学生预习数据。

阶段二：课中学做，分六个环节。

（1）课前反馈：教师登录云平台，展示一下在云平台收集的数据——学生的预习数据及部分学生提出的问题，针对这些数据，对表现好的提出表扬，对没有达到要求的提出批评，督促学生课前要认真预习。

（2）任务展示：教师课前需要展示一下本节课需要完成的页面效果，然后通过分析、提问，对旧课进行然后导入新课。

（3）任务分解：对目标任务页面进行分解，形成若干新的知识点，为学习这些知识推荐好的学习途经，如：CSS Sprite技术分解可以直接看教材;应用可以看看我们拍摄的微课视频;Webkit引擎支持的CSS渐变语法可以登录CSDN博客参与专题讨论;创建CSS渐变可以通过上网来百度搜索学习。

（4）任务实现：学生的工作是做目标任务、问问题、学知识点、参与小组讨论;老师的工作是巡视督学、答疑解惑，把控教学进度、共性问题集中讲解，所谓共性问题是指有3名及以上学生问到的同一问题。限定的50分钟到了，要求所有人员停止操作。

（5）任务展演：给每个小组2-3分钟的时间，向全班同学展示本组最好作品，讲解创意与创新点，并感言心得，学生在对比中寻找不足和获得荣誉感。

（6）任务评价：老师通过手机发起投票，让学生来评判各小组作品，孰优孰劣，展示投票结果，评出优胜组。最后，授课教师要对各小组当堂完成的作品进行点评，打出相应的分数。

参考文献

[1] 高琴，姚红.基于微课技术的翻转课堂模式的设计与应用[J].河北联合大学学报：社会科学版，2016，16（06）：99-105.

[2] 刘翠翠.基于微课理念的翻转课堂教学模式实践研究——以大学计算机基础课程为例[J].教育（文摘版），2016（05）：00088.

[3] 陈建新.基于MOOC的大学计算机基础翻转课堂教学改革[J].电脑知识与技术，2015，11 （31）：110-112.