《HTML5程序设计》课程教学改革探究-精品文档

1、HTML5程序设计课程教学改革探究Research on Curriculum Teaching Reform of "HTML5 Programming"GUO Li-ping1 ， GAO Guang2，LIU Hui-hui1（1.School of Computer Science and Technology ofZhoukou Normal University， Zhoukou 466001 ， China ；2.School of Network Engineering of Zhoukou NormalUniversity， Zhoukou 466001

2、， China ）： On the analysis of the status and characteristicsof the HTMLprogramming course ， aimingat the problems inthe course teaching， the paper discussed the teachingreform of "HTML5 programming" from teaching methods，teaching content ， teachers own problem ， instruction after class ， e

3、valuation methods. It aimed at enhancing the teaching effect and providing better learning experience for students.1 概述HTML5是超文本标记语言（HTML）的第五次重大修改版本。HTML5设计之初是为了在移动设备上支持多媒体，从而摆脱对Flash 等插件的依赖。 HTML5提供了很多新特性，包括：语义元素、网页多媒体、绘图及特效、CSS3、本地存储、设备兼容特性等。随着 HTML5技术和移动应用开发的迅速发展，前端开发工程师逐渐变成一个紧俏的岗位。为了契合当前社会需求，本着培

4、养应用型技术技能型人才的办学理念，在最新版的2016 年人才培养方案中， HTML5程序设计被选作本校计算机科学与技术学院软件工程专业的一门专业必修课程，该课程上承网页设计课程，下启 HTML5移动应用开发课程，在整个课程体系中起到了承上启下的作用。然而，在实际教学过程中，HTML5程序设计课程存在一些亟待解决的问题。2 HTML5程序设计课程地位HTML5程序设计是软件工程专业的一门专业必修课程，属于移动应用开发方向的课程。该课程安排在大二上学期，是对大一下学期的网页设计课程的进一步学习，同时，又为大二下学期的 HTML5移动应用开发课程提供了一个很好的开端，具有非常重要的衔接意义。作为移动

5、应用开发方向的一门基础课程， HTML5程序设计课程紧紧贴合当前时代需要，为学生提供Web前端设计与开发的一些基本理论和前沿知识，为学生走向社会后和企业单位的实际需求顺利接轨起到很好的铺垫作用。HTML5课程融合了HTML、CSS、CSS3、JavaScript等一系列内容，旨在培养能够熟练掌握HTML5、CSS3等前端开发技术的应用型人才。3 HTML5程序设计课程存在问题在实际教学过程中，笔者发现 HTML5程序设计课程存在一些问题，主要表现在授课方式、课程内容、教师自身水平、课外辅导、考核方式等方面。3.1授课方式传统的课堂教学一般采用以教师为中心、以传授知识为目的的教学形式，从而形成了

6、教师单向灌输、学生被动接受的局面。在这一过程中， 学生的主体性没有得到体现。对于教师课上讲授的理论知识， 学生只是被动的记忆和机械地练习，不能深入理解知识点在实际工作中的应用情况。HTML5程序设计作为一门应用性较强的课程， ?哪壳袄纯矗 ?如果仅仅采用传统的课堂教学方式，不仅不能充分调动学生的学习积极性，学生最终学到的知识也非常有限。3.2课程内容笔者在教学过程中参考了很多HTML5程序设计相关教材，大部分教材只是把新增语义标签、多媒体元素、canvas 绘图、地理定位、离线Web应用、 Web存储等内容简单地罗列出来，每个章节里设置一些简单的案例，案例之间缺乏关联性，学生学习了一个知识点之

7、后无法和其他知识点联系起来，无法在脑海中形成知识网络。其次，课程内容缺乏核心案例，学生无法深入体会知识点的应用，无法和公司的实际工作要求相匹配。3.3教师自身问题据笔者了解， 本学院的青年教师都具有硕士以上学位，理论知识水平普遍较高。然而，受限于现在的招聘机制，很多青年教师从高校毕业后直接进入“大学教师”角色，没有经历过企业的历练，拥有完整的项目经历的人较少。在教授偏理论性的课程时，问题不是太明显。 在教授应用性较强的课程时，尤其涉及以项目带动教学的环节， 这部分教师往往由于自身经验不足，不能很好地对知识进行扩展，也就无法很好地为学生起到指引作用。3.4课外辅导在大学教学工作中，大部分教师除了

8、课堂教学时间之外， 在课余时间和学生联系的较少。对于应用性较强的科目， 学生只靠课堂学习的知识很难提升综合运用所学知识的能力。 合理的课外辅导能有效提升学生学习效率，增强学生的综合能力和创新能力，增进师生交流。3.5考核方式目前， HTML5程序设计课程考核方式采用平时成绩和理论成绩相结合的方式。其中，平时成绩占30%，期末考试成绩占70%。这种考核方式只能反映出学生对基本理论、基础知识的掌握情况，无法科学地反应学生平成的学习情况、综合运用所学知识的能力以及实践创新能力。4 HTML5程序设计课程教学改革探讨针对HTML5程序设计 课程存在的问题， 本文从教学形式、教学方法、教学内容、教师水平

9、等方面进行了探讨。4.1教学形式和教学方法改革传统的课堂教学方式过于单一，已经不能满足像HTML5程序设计这类应用性较强的课程的上课需求。在教学过程中，教师可以综合运用多种教学形式和教学方法对课堂教学进行改革。首先，在课程学习的初级阶段， 教师重点讲解 HTML5新增元素、 HTML5表单、多媒体元素、文件操作、 Canvas 绘图、 CSS3 等内容的基本用法。 对于这些比较基础的知识点， 可以采用传统的课堂教学方式， 结合简单的小案例对知识点进行巩固练习。 该阶段主要以讲授法为主，辅以任务驱动教学法；其次，在课程学习的中期阶段，学生已经对基本的知识点有了一定的掌握和理解，教师可以让学生自由

10、结合成学习小组， 为每个小组分配项目，学生以小组的形式进行分工合作， 在教学过程中穿插项目， 以项目带动教学， 加深学生对知识的理解， 课堂教学可以是以小组代表对项目进行阐述的方式进行；最后，在课程学习的最后阶段，要求每个人独自完成一个项目， 该项目应该涵盖课堂学习的主要知识点内容， 并且包含一定的学生自学内容。 该阶段重点培养学生的自学能力和综合运用所学知识分析问题和解决问题的能力。4.2教学内容改革 HTML5程序设计作为网页设计课程的一个延伸，它主要包含了 HTML5新增元素和属性、 多媒体、Canvas 绘图、CSS3、地理定位、离线 Web应用、 Web存储和文件操作等内容。在教 H

11、TML5程序设计的过程中，笔者翻阅了很多 HTML5程序设计的相关教材。教材内容普遍存在知识点比较零散、 缺乏核心实例、例之间缺乏关联性的问题， 这就造成了学生在学习时不能把所学知识连贯起来。所以，在教学内容方面，首先，教师不能“一本教材走天下”，可以参考多本教材，尽量把知识点串联起来；其次，教师需要设计核心实例， 通过核心实例尽可能让前后知识点之间建立起关系，从而帮助学生对整个学习过程有更深入的理解，不仅仅培养学生的专业素质， 更重要的是培养学生分析问题、解决问题、对知识融会贯通的能力。4.3提升教师自身水平HTML5程序设计课程是一门偏向应用的课程，教师仅仅拥有一些理论知识是远远不够的。为

12、了更好的服务学生，为学生提供更好的引导作用， 教师可以利用假期时间到企业去进修或者参加暑期的短期培训，增加项目经验、不断提升专业能力。在教学过程中， 能够更好地以项目带动教学， 从实际工作应用角度出发，给学生提供更好的课堂教学素材和案例。4.4课外指导改革传统的教学方式中，教师除了上课时间和上机实验时间之外，和学生的交流很少。现在，借助于互联网的飞速发展，教师完全可以通过网络实现和学生的零距离交流。课外指导方面， 建议从以下几个方面着手：首先，充分利用网络学习空间平台，学习空间为教师和学生提供了一个沟通的平台，教师可以通过学习空间为学生布置作业、批改作业、答疑解惑等，学生也可以在学习空间给老师

13、留言。其次，随着移动互联网的兴起，移动端也成为学生学习的一个很好平台。教师可以把重难点内容做成十分钟以内的小视频， 学生通过手机等移动设备，利用平时的碎片化时间就可以对主要的知识内容进行复习和巩固。4.5考核方式改革课程考核不仅能够督促学生学习，还能检测学生的学习成果。目前， HTML5程序设计课程采用的平时成绩和期末考试成绩相结合的考评方式， 不能科学地反应学生平成的学习情况和学习水平。为了促进学生学习的积极性， 本着兼顾对学生的知识、能力、素质进行全面检测考核的原则， 本文提出一种更加科学的考核方式：出勤占 20%、项目实践占 40%、期末考试成绩占 40%。和之前的考核方式相比， 这种考核方式增加