有关网页制作教学的探讨

张 静

（运城市信息工程学校，山西 运城 044000）

有关网页制作教学的探讨

张 静

（运城市信息工程学校，山西 运城 044000）

面对我国当前中职学生普遍存在着文化知识结构较弱的实际情况，如何提高学生学习兴趣和学习能力是提高教学质量和效果的关键。文章以网页制作课程为例，就如何提高中等职业学校学生掌握支持终身发展的信息素养、信息技能运用等方面的能力教学模式，提出一些见解。

网页制作；教学方法；兴趣

网页制作是随着社会需要而开设的一门新的课程，该课程集合了计算机技术和美术设计两门课程的知识。一般而言，网页制作指的是“静态网页”或前台页面的制作，不涉及到后台编程。因此就授课内容而言，该课程具有难度不大，但涵盖知识点多的特点。正由于网页的制作过程是计算机技术和美术设计结合的产物，其多样化的表现形式，技术手段的丰富性，都对学生掌握该门课程提出了比较高的要求。本文针对目前中职生本身各方面文化基础的差异，就如何提高学生学习兴趣和学习能力的问题，提出一些见解。

一、培养学生兴趣，提高学习热情

信息技术课程的主要任务之一是培养学生对信息技术的兴趣和意识。兴趣是学生基于自己的学习需要而表现出来的一种心理倾向，它在学生的学习中具有重要的作用。教师激发学生的学习兴趣，挖掘学生的学习需求是授课前必须解决的问题。

从知识结构看，网页制作是一门理论教学和实际操作技能相结合的课程。理论与实践相结合的教学方式正是实现这个目的的重要环节。随着互联网的普及，当前大部分学生在学习以前对互联网已经有了一定的了解，浏览过相当数量的网页。所以在准备期中教师应该适当地引导学生，可以采取展示法、教学对话法等，也可以融合多种方法，来激发学生对这门课程的学习兴趣。

例如：在学习具体的网页制作方法以前，笔者有计划地挑选一些大部分学生都爱去而且比较熟悉的专题网站和个人网站推荐给学生。如说：hao123、新浪、腾讯、搜狐、淘宝、google、百度等。

学生看到这些网站后，他们的第一反应是这个网站可以干什么，有哪些内容，而很少会去考虑这个网站是怎么做成的。这时候就需要教师有针对性的进行引导提出问题：想不想自己也做一个网站来把自己喜欢的东西放到网上去和别人一块分享？或者你觉得这个网站在你看来有哪些地方你不满意?如果由你来做这个网站，哪些地方需要修改？使学生的头脑中对网站先有了一些模糊的认识，特别是可以现场模仿某一网页并修改其部分内容，让学生亲眼看到网站其实也不是那么神秘，通过本门课程的学习，自己也可以创建一个网站，从而激发起学生的学习愿望和学习兴趣。由只知道能用上升到怎么做，产生了自己做个站点的想法，进而有了兴趣，并带着这些问题，进入这一阶段的学习，这样，学习效果也会比较好。

二、在实例分析中引出概念，在操作过程中去理解概念

任何一门课程的学习，首先接触的都是概念和理论性的知识，学习网页制作也不例外。而大部分中职学生的学习积极性、主动性比较差，很容易对理论性知识的讲解失去兴趣，那么如何将理论与实践很好地结合正是这个阶段的重要环节。

在这一阶段的教学过程中，笔者所采取的是以分析实例网站的某一部分为切入点，先让学生看到我们本节课想要做出的最终效果，以便引起学生的学习兴趣，从而提出问题：要实现这个效果，我们应该怎么做了？问题提出后并不是马上去讲解制作步骤，而是带领大家一起去分析这个效果都会牵扯那几个元素?并利用以前掌握的计算机知识，将这些元素的表面形式都制作出来。做到这表面效果已经有了，但是它到底有没有实例网站的功能这是最关键的。通过测试发现问题，最后讲解如何让它真正具有实例网站的功能，从而一步一步将问题解决。有了初步的了解后，然后再返回去针对每一部分提出它们在网页课程中的概念，这样就可以达到让学生在练习过程中去掌握概念，理解概念。

例如：在学习制作“文本超链接”时，先以“hao123”网站的主页为例，因为这个页面上最多的是文本超链接。而对于学生来说，他们看到这个网页的第一反应是这个网页上有很多字，在软件里输入文字对学生来说已经不是问题，可以先让每位学生在自己创建的新页面中输入相应的文字，到这个时候就需要教师的进一步引导了，让学生比较一下自己页面上的字和“hao123”主页上的字有什么不同？通过对比很容易发现：“hao123”主页上的字可以点击，而且点击以后会打开另外一个网页，而同学们网页上的文字只能看，不能点击，更不会打开另外一个网页。通过以上的分析就可以引出本节要学习的“文本超链接”的概念，其中能点击的文本叫“源端点”，而点击后被打开的对象叫“目标端点”。但光有这两个还不行，中间能够让两者联系起来的就叫做“超链接”，这样在以后的操作练习过程中，学生可以根据制作过程，在大脑中无形将这3个概念理解并且熟记。

三、强调重点教学，注重培养学生知识扩展的能力

《网页制作》课程建设的历史较短，加之各种版本的教材涵盖内容差别较大，课程教学大纲尚未形成一个较为统一的标准，需要授课老师根据自身的经验来把握。在教学时，不应拘泥于某一本或者某几本特定的教材，应着眼于当前网页制作技术发展的现状。教学内容方面涵盖网页制作的主流技术，同时网页制作技术发展较快，可适当对新兴技术进行追踪，针对不同内容，采取相应的讲授方法，以获得最佳的教学效果。

例如：HTML部分的内容，HTML是网页制作的基础，几乎所有的教材的内容编排都是从HTML讲起。HTML语法简单但是枯燥，在实际教学中，如果一开始就安排较多学时来集中讲解HTML语法，大量的标记与属性使学生一下子无法消化，枯燥的内容更会使得学生望而生畏。因此，笔者的做法是：安排少量的课时来介绍HTML的语法规则和一些比较重要的标记，其余的在授课过程中穿插介绍。

当今的世界是知识爆炸的世界，科学技术与信息技术急速地发展，使教材不可避免地具有滞后性。因此，课堂教学在源于教材的同时，也应新于教材，即对教材内容进行有益的扩展与深化。

四、重视课前准备，采用多种教学方法

学习是一个循序渐进、螺旋式提高的过程。在这个过程中，作为教学组织者和指导者，教师的教学设计和准备工作非常重要。例如：在学习网页制作时，传统教学方式是先由老师在多媒体教室授课，然后安排学生在实验室上机验证老师所讲内容。这种方式忽略了学生的积极性、主动性，学生学到的知识比较零碎，很难开发实际项目。随着课程内容的深入，很多学生逐渐失去了学习兴趣，丧失了主动参与的意识，以致课程结束时，几乎没有学生能够设计出具有一定水平的网站。

针对这个问题，教师可采用示范法和演示法结合的教学方法进行引导。比如从一开始教学时，先设计几个页面，而且这些页面都是一步一步在上一节课做的样例页面的基础上改的。每次上课时，让学生先打开上节课制作的网页，再打开自己改进后的本节课所要制作的页面，学生一看，老师的页面上比他多了几个图片，马上会问怎么做的，演示给他们看，他们也加上图了……每次演示出的页面总比学生们做出来的多一些内容和修饰，他们就不断地提问，不断地学习新技巧，再不断地付诸实践。从而不光将所学过知识都用上了，还使他们的网页越做越丰富，有了一定的成就感。用这种示范加演示的方法教学，达到了一定的教学效果。

五、加强联系实际，组织协作学习，培养学生的合作精神和创新能力

经过前一阶段的教学，学生虽然具备了网页制作的基本知识，却还没有真正独立地完成一个“完整”的页面。因此到了教学后期，为了让学生更好掌握如何将所学知识有效地迁移与应用到实际问题中，即培养学生的创新能力，笔者认为在网页制作这一部分的小结或复习阶段可以适当采用主题型课或任务驱动式的方法，设计引导学生从头至尾制作一个专题站点。

当然，信息技术划分为精英技术和大众技术。目前，技工类院校的信息技术均属大众技术，要求学生掌握的是可以广泛迁移的知识。这时我们就可以采用“模仿”式教学。网页制作课程是一门实践性很强的课程，只有让学生动手去做，经历网页制作的各个细微环节，实现教与学的互动，才能充分激发学生的主动学习的潜能，同时对所学知识掌握情况进行一个很好的检验。

可以指定一个难易适中商业网站的首页，让学生在实验课环节，对指定的商业网站首页进行模仿还原。该商业网站图片可以直接使用，但还原出来的页面在尺寸、色彩、外观及功能上必须如出一辙。对于这种特定的、明确的任务，学生往往会表现出极大的热情。由于是第一次模仿演练，学生在演练过程中难免会遭遇到各种问题，这时应先让学生在书上找答案，解决不了再互相探讨，或者寻求老师的帮助。实际制作网页的过程，本来就是一个非常精细的活，一个像素的误差都是不允许的，通过这样的模仿演练，学生对于网页制作的内涵有了深刻的理解，即精确、美观、规范一个也不能少。笔者通常让学生模仿他们所喜欢和熟悉的QQ个人空间主页。

除此之外，网站制作这部分内容很适合小组合作学习，在一个小组中每个学生都在该小组中担当一个角色。有些基础比较好、接受能力比较强的学生可以在小组中担任组长，通过发挥自己的能力，提高他的自学能力；一些比较差的学生，可以在这些好的学生的帮助下快速地掌握一些没有学会的，但又不好意思问老师的知识，以发挥学生中的榜样作用和传、帮、带作用。整个教学过程让学生自发地循序渐进地学会小组合作。从开始互相依赖、旁观，到后来的合理分工，使学生慢慢尝到合作的快乐和效率的提高。学生之间相互学习，相互帮助，相互带动比单纯的老师教效果更好。

［1］万良，黄锦祝.网页制作技术课程改革探索［J］.中国职业技术教育，2007，（7）.

［2］王栋松.在计算机课程教学中开展项目教学法的研究［J］.职业教育研究，2005，（11）.

G718.5

A

1673-0046（2011）01-0027-02