【摘要】政府机关、企事业单位以及网络爱好者都有建设网站的需求，因此“网页设计与制作”课程的地位非常重要，这也对该课程的教学提出了更高的要求。为提高该课程的教学效果，需要充实教学内容，改革教学方法，注重培养实践性、应用性人才。本文着重探讨了该课程常用的教学方法及实践应用。
【关键词】网页设计；教学方法；实践
拥有自己的网站是政府机关、企事业单位以及广大网络爱好者的共同需求，制作精美的网页来吸引浏览者，提高网站的知名度，是大家共同的目标，而这一切都依赖于网页的设计和制作技术的运用，因此，也说明了网页设计与制作课程的重要性。《网页设计与制作》是近年来计算机领域发展最快和应用最广的课程之一，现阶段急需培养掌握网页设计、面向不同应用层次的人才。
1.《网页设计与制作》课程的特点
《网页设计与制作》课程的特点是涵盖知识面广，综合性和实践性较强。《网页设计与制作》不是作为一门课程孤立存在的，它需要依靠多门课程的知识给予支撑。它们相互渗透和依赖，构成一个科学的、完整的课程体系。
《网页设计与制作》课程的教学以“实用、必须、够用”为原则，强化培养学生的实践操作能力及分析应用能力，做到“讲、学、练”统一协调。课时分配上注意将理论与实践进行科学、合理的安排。突出实践环节，注重培养学生的实践动手能力，提高理论服务于实践的意识。
2.《网页设计与制作》课程的教学方法
2.1 项目教学法
将《网页设计与制作》课程的总项目确定为开发一个具有一定实用功能的网站，并根据其中涉及到的知识点，将课程总项目划分为若干子项目。项目以任务书的形式下发给学生，按制定计划、实施、评价、发布和实际运行等阶段写出时间和目标要求。
2.1.1 制定项目计划
对项目涉及的问题进行分析，确定操作步骤，选择方法，制定计划。在此阶段，学生的主要任务是制定项目实施计划。教师的主要任务是关注学生的做法是否正确，启发和指导学生。在教学中采用分组法，将班级学生分成多组，每组人数约8人，选派一名“项目负责人”，为了让大家都能得到锻炼的机会，一般让团队的学生轮流当项目负责人。学生以团队为单位制定项目计划。例如，在做“学院主页”这一项目时，教师将此项目的学习目标和能力目标告诉学生。然后和学生一起分析项目，制定完成项目的基本步骤：首先确定网页的主题、内容、布局结构、色彩设计方案等以及团队人员的分工安排；然后根据设计绘制草图；最后写成项目计划书。项目教学注重学生主体作用的发挥和综合能力的培养，在制定项目计划过程中，教师要重视学生个性发挥，鼓励学生形成自己的特色。制定好计划后，教师要让每个团队的“项目负责人”介绍制定的计划，并说明设计理由。通过对项目计划的介绍，一方面可以提高学生的表达能力，另一方面，学生之间可以互相启发和学习。教师适当的把自己的见解和意见告诉学生，帮助提高计划的可行性。
2.1.2 实施项目计划
在实施过程中，要求学生注意两点：一是团队的合作精神和工作效率；二是要求学生认真记录每个操作步骤和过程。教师不仅要为学生提供充足的资源，而且要在学生实践操作过程中边观察边指导。学生在制作网页时，由于分工不同，处理图片的学生与设计版式的学生往往不是同一人，处理出来的图片经常会与布局规格不一致。教师要及时指导学生按照计划书的设计图进行设计，指导“项目负责人”组织好团队，与同学做好交流和沟通。有时候，计划书里一些预期的设计效果学生不能完成，如层的精确定位、FLASH动画的透明显示等，教师可及时进行指导，一方面可加深和巩固所学的知识点，另一方面，提高学生的学习积极性。
2.1.3 项目评价
学生在完成项目后，教师要求他们进行自评和互评。学生对各自项目自评，不仅有利于学生的自主学习，而且可以改进课程或教学的设计，其作用是重视学生学习主体，重视学生的反思，以促进学生的发展。学生互评是让学生对学习成果进行共享，从学生的角度发现问题以及提出改进意见，教师要引导学生尽量客观地从正面进行相互评价。
首先让每一组同学进行自评，完成自评过程后，请每一组以项目负责人为主，介绍本组设计的网站，在介绍过程中要求说明各自网站的设计的过程，遇到过什么问题，这些问题是如何解决的。其他组的同学可提出问题，让设计者解释网站所用的相关技术及特点，随后进行互评。在评价过程中要充分发挥学生的评价能力，适时引导学生通过自我反思和相互评价了解自己的优势和不足，学习别人的特长和优点，以评价促进学习，让学生在互评中相互学习、相互促进，共同提高。最后教师对各项目组的网站进行综合评价，这一工作很重要，是必不可少的。教师在评价学生网站时不能只进行优劣评价，而应该要指出问题所在，给出具体改进及修改建议等，让学生去完善网站。
2.1.4 项目归档及发布
项目完成后，归档工作也是网站工作的一部份。要求每个项目组对各自网站设计时的书面材料的右上角标注编号，并做好各种材料的目录表。对文本文件，图像文件，Flash动画文件、声音文件、视频文件，以统一的格式保存，做好这些文件材料书面记录。记录好在网站设计过程中使用过的软件名称、型号、版本号和相关参数手册、说明资料等。最后刻录好光盘，做好用户手册，并制作好电子文件的备份。
每个项目组，申请一个域名及网站空间，并把各自的网站传送至Web服务器中，完成站点的发布工作。进行市场化运作的项目交用户验收使用，并要经常对用户网站进行维护和更新，以提高网站的访问量，达到好地宣传效果。
实践表明，以项目为驱动的教学方法，有效地建立了课堂与社会现实生产生活的联系，使学生学习更有针对性和实用性，为以后进入实践和实习打下了基础；同时也有效调动了学生的积极性，充分发挥了学生的主动性和创新精神。
2.2 案例教学法
从《网页设计与制作》课程的实际问题出发，精心准备各种典型案例，构建课程的宏观教学设计。例如，层与导航、书籍专卖、旅游网站、房地产公司网站、个人网站等。以若干个案例为载体，形成循序渐进、种类多样的项目群，构建完整的教学布局。在案例教学中，首先要确定掌握哪些基本原理，然后，再选择出能够说明这些原理、理论的案例来。具体实施步骤如下：
2.2.1 收集和整理素材
这是实施案例教学法的基础和前提。信息是网站的根本，根据网站主题内容收集各种信息资料。如学院网站包括：学院简介、专业简介、招生就业等内容资料。整理资料则是根据将上述收集到的资料进一步挑选和细化，收集到的网页素材应落实为站标、内容、导航栏等页面元素。将收集到的资料转换成网页所能识别的文件格式。我们可以在各类网站收集或自己制作所需的网页素材，以便在教学案例中使用。
2.2.2 选择和设计网页案例
在选择和设计教学案例时应注意几点：一是案例必须具有教学性：通过直观的网页案例可以形象生动的展示学习的目标，也使学生能明确所学知识的实用价值，从而提高学生学习的兴趣和积极性，这也是运用案例教学的主要目的。二是案例必须具有典型性：所选择的案例要能充分地考虑理论知识点和操作技能等学习目标，应遵循由简到繁，由易到难，循序渐进地原则。所选择和设计的网页教学案例更要能突出重点，突破难点，真正起到帮助学生理解如何制作和设计网页的作用。三是案例必须具有针对性：选择和设计教学案例应针对学生的实际兴趣和接受能力来选择，这样学生就会学得兴致盎然，教师的点拨也会事半功倍。
2.2.3 演示和讲解网页案例
通过案例演示，提出问题，讲解案例应用背景，给学生一个切入点，建立感性认识。目的是激发学生的学习兴趣、让学生感到学有所用，从而明确本次课的教学目标。将案例分解为若干个可行的任务，然后在一个个任务的驱动下，逐步完成案例的演示。一个网页案例往往包含了多个知识点，授课教师在讲操作时如果一口气把整个案例过程讲完，学生虽然能听懂，但不能记住。因此必须分步骤讲解，新知识点越多，步骤应分得越细。教师每讲完一步就要让学生练习一步，学生练完、练会后，老师再接着讲。这样直到学生一步一步地跟着老师把整个案例完成为止。教师在授课时一定要注意控制好速度，在讲到一些新知识点或学生操作比较生疏时，速度要尽量放慢些。一段时间后，学生有了一些基础，讲课速度可稍快些，特别是一些已经学过的知识点，可以快速讲解，甚至可以略过而只讲新知识点，以便多节省点时间给学生练习。
2.2.4 总结和应用
在每次课结束前，引导学生进行归纳总结。对本次课的实际意义、重点、难点、容易出错处等及时进行总结。并针对案例的不足之处，进行引申和提高。注意在这个阶段，强调的是“引导”学生，而不是老师讲解。
案例源于生活，最终要应用于生活。为了使学生能学以致用、举一反三、触类旁通，每次教学结束时及时布置相关的课后练习，使学生在课后进一步复习巩固，并且将课后作业纳入形成性考核的内容之一。同时给出下一次课的学习内容，提示学生预习。
在《网页设计与制作》课程中采用案例教学法，让学生对网页设计的基本理论知识的理解和技巧的掌握更具体化。案例教学法对激发学生的学习兴趣、提升学生的学习效率作用十分明显。
3.网页设计实践环节
当学生已基本掌握了本课程的大部分内容时，可以布置一份综合作业，要求每位学生设计一个网站。要求学生对自己的网站要做到既有鲜明、统一的风格又有完善的内容，将页面的结构、图片的位置、链接的方式设置合理，做到网页布局的和谐统一，并且还要做到容易更新等。要做到这些，就必须在制作网站之前，对网站进行一个总体规划，然后再逐步进行设计。
为了让学生有良好的创作技巧和独特的风格，把综合作业布置之后，先让学生进行选题，构建出自己的网站结构，再上网查询相关的资料，然后对网站进行规划，写出书面的网站设计方案，教师对每个学生的方案进行审查和评阅，及时指出应改进的地方和存在的问题，符合要求了，学生方可开始制作。
3.1 培养自主学习能力和基于问题式学习能力
综合作业里贯穿着问题式学习方法，完成综合作业需要学生发现问题，带着各种问题，考虑自己要学习哪些内容，在课后自行学习课堂和书本上未曾讲过的知识，需要自行查找大量的资料，确定设计方案，独立完成从设计、测试、排除问题到实现的全过程，通过综合作业，培养学生灵活运用所学知识解决比较复杂的实际问题的能力。
3.2 培养团队合作精神
在实际工作中，很多工作都不是一个人能独立完成的，这就需要团队合作，以集体的智慧攻克难关。学生在完成综合作业的过程中，势必要遇到一些相对比较棘手或者百思不得其解的问题，这个时候同学之间的沟通与交流乃至合作是非常必要和有益的。在对问题的讨论过程中不仅能了解对同一问题的不同解决方法，更能加深对知识的理解，同时学生自身的能力也在这一过程中获得了提高。
3.3 鼓励学生勇于创新
在布置综合作业的时候，要给学生留有充分发挥的空间，鼓励学生勇于创新，最大限度地接触最新技术，鼓励学生敢于向难题挑战。在满足综合作业基本设计要求的前提下，鼓励学生自行添加附加功能，为自己的作品“锦上添花”。在网页设计综合作业中，个人网页设计精彩纷呈，有些没有讲过的技术，学生也能应用。学生的思维是非常活跃的，只要加以正确的引导，在建立了兴趣的基础上，他们总能带给我们“意外的惊喜”，甚至是惊叹，教师在这一过程中也能从学生那里学到一些新知识。
学生在完成综合作业以后，不仅仅增强了动手能力，巩固和提高了对知识的掌握和理解，更是极大地培养了创新意识与创新思维。我们只有让学生在快乐的基础上主动学习、实践，让学生在学习的过程中尝到成功的喜悦，感受到自身能力的提高，增强学习的主动性，才能够真正达到学习的目的，才能最大限度地将“以学生能力发展为本，培养学生的创新意识与创新思维”的教学理念渗透进教学中去。
4.结束语
《网页设计与制作》课程教学内容活泼多样，教学方法灵活多变，目的明确。实践证明，以上教学方法及实践环节，都充分调动了学生的学习积极性，体现了以学生为主体的思想，充分体现了理论与实践的紧密结合，学生既学到了理论知识也掌握了实践技能，提高了学生的技术应用能力，收到良好的教学效果。
参考文献
[1]刘英晖.探索项目导向法在《网页设计与制作》中的运用[J].制造业自动化,2011
(6):188-190.
[2]韩勇.案例驱动教学法在《网页制作》课程分阶段教学中的运用[J].电脑与信息技术,2010(4):68-70.
[3]余平.项目驱动在网页设计实践教学中的应用[J].实验室科学,2007(5):94-95.
作者简介：周全，男，湖北武汉人，湖北生物科技职业学院讲师，研究方向：计算机网络。
相关热词搜索： 教学方法 网页设计 实践 课程 制作
