《HTML5程序设计》课程教学改革探究

郭丽萍++高光++刘会会

摘要：在分析了《HTML5程序设计》的课程地位和特点的基础上，针对该课程在教学工作中存在的问题，从教学方法、教学内容、教师自身、课外辅导、考核方式等方面对《HTML5程序设计》课程教学改革进行了探讨，旨在提升该课程的教学效果，为学生带来更好的学习体验。

关键词：HTML5；教学改革；课堂教学

中图分类号：G642 文献标识码：A 文章编号：1009-3044（2017）30-0153-02

Research on Curriculum Teaching Reform of "HTML5 Programming"

GUO Li-ping1， GAO Guang2，LIU Hui-hui1

（1.School of Computer Science and Technology of Zhoukou Normal University， Zhoukou 466001， China； 2.School of Network Engineering of Zhoukou Normal University， Zhoukou 466001， China）

Abstract： On the analysis of the status and characteristics of the HTML programming course， aiming at the problems in the course teaching， the paper discussed the teaching reform of "HTML5 programming" from teaching methods， teaching content， teachers own problem， instruction after class， evaluation methods. It aimed at enhancing the teaching effect and providing better learning experience for students.

Key words： html5； teaching reform； classroom teaching

1 概述

HTML5是超文本标记语言（HTML）的第五次重大修改版本。HTML5设计之初是为了在移动设备上支持多媒体，从而摆脱对Flash等插件的依赖。HTML5提供了很多新特性，包括：语义元素、网页多媒体、绘图及特效、CSS3、本地存储、设备兼容特性等。随着HTML5技术和移动应用开发的迅速发展，前端开发工程师逐渐变成一个紧俏的岗位。为了契合当前社会需求，本着培养应用型技术技能型人才的办学理念，在最新版的2016年人才培养方案中，《HTML5程序设计》被选作本校计算机科学与技术学院软件工程专业的一门专业必修课程，该课程上承《网页设计》课程，下启《HTML5移动应用开发》课程，在整个课程体系中起到了承上启下的作用。然而，在实际教学过程中，《HTML5程序设计》课程存在一些亟待解决的问题。

2 《HTML5程序设计》课程地位

《HTML5程序设计》是软件工程专业的一门专业必修课程，属于移动应用开发方向的课程。该课程安排在大二上学期，是对大一下学期的《网页设计》课程的进一步学习，同时，又为大二下学期的《HTML5移动应用开发》课程提供了一个很好的开端，具有非常重要的衔接意义。

作为移动应用开发方向的一门基础课程，《HTML5程序设计》课程紧紧贴合当前时代需要，为学生提供Web前端设计与开发的一些基本理论和前沿知识，为学生走向社会后和企业单位的实际需求顺利接轨起到很好的铺垫作用。HTML5课程融合了HTML、CSS、CSS3、JavaScript等一系列内容，旨在培养能够熟练掌握HTML5、CSS3等前端开发技术的应用型人才。

3 《HTML5程序设计》课程存在问题

在实际教学过程中，笔者发现《HTML5程序设计》课程存在一些问题，主要表现在授课方式、课程内容、教师自身水平、课外辅导、考核方式等方面。

3.1 授课方式

传统的课堂教学一般采用以教师为中心、以传授知识为目的的教学形式，从而形成了教师单向灌输、学生被动接受的局面。在这一过程中，学生的主体性没有得到体现。对于教师课上讲授的理论知识，学生只是被动的记忆和机械地练习，不能深入理解知识点在实际工作中的应用情况。《HTML5程序设计》作为一门应用性较强的课程，從目前来看，如果仅仅采用传统的课堂教学方式，不仅不能充分调动学生的学习积极性，学生最终学到的知识也非常有限。

3.2 课程内容

笔者在教学过程中参考了很多《HTML5程序设计》相关教材，大部分教材只是把新增语义标签、多媒体元素、canvas绘图、地理定位、离线Web应用、Web存储等内容简单地罗列出来，每个章节里设置一些简单的案例，案例之间缺乏关联性，学生学习了一个知识点之后无法和其他知识点联系起来，无法在脑海中形成知识网络。其次，课程内容缺乏核心案例，学生无法深入体会知识点的应用，无法和公司的实际工作要求相匹配。

3.3 教师自身问题

据笔者了解，本学院的青年教师都具有硕士以上学位，理论知识水平普遍较高。然而，受限于现在的招聘机制，很多青年教师从高校毕业后直接进入“大学教师”角色，没有经历过企业的历练，拥有完整的项目经历的人较少。在教授偏理论性的课程时，问题不是太明显。在教授应用性较强的课程时，尤其涉及以项目带动教学的环节，这部分教师往往由于自身经验不足，不能很好地对知识进行扩展，也就无法很好地为学生起到指引作用。

3.4 课外辅导endprint

在大学教学工作中，大部分教师除了课堂教学时间之外，在课余时间和学生联系的较少。对于应用性较强的科目，学生只靠课堂学习的知识很难提升综合运用所学知识的能力。合理的课外辅导能有效提升学生学习效率，增强学生的综合能力和创新能力，增进师生交流。

3.5 考核方式

目前，《HTML5程序设计》课程考核方式采用平时成绩和理论成绩相结合的方式。其中，平时成绩占30%，期末考试成绩占70%。这种考核方式只能反映出学生对基本理论、基础知识的掌握情况，无法科学地反应学生平成的学习情况、综合运用所学知识的能力以及实践创新能力。

4 《HTML5程序设计》课程教学改革探讨

针对《HTML5程序设计》课程存在的问题，本文从教学形式、教学方法、教学内容、教师水平等方面进行了探讨。

4.1 教学形式和教学方法改革

传统的课堂教学方式过于单一，已经不能满足像《HTML5程序设计》这类应用性较强的课程的上课需求。在教学过程中，教师可以综合运用多种教学形式和教学方法对课堂教学进行改革。

首先，在课程学习的初级阶段，教师重点讲解HTML5新增元素、HTML5表单、多媒体元素、文件操作、Canvas绘图、CSS3等内容的基本用法。对于这些比较基础的知识点，可以采用传统的课堂教学方式，结合简单的小案例对知识点进行巩固练习。该阶段主要以讲授法为主，辅以任务驱动教学法；其次，在课程学习的中期阶段，学生已经对基本的知识点有了一定的掌握和理解，教师可以让学生自由结合成学习小组，为每个小组分配项目，学生以小组的形式进行分工合作，在教学过程中穿插项目，以项目带动教学，加深学生对知识的理解，课堂教学可以是以小组代表对项目进行阐述的方式进行；最后，在课程学习的最后阶段，要求每个人独自完成一个项目，该项目应该涵盖课堂学习的主要知识点内容，并且包含一定的学生自学内容。该阶段重点培养学生的自学能力和综合运用所学知识分析问题和解决问题的能力。

4.2 教学内容改革

《HTML5程序设计》作为《网页设计》课程的一个延伸，它主要包含了HTML5新增元素和属性、多媒体、Canvas绘图、CSS3、地理定位、离线Web应用、Web存储和文件操作等内容。在教《HTML5程序设计》的过程中，笔者翻阅了很多HTML5程序设计的相关教材。教材内容普遍存在知识点比较零散、缺乏核心实例、實例之间缺乏关联性的问题，这就造成了学生在学习时不能把所学知识连贯起来。所以，在教学内容方面，首先，教师不能“一本教材走天下”，可以参考多本教材，尽量把知识点串联起来；其次，教师需要设计核心实例，通过核心实例尽可能让前后知识点之间建立起关系，从而帮助学生对整个学习过程有更深入的理解，不仅仅培养学生的专业素质，更重要的是培养学生分析问题、解决问题、对知识融会贯通的能力。

4.3 提升教师自身水平

《HTML5程序设计》课程是一门偏向应用的课程，教师仅仅拥有一些理论知识是远远不够的。为了更好的服务学生，为学生提供更好的引导作用，教师可以利用假期时间到企业去进修或者参加暑期的短期培训，增加项目经验、不断提升专业能力。在教学过程中，能够更好地以项目带动教学，从实际工作应用角度出发，给学生提供更好的课堂教学素材和案例。

4.4 课外指导改革

传统的教学方式中，教师除了上课时间和上机实验时间之外，和学生的交流很少。现在，借助于互联网的飞速发展，教师完全可以通过网络实现和学生的零距离交流。课外指导方面，建议从以下几个方面着手：首先，充分利用网络学习空间平台，学习空间为教师和学生提供了一个沟通的平台，教师可以通过学习空间为学生布置作业、批改作业、答疑解惑等，学生也可以在学习空间给老师留言。其次，随着移动互联网的兴起，移动端也成为学生学习的一个很好平台。教师可以把重难点内容做成十分钟以内的小视频，学生通过手机等移动设备，利用平时的碎片化时间就可以对主要的知识内容进行复习和巩固。

4.5 考核方式改革

课程考核不仅能够督促学生学习，还能检测学生的学习成果。目前，《HTML5程序设计》课程采用的平时成绩和期末考试成绩相结合的考评方式，不能科学地反应学生平成的学习情况和学习水平。为了促进学生学习的积极性，本着兼顾对学生的知识、能力、素质进行全面检测考核的原则，本文提出一种更加科学的考核方式：出勤占20%、项目实践占40%、期末考试成绩占40%。和之前的考核方式相比，这种考核方式增加了项目实践部分，且占比40%。这样能够有效督促学生积极参与到平时的项目实践中，从而增加了学生的动手编码能力和应用所学基本理论知识解决实际问题的能力。

5 总结

针对《HTML5程序设计》在本校软件工程专业中的定位，从教学实际出发，针对目前教学中存在的问题，从教学形式、教学方法、教学内容、教师自身水平、课外指导方式、考核方式等方面给出了一些改革建议，希望能够对《HTML5程序设计》课程的教学工作起到一定的帮助作用。

参考文献：

[1] 赵大伟，陈刚. Web前端开发技术人才培养模式研究[J]. 电脑知识与技术，2015，11（24）：109-110.

[2] 张涟漪. 基于网站前端设计的《网页设计》课程教学改革初探[J]. 武汉工程职业技术学院学报，2017，29（1）：76-79.

[3] 张玉清，贾岩，雷柯楠，等. HTML5新特性安全研究综述[J]. 计算机研究与发展，2016，53（10）：2163-2172.endprint