网页设计课程教学模式研究

黄霞

摘要：该文结合网页设计课程现状，分析教学过程中存在的问题，根据网页设计课程的特点，从教学目标、教学内容以及教学方法和手段等方面来探讨如何提高本课程教学水平，并在此基础研究理论与实践一体化教学模式，从而更好的提高学生的实践能力和工程素质。

关键词： 网页设计；教学模式；一体化

中图分类号：G642 文献标识码：A 文章编号：1009-3044（2015）06-0211-02

Study on the Teaching Mode of Webpage Design

HUANG Xia

（Hu bei University of Arts and Science， Xiang yang 441053，China）

Abstract： This paper discusses how to improve the teaching level of the course， based on the characteristics of the teaching objectives， teaching contents， teaching methods and means， and to improve students' practical ability and engineering quality.

Key words：webpage design； the teaching mode； Integration

随着互联网产业的快速发展，网站已成为各单位、各部门、各公司、各企业进行商业宣传、信息发布、网络交易等不可或缺的平台，市场上对网站开发的人才需求量日趋增长，网页设计课程的目标就是为了培养网站开发的优秀人才。

近年来，我校一直致力于探讨人才培养模式，如何构建高效课堂，培养应用型本科院校学生的学习主观能动性，加强学生的自学能力，提高學生的综合能力和工程素质，对合格的应用型人才的培养起着至关重要的作用，在实际应用中构建理论与实践一体化教学模式，可以很好的解决理论与实践相分离的问题，从而更快地提高学生的动手能力、合作能力和创新能力，进而使学生总体素质达到相当水平。

1 教学现状

目前，大多数网页设计课程的主要内容为讲解Dreamweaver网页制作软件的使用，对HTML代码的讲解非常少，更不用说动态脚本了。学生将超过一半的时间放在工具软件的学习上，结果是学生可能熟练掌握了工具软件的使用，却对代码部分知之甚少，编写出来的页面无论是视觉效果还是功能效果都无法达到理想水平，设计出来的网站也不尽人意，从而导致学生不会从全局的角度开发设计，创新意识得不到培养，综合素质更无从提高。况且，网站的前台设计和后台设计是紧密关联的，这样就要求学生必须对代码相当熟悉，才能设计开发出功能完善的网站。

而传统的教学通常都是理论教学和实践教学相分离，老师在多媒体教室灌堂式的讲解，学生在实验室模仿式的练习，这样造成的后果就是无法保证知识的时效性和连贯性，学生往往学了后面忘了前面，或者似懂非懂地模仿式完成了实验任务，却没有真正地掌握相关知识，慢慢地学生就会失去学习的兴趣，更不要说提高开发和设计水平。

2 教学目标

网页设计课程的主要目标就是为了培养网站开发的技术人员所必须具备的一些基本技能，为配合相关专业后续课程的学习，学生学习该课程后，应当具备表1中所描述的基本能力。因此这门课程采取了以“学生为主体，教师为主导，理论和实践相融合”的一体化模式进行教学，这种模式采用项目驱动让老师根据学生的特点来指导网页设计的探索、分析、研究以及改善学生的实践操作动手能力。[2]所有的内容都在实验室完成，保证上课时每名学生一台电脑，需要讲授的理论知识以案例的形式穿插讲解，每一个重要的知识点在讲解演示之后，立即让学生现场操作，并以学生非常熟悉的网站比如淘宝网、搜狐网等为模型让学生快速发现、探索和解决网页中的问题，来激发学生的好奇心和欲望，带动学生兴趣，促进学生的创新能力。

3 构建一体化的教学模式

1） 实验项目一体化。为了更好地体现理论与实践一体化的要求，必须要有一体化的实验项目，为课程教学模式改革提供有效的载体。

2） 项目驱动教学。在教学的过程中，教师通过分配任务的方式，在学生实践的过程中给予及时地指导与帮助，给学生创造较宽松的学习环境，能很好地调动学生学习的主观能动性，有效地激发学生学习的兴趣与创新意识。

3） 完善实践教学条件。想要真正实现一体化的教学模式，应大力开展校企合作，不断改善校内实训条件，发展校外实训基地，让学生真实地接触项目，在实站中提高学生整体工程素质。[3]

4 一体化教学模式在网页设计中的应用

4.1 实施阶段

在整个教学过程贯穿若干个典型的各类项目，提取项目中的知识点作为每一章节的子项目，采用“自顶向下，逐步细化”的方法，循序渐进地强化学生的实际操作能力。

笔者在网页设计的教学中自编了16个实验项目，根据人才培养目标和课程技能目标的要求，将理论知识的知识点分解到相应实训项目中，在实际教学过程中，将理论知识贯穿整个实训过程，有利于学生更好地理解理论知识。

为提高学生团队能力，在课程最后根据需要以及学生个人能力，将学生编制成若干个项目组，按照团队开发的模式使每个小组中每个学生的能力基本达到互补，这样，不仅成功地完成了项目，并让学生亲身感受到了项目实施的全过程，锻炼了学生的实践能力，也极大的提高了学生综合素质。

下面以招聘网站为例加以说明。

4.2 教学效果

教学效果显示一体化教学模式利用项目驱动，将理论与实践相穿插能够非常有效地提升学生的理解能力和动手能力。通过这种方式，能够极大地改善教学脱离的环节，系统的培养学生自主学习的能力，提升学生实际操作能力和对知识的理解能力。通过团队合作项目、培养了学生的团队开发精神。

在一体化的教学模式应用过程中，要切记学生的主体地位，在教学过程中采用引导式的教学方法，让学生在现场操作中自己发现问题，带着问题去深广动手解决，提高学生学习的主动性，强化发现问题时自主思考问题、解决问题能力的培养。

5 结束语

依据人才培养方案，深化教学改革，提升工科类学生工程能力，是一个需要长期坚持和完善的过程，涉及到教学方法、教学内容、教学体系、教学模式等多个方面。

一体化教学模式将理论教学和实践教学相融合，加强了师生之间的交流，有利于教师更好地了解各个学生掌握知识的实际情况，有针对性地对学生加以辅导，大大提高了教学质量与效率。不仅增强了学生的学习主动性与实践操作技能，教师的业务能力也得以不断提升，有力地提高了本门课程的教学效果和水平。

参考文献：

[1] 李发荣，赵鹏.论教学做一体化教学模式在现代职业人培养中的意义和作用[J].教育与教学研究，2011（4）.

[2] 张宏升，章明珠.网页设计与制作课程教学体系的构建与研究[J].电子制作，2015（9）.

[3] 马英英.教学做一体化的教学模式研究—— 以网页设计与制作课程为例[J]. 当代教育实践与教学研究， 2015（8）.