《网页制作》课程“精讲热练”教学模式的探索与设计

薛辉 杨小锋

摘要：为了提高《网页制作》课程的教学质量，分析了《网页制作》课程的特点，设计了“精讲热练”的教学模式，进行了对比教学实验，结果表明该模式可以有效提高《网页制作》课程的教学水平。

关键词：网页制作；教学；模式；设计

中图分类号：TP393 文献标识码：A 文章编号：1009-3044（2015）31-0176-02

The Exploration and Design of the “Meticulous Teaching and Hot Training” Teaching Mode in the Course of "Web Design"

XUE Hui， YANG Xiao-feng

（The Teaching Affairs Service， Shangluo University， Shangluo 726000， China）

Abstract： In order to improve the teaching quality of the course of "Web Design"， this paper analyzed the characteristics of the course， designed the “meticulous teaching and hot training” teaching mode， made a comparison experiment of the teaching mode. The result showed that the model can effectively improve the teaching level of the course.

Key words： web design； teaching； model； design

1 《网页制作》课程在计算机类专业课程中的地位和作用

如今网络在人们的生活中占据了越来越重要的地位，网页制作技术作为建设网站的基础技术也展现了越来越多的应用，企业对网页制作人才需求巨大。《网页制作》课程是计算机类专业的专业主干课，通过该课程的学习，使学生全面建立对网站的认知，学会网页制作和网站设计的基本方法，熟悉网页制作与网站设计的基本概念和理论，掌握网页制作的操作方法和制作技巧，使学生具备设计、开发、发布网站的能力，加强学生的实际动手能力和解决问题的能力，为以后激烈的就业竞争打下坚实的基础[1]。

《网页制作》课程是后续课程《交互式网页动画设计》和《ASP.net》的前导课程。学生通过《网页制作》课程的学习，可以解决《交互式网页动画设计》课程中对动画网页美术效果的设计需求，也可以解决《ASP.net》课程中对网站前台界面的设计和制作需求[2]。

2 《网页制作》课程具有易于掌握、难于精通的特点

《网页制作》课程属于操作设计类计算机课程，和《计算机基础》等课程不同的是，在简单的操作背后隐藏着许多深层次的制作技术和操作技巧，学生学完课程之后，往往只掌握一些简单的操作，只懂得一些简单的技术，对于复杂的技术和深层次的制作方法一窍不通，做出的作品只能达到实习生的水平，无法达到应用型人才所需要的技术水准，无法满足企业对人才的需求[3]。

造成这种情况的原因是，《网页制作》课程涵盖内容广，技术层次深，制作技巧多，具有易于掌握、难于精通的特点。《网页制作》课程的这个特点给学生掌握网页制作技术造成了很大困难，要提高教学质量，必须克服这个困难。

3 针对《网页制作》课程特点的“精讲热练”的教学模式

3.1 针对《网页制作》课程易于掌握，难于精通的困难的解决办法

1）把宝贵的课堂时间更多的用在讲授深层次的制作技巧上

《网页制作》课程总的教学时数是有限的，为了让学生在有限的时间内掌握复杂的技术和深层次的制作技巧，就要把宝贵的课堂时间用在深层次的制作技巧上。《网页制作》课程中许多简单的操作、简单的制作方法和《计算机基础》课程是类似的，对于简单的操作、简单的制作方法大略讲一下就可以，而对于复杂的操作，学生难于掌握的技术可以使用更多的时间来教学。

2）由讲授和实践分开上课转变为在机房统一上课

传统的《网页制作》课程的教学模式是老师先在多媒体教室通过投影仪讲授，然后学生在机房上机实践。这种教学模式由于讲授和实践操作有一定时间间隔，对于简单的操作影响不大，但对于复杂的操作，学生常常就忘记了操作步骤。课堂讲授内容较多时，学生甚至会把不同功能的操作相互搞混。

为了使学生能够掌握深层次的网页制作技术，需要改变传统的教学模式，更多地采取互动模式，以提高学生的学习效率[4]。最好讲授和上机实践统一在机房进行，教师通过机房的同步授课软件讲解、演示，讲完之后学生立即练习，打破理论教学和实践操作的时间间隔，使学生通过亲自操作快速掌握相关技能。

3.2 “精讲热练”的教学模式

针对《网页制作》课程易于掌握、难于精通的特点，本文提出“精讲热练”的教学模式，与传统的教师先在多媒体教室讲授，然后学生在机房上机实践的教学模式不同，这种教学模式把讲授和实践结合在一起，统一在机房授课，如图1所示。教师讲授时主要讲解复杂的操作和深层次的制作技巧，对于简单的操作、简单的制作方法大略讲一下就可以，此为“精讲”。上课时教师先通过机房的同步授课软件讲一块知识点，然后学生立即练习，练完后教师再讲下一块知识点，讲完之后学生再练，反复循环，循循善诱，使教师讲授和学生实践之间没有时间间隔，此为“热练”。精讲热练、趁热打铁，从而化复杂为简单，变被动为主动，使学生在教师的引导下逐步深入学习网页制作知识，掌握深层次的网页制作技巧。

这种模式的特点是以教师为中心，以学生为主体，把教师讲授和学生练习紧密结合在一起，变学生被动听讲为学生主动参与，创建交互式协作学习环境，加强师生交流和学习[5]，使学生在教师的引导下成为课堂的主人，从而有效提高教学质量。

图1 “精讲热练”教学模式与传统教学模式对比图

3.3 “精讲热练”教学模式的优点

“精讲热练”的教学模式具有以下几个优点：

1）“精讲热练”的教学模式克服了《网页制作》课程易于掌握，难于精通的困难，集中有限的课堂时间用于深层次网页制作技术的教学，能有效提高教学质量，使学生的制作水平和制作技巧达到较高的高度。

2）“精讲热练”的教学模式使教师讲授和学生练习相结合，能够充分营造学生积极参与的学习氛围，有效活跃课堂气氛，增进学生和教师之间的交流[6]，让学生在教师的引导下快速掌握网页制作技术。

3）“精讲热练”的教学模式由于把传统的多媒体讲授转变为了机房讲授，不仅增强了对学生的视觉冲击，而且学生可以及时动手实践操作，便于和任务驱动教学[7]、项目化教学[8]、案例教学[9]、层次化教学[10]等教学方法相结合，形成立体化教学体系[11]。

3.4 “精讲热练”教学模式的教学效果

笔者在自己所在学校同一年级计算机专业的两个班进行了对比教学实验，一个班采用传统教学模式，另一个班采用“精讲热练”教学模式，课堂教学效果对比如表1所示。从表中可以看出，“精讲热练”教学模式的课堂教学效果明显优于传统模式。

期末进行了总评成绩核定，总评成绩由平时成绩、实践作品成绩和期末考试成绩三部分组成，其中平时成绩占10%，实践作品成绩占40%，期末考试成绩占50%，总评成绩对比如图2所示。从图中可以看到，“精讲热练”教学模式的总评成绩也明显优于传统模式。

表1 课堂教学效果对比表

[教学模式＼&课堂气氛＼&互动性＼&学生兴趣＼&逃课人数＼&传统模式＼&一般＼&弱＼&低＼&较少＼&“精讲热练”模式＼&活跃＼&强＼&高＼&极少＼&]

图2 总评成绩对比图

4 总结

“精讲热练”的教学模式可以有效克服《网页制作》课程易于掌握，难于精通的困难，带动课堂气氛，提高学生参与学习的主动性，帮助学生掌握深层次的操作方法和制作技巧，能够有效提高《网页制作》课程的教学水平。该模式也可以推广到其他计算机操作设计类课程，在课堂教学上起到示范带动作用，改善计算机教学的教学氛围和教学效果，慧及更多教师及学生。

参考文献：

[1] 刘述，杜世友. 就业导向的网页制作课程设计及其成效[J]. 中国电化教育， 2009（11）.

[2] 刘铭. 高职《网页设计》课程的教学模式设计[J]. 职教论坛， 2010（35）.

[3] 张辉. 网页制作类课程的教学改革与实践——"先整体、后切分、再拼合"的新型教学法[J]. 佳木斯教育学院学报， 2010（5）.

[4] 黄宇建. 任务教学法在网页制作教学中的实施过程和优势[J]. 中国信息技术教育， 2014（14）.

[5] 刘楠. 网页制作在教学中的设计应用[J]. 黑龙江教育学院学报， 2010，29（9）.

[6] 张洪星，褚建立. 高职高专《网页设计》课程考核方式的研究与探索[J]. 教育与职业， 2007（2）. （下转第179页）

（上接第177页）

[7] 薛巧梅. 任务驱动教学法在网页制作教学设计中的应用[J]. 武汉船舶职业技术学院学报， 2013（5）.

[8] 郑丹青. 项目教学法在动态网页设计课程中的教学应用[J]. 中央民族大学学报（自然科学版）， 2014，23（2）.

[9] 韩勇. 案例驱动教学法在《网页制作》课程分阶段教学中的运用[J]. 电脑与信息技术， 2010，18（4）.

[10] 叶仕通，万智萍. 网页设计应用型人才层次化培养的探讨[J]. 长春大学学报（自然科学版）， 2012 （6）.

[11] 杨尚森，李福华. 网页制作课程立体化教学体系建设的研究[J]. 洛阳理工学院学报（自然科学版）， 2010，20（1）.