关于“网页设计与制作”课程教学方法的探索

［摘要］“网页设计与制作”是一门实践性很强的课程，对学生动手能力的要求很高。在教学过程中，课堂教学采用案例教学法，提高学生综合运用知识的能力；实践教学采用任务驱动法，增强学生实际动手的能力。通过两种方法的结合，达到了很好的教学效果。

［关键词］网页设计与制作 案例教学 任务驱动

［作者简介］申红雪（1970- ），女，河南巩义人，郑州轻工业学院软件学院，实验师，主要从事计算机网络研究；刘育熙（1971- ），男，河南郑州人，郑州轻工业学院软件学院，讲师，主要从事软件工程研究。（河南郑州450002）崔海霞（1970- ），女，河南巩义人，巩义市第三初级中学。（河南巩义451200）

［中图分类号］G712［文献标识码］A［文章编号］1004-3985（2008）27-0087-02

在网络技术迅速发展的今天，网页制作已成为当今社会上一种比较热门的技术。“网页设计与制作”是我院网页设计专业的必修课，作为一门新型学科，与传统的其他学科相比具有鲜明的自身特点：（1）具有很强的操作性和综合实践性，特别强调学生的操作能力和学以致用的综合实践能力。（2）极富创造性。学生通过对信息技术、信息科学基本理论和方法的学习，在掌握基本技能的同时，不仅拓展了思维，而且培养了独特的创造力。（3）集现实性、实效性于一体，具有明显的时代发展特点。这门课程的教学目标不是教会学生如何掌握单纯的某些知识和某种技能，而是通过学习计算机、网络等一系列基本技能，培养学生的网页制作能力、网上信息获取和加工能力、自主学习能力和团队协作能力，课程结束时学生能自行开发一个静态网站。

基于以上特点，“网页设计与制作”这门课程设计出了一套从学生实际出发，以“教师为主导，学生为主体”的符合这门学科特点的教学与管理模式，让学生在教师的指导下，对所学的课题进行探索、分析、研究，在实践操作中培养学生实践动手能力。课堂教学采用案例教学法，实践教学采用任务驱动法。所采用的教学模式在授课过程中，根据教学内容安排及要求，由教师创设环境，师生发现问题，以问题的出现、探究和解决来激发学生的求知欲、创造欲和主体意识，从而培养学生的创造能力。

一、课堂教学采用案例教学法

所谓案例教学，是为了培养和提高学习者知识能力的一种教学方法，即将已经发生或将来可能发生的问题作为个案形式让学习者去分析和研究，并提出各种解决问题的方案，从而提高学习者解决实际问题的能力。

案例教学的目的是在学生掌握了基本理论知识的基础上，在教师的精心策划和指导下，根据教学目的和教学内容的要求，运用典型案例，将学生带入特定事件的现场进行案例分析，通过独立思考和共同写作，进一步提高学生分析、解决实际问题的能力。在教学任务上，要求学生通过对案例的分析研究积累经验，以发展自己的创造能力。在教学活动中，学生在教师引导下分析和解决问题，学生活动在教学中处于主导地位，教师的传授、指导为辅，配合学生进行。在教学过程中，总是从案例开始，然后分析问题，最终解决问题或提出解决问题的捷径。因此，引导学生做好独立分析研究工作是教学的中心环节，而教学的准备、教师的指导都是为学生的分析研究服务的。

在讲授“网页设计与制作”课时，首先向学生讲授Flash，Fireworks软件的使用，再介绍DreamweaverMX网页编辑工具，并将三者结合起来，讲解图片插入网页中和在网页中如何设置字体格式等网页制作的基本知识，然后结合学生的实训课题，将一个有特定主题的网页呈现给学生，引导学生对这张网页进行分析，并提出实现网页的方法和步骤。在教学过程中，针对不同的内容，可采用不同的教学方式。在刚开始介绍DreamweaverMX网页制作工具时，由于学生对DreamweaverMX网页制作工具的使用还比较生疏，可采用以教师为主的案例讲解法，等学生熟练使用DreamweaverMX后，教师则可采用案例讨论教学法。在实施案例教学过程中，必须注意以下问题：

1.选择合适的教学案例。教师要根据教学进度和教学要求设计案例，并充分备课，讲授并解析与案例相关的理论和技能，分析案例讨论中可能出现的任何问题，以提前查阅相关资料应对。选择的案例必须具有典型性、针对性、实践性、系统性的特点，并且与学生的学习、工作紧密相关。我们结合课程内容，制作了近百个精美的案例，每个案例都综合了若干个知识点。课堂上先让学生观看相关案例，引出问题，然后在讲解知识点的同时实现案例的功能。在讲解过程中注重基础知识的传授和基本技能的培养，同时介绍网页制作中的相关规范和标准，并且注意总结一些实用的技巧。这种教学方式目的明确、形式生动，学生带着问题听课，学习兴趣和效果明显提高。学生在分析案例的同时，一方面不断形成新的理论视野，增长案例分析的技巧；另一方面探索思考理论如何运用于实际，从而及时、有效地促进了理论向实践的转化，真正达到理论与实践的结合，有利于加强高职院校学生的实践动手能力。

2.组织良好的课堂讨论。案例教学法实际上是强迫学生参与到课堂学习中去，要求学生真正从实际工作的角度来思考问题。组织案例讨论旨在分析问题，提出解决问题的途径和方法。教师要引导学生删除案例中次要的细节，发现案例中主要的结构和案例与理论知识之间的内在联系。教师关键要做好启发引导工作，想方设法创造自由宽松的讨论氛围，在宏观上把握和指导好案例讨论，让学生成为案例讨论的真正主角，同时又不至于出现大的方向性的偏差。

3.进行适宜的案例总结。案例经过学生的讨论后，教师应该及时做出讲评，并再次讲授案例分析中所需要用到的理论知识和技能。这样做有利于学生把要求掌握的知识记牢，符合高职院校学生的实际情况。

同时，我们改革课程成绩的评价方式，提高平时成绩的比例，刺激学生上课的积极性。实行一段时间之后，学生变上课被动为主动，课堂气氛日渐活跃。学生课下主动复习预习，课上积极发表自己的见解，取得了很好的效果。

二、实践教学采用任务驱动法

任务驱动教学是建立在一定理论基础上的一种教学模式，它强调学生的学习活动必须与任务相结合，以问题的探索来引导和维持学习者的学习兴趣和动机。教师应创建真实的教学情境，让学生带着真实的任务去学习，以使学生拥有学习的主动权，掌握网站设计与网页制作的知识与技能，培养学生计算机的综合应用能力和解决实际问题的能力。

在做“网页设计与制作”这门课程的第一次实验时，我们会推荐一些富有特色的网站供学生欣赏，将学生带入真实的学习情境中去，激发他们学习的热情，同时引导他们去思考如何建设网站、设计网页，由此确定课程的总体任务——建设一个完整网站。然后针对课程中每一部分知识点将总体任务细分为若干大任务，如文本、图像、链接、表格、框架、CSS样式、层时间轴、模板和库等，再将这些大任务进一步细分为一些小任务，让学生了解建设网站的一般程序和方法。而后，通过布置一个学习任务（网站作品），使学生迫切感受到课程要求与自己现有认知结构的关系和差异，进而明确学习活动的方向和要达到的目标。学生可以个人或团队方式对任务进行分析和探索，最终使问题得到解决。该任务作为一条主线自始至终贯穿课程，整个学习活动的展开都围绕着这条主线进行。

在高职院校网页制作的教学实践中，任务的设计必须考虑到学生的差异。动手能力强的学生可以做一些较复杂的网页，动手能力弱的学生可以先做一些简单的网页，遵循“模仿—提高”这一过程。例如，在学习“表格”的内容时，教师可通过让学生浏览观察几个网站的页面，激发他们的热情，再提出任务。初始任务可以是较为简单页面的制作，其中包含“表格的插入”“表格的修改”“表格属性的设置”等一些知识点。之后，教师可给出较为复杂的设计任务。例如让学生利用“布局视图”“布局表格”“绘制布局单元格”去实现一些较为复杂的页面。最后可以让学生根据页面主题内容进行页面的布局设计，为后面的教学打下基础。这样的教学设计使基础差的学生，在前两个任务完成后，再逐渐过渡到最后的创新设计中；而基础好的学生，从开始就可以完成较复杂的任务，大胆地展示自己的想象力及创造力。

在任务驱动实践教学的过程中，我们要求每个学生务必做到以下几点：首先，要求学生对一个网站进行全面的剖析，分析网站的基本要求和技术要求。基本要求包括整体风格、排版布局、色彩搭配、网站Logo、音乐、网页特效、网站中必有的网页元素等；技术要求包括主页文件命名规范、作品文件空间上限、栏目规划、导航和链接要求、网站文件管理、网页浏览兼容性等。其次，在完成演示案例制作的基础上，对学生提出拔高要求，让他们根据教师提供的素材和要求做出扩充的演示案例网页；也可以给学生一个更高要求，让他们自己收集资料和素材，以教师提供网页案例为模板，制作网页。最后，选择任务时，要仔细推敲每个知识点，统筹兼顾，为学生设计出一系列有典型的操作性和针对性的任务，让学生在完成任务过程中掌握知识、技能和方法，真正体现教学中学生的主体地位和教师的主导地位，充分发挥学生的主观能动性，训练他们的创造性思维，全面提高他们的综合素质。比如最后阶段，要求制作个人求职网站，学生需要结合所学网页设计制作知识，根据设计任务，分析求职素材，独立做出设计，从而提高学习理论知识的兴趣和实践动手能力。

三、总结

在两年的高职院校“网页设计与制作”课程教学中综合运用案例教学法和任务驱动法，有利于学生实践能

力的提高和理论知识的掌握。通过一段时间的运行，取得了很好的效果。学生在走出校园之后，能够很快适应社会发展的需求，赢得了用户单位的好评。我们将进一步采用各种先进的教学方法和手段，提高课堂教学效果和教学质量，培养符合时代发展要求的新型高素质应用型人才。

［参考文献］

［1］颜谦和，颜珍平.《网页设计与制作》课程运用案例教学法初探［J］.电脑知识与技术（学术交流），2007（9）.

［2］吴安平，王明珠，王继忠.案例教学法研究与实践［J］.长春大学学报，2002（5）.

［3］史科蕾，高咏欣.《网页设计与制作》课程的教与学［J］.信息技术与信息化，2007（2）.

［4］马红玲.高职“网页设计与制作”课程的教学研究与实践［J］.计算机教育，2007（18）.