戴涛 蔚继承 梁春泉

摘 要：Web技术是互联网技术的基础技术之一，而对Web技术良好的掌握，可使学生具备较强的就业竞争力。本文从《Web技术及应用》现有的课程内容和培养模式出发，探讨了Web课程在教学过程中的突出问题，探索了案例驱动式的《Web技术及应用》教学模式，并从案例选择、教学组织和考试环节三个方面提出了教学改革措施，加强了案例和项目在教学过程中的作用，提升了学生的思维能力和动手能力，从而为学生在互联网方向的后续发展打下良好的基础。

关键词：Web技术 案例驱动 教学改革

中图分类号：G642 文献标识码：A 文章编号：1673-9795（2014）03（b）-0139-02

互联网的创新应用，是当前各行业进一步发展的关键问题。在众多的互联网技术中，Web技术是最重要的基础技术之一。学生通过Web相关技术的学习，能够打下互联网技术的学习基础，从而具备互联网相关行业从业的基本能力。

《Web技术及应用》课程的授课内容涉及Web的前端开发技术和后端开发技术，主要知识点包括：HTML、CSS、JavaScript、PHP（或JSP和ASP等后端开发技术）和网站开发工具的使用等等。目前，该课程的教学主要存在以下问题：首先，与其他的单一编程语言课程相比（如C语言、Java和C++等），本课程具有知识点零碎、内容庞杂和前后关联性较少等特点；其次，随着各大互联网企业不断推出新的技术，Web技术中的新技术和新名词也不断更新，如Server-side JavaScript、HTML5 drag & drop和CSS animations等等，现有课程体系无法有效加入这些内容，而能够学习并掌握这些新知识却是这些企业选择人才的重要标准；最后，学生在校期间经常会参与各种项目或竞赛，而对于信息科学的学生来讲，这类活动通常需要建立一个网站，如何能够充分掌握Web技术并快速地建立有效的站点是学生学习本门课程的迫切需求。综上所述，探讨和研究《Web技术及应用》课程的案例式教学改革是十分必要的。

1 案例驱动的《Web技术及应用》教学改革

针对《Web技术及应用》的内容零散、新内容组织和快速应用等特点，本文从案例选择、教学组织和考试环节三个方面提出了教学改革建议。

1.1 案例选择

由于本课程每一章的内容关联性不强，本门课程的案例选择应当遵循以下几点：首先，选择的案例应让学生充分理解不同技术的优劣。比如本门课程中CSS的布局与定位是重点。所以CSS布局与定位的案例应当先选取一个结构较为规整的页面，紧接着应当选取一个结构不是很规整的页面布局，同时使用HTML Table和CSS来布局，使得学生充分理解CSS布局技术的巧妙。其次，案例的选择中应当通过剖析旧有技术的缺陷而引入新的技术。比如较新的HTML5，

应当引入使用旧HTML标签一个网页网页案例，再使用新的HTML5标签制作该网页，说明新标签的优势。最后，应当在每一个主要技术学习之后提供一个较为完整的案例，这个案例不要求很复杂，但应当尽量包含该技术的主要内容。

1.2 教学组织

当选择好相应的案例之后，就要针对如何讲好案例进行相应的教学组织。

首先，应重视Web技术的角色划分。网站的制作一般都需要经过需求分析、内容设计、美工设计和页面制作等多个步骤，步骤与步骤之间具有较强的联系，且一般由多人合作完成。以往的教学强调页面制作，而忽略其他步骤，往往导致学生在面对制作整个网站时没有头绪。因此在案例中应按照网站的制作流程设计案例，在案例的展开中引入角色划分教学法。学生扮演在网站制作过程中的不同角色，每个人从自身的视点和需求出发，体验制作网站的完整从无到有的过程，理清概念和技术自身所处的位置。

其次，本门课程的目的不仅仅是教会学生做网页，而应当更进一步教会学生做网页时的思维方式。通过课后对学生的调查，笔者发现很多学生在学习本门课程时由这样的现象，即课堂上看老师做的时候明白，但自己动手去做却无从下手。其主要原因是老师仅仅教会了做网页的步骤和方法，却没有交给学生遇到不同场景、不同风格和不同格局时需要考虑问题的思维方式。比如在选择使用何种HTML标签来表达所需内容时，有时可以使用超链接来表达，也可以用段落和列表等其他标签来表达，这时教师最好将多种标签的使用各自展开讲述，使得学生明白做网页并不是只有一种方法，其制作过程也并不是一蹴而就。

再次，在教学的过程应当采用引导教学法。比如针对HTTP协议部分的授课，部分教师仅仅给出了协议的内容，而没有告诉学生协议各部分的作用。此时可以利用火狐提供的firebugs或IE提供的HTTP Watch或等工具抓取浏览器发送的HTTP协议数据包，通过对包头的解析形象地说明HTTP协议核心数据的作用。再比如限于授课内容和课时，后台编程部分一般只能提一下，无法深入下去，导致学生对技术的理解出现偏差。这时可引入一节技术路线专题课，阐明任何技术的出现和使用都有其特殊的背景，引导学生进入技术的应用场景，真正理解技术的精髓。其组织方式可结合实际，采用对腾讯、淘宝和百度等互联网公司的主要产品进行分析，说明他们的业务需求和设计理念，进而引导学生探讨在产品发展各个不同阶段遇到的问题，并让学生自行选择技术和发展路线解决这些问题，最后对其效果进行评价，从而加深对不同后端开发技术的理解。

最后，信息科学的学生在学习中一般保持着较强的逻辑连贯性，并且课堂的参与性较高，这就要求改变传统的以教师为中心、学生被动接收的教学过程。还要注意的是，在《Web技术及应用》课程开设的同时，一般会并行开设信息科学的一些基础课程，如C语言、数据结构和计算机体系结构等等，因此还应结合这些课程丰富实践环节，使学生能够充分理解Web技术的优点，及其相比其他技术的缺点。从而将学生已学的知识融入Web课程中，增加授课效果。

1.3 考试环节

以往课程的考试形式是教师出卷，学生答卷，这种考试形式拘泥于书本知识，无法了解学生真正的能力。《Web技术及应用》作为理论与实践相结合的课程，除了要求学生了解基本概念，还应当具备一定的知识运用、动手制作和协调能力。因此除了一般的笔试环节，还可以增加项目开发环节。学生以3～5人为一个小组，经过教师推荐和学生自选，确定项目题目。项目的运行时间贯穿整个授课环节。学生通过对所学知识的掌握，完成规定的项目内容和相关文档。主要内容应包含网站开发的主要的几个步骤，包括：需求分析、网站规划、美工设计和网站制作等环节。最后通过答辩、互评和自评等考评项目得分。项目成绩比重应不少于的整体课程成绩20%，同时建议和鼓励学生以这些项目为基础参加学校和社会组织的各种竞赛，对于获奖项目给予额外加分。

2 结语

通过对案例选择、教学组织和考核环节三个方面的改革措施，使得学生对《Web技术及应用》的知识理解更加深入和透彻，提升项目和竞赛能力，从而为为培养知识与技能双优秀的互联网高端人才奠定良好的基础。

参考文献

[1] 王媛媛，李翔.基于项目驱动的“WEB开发技术”课程教学研究[J].长沙大学学报，2012（5）：124-125.

[2] 刘宇超.探究网络电子技术教学模式[J].知识经济，2013.

[3] 李长鹏，孙丽丽，程涛.“任务驱动”在“网页设计与制作”教学中的探索实践[J].科技信息，2010（22）：604.