面向能力培养的《Web技术及应用》课程教学改革.docVIP

面向能力培养的《Web技术及应用》课程教学改革 　　（1.西北农林科技大学 信息工程学院，陕西 杨凌 712100； 　　2.西安市农业培训中心，陕西 西安 710000） 　　摘要：Web前端开发是一项很特殊的工作，涵盖的知识面非常广，既有具体的技术，又有抽象的概念。在教学中如何将HTML、CSS、JavaScript、DOM和BOM、AJAX等相关技术有机融合起来，以达到Web前端开发工程师的需求，深化课程教学改革就显得十分重要。本文对计算机专业Web 技术的教学改革进行了初步探讨。四年实践证明本文提出的改革方式是行之有效的。 　　关键词：Web技术；任务驱动；案例教学；团队合作 　　中图分类号：G642.0 文献标志码：A 文章编号：1674-9324（2016）49-0055-02 　　Web技?g是互联网应用技术最重要的基础技术之一，其涉及的领域越来越广，规模越来越大，需求也趋于多样化与复杂化。互联网行业需要大量从事网站设计、系统开发与运维的Web前端开发人才。Web1.0 时代网站的主要内容都是静态的，用户使用网站的行为也以浏览为主，因此，以Dreamweaver和FrontPage为主的可视化开发工具讲授网页设计与开发，这样的课程存在侧重于界面设计而轻视代码编写的问题，主要通过HTML和CSS等技术构建静态网页呈现给用户。2005年以后，互联网进入Web2.0时代，各种类似桌面软件的Web应用大量出现，网站的前端发生了翻天覆地的变化，网页不再只是承载单一的文字、图片，人们需要动态的、交互式、多样化的网页，企业网站迫切需要快速进行网站重构以改善用户体验，如新浪、搜狐、网易、腾讯、淘宝等IT企业都亟需大量Web前端开发人才。 　　因此，本校在制定培养方案时提出将原有的《JSP程序设计》和《网站设计》课程中的与Web前端开发相关内容进行整合，开设了《Web技术及应用》课程。授课内容涉及Web的前端开发技术中的HTML、CSS、JavaScript和Ajax等。目标是使学生通过课程的学习，能够打下Web前端开发基础，具备从事互联网相关行业的基本能力。本文从Web技术的课程建设与提升能力出发，对计算机专业Web技术的教学进行初步探讨。 　　一、课程建设 　　1.教学内容。在教学内容安排上，按照Web前端开发所需知识为导向[1]，包含了以HTML、CSS和JavaScript为主的教学内容，增加了AJAX和PHP内容。同时随着HTML技术的发展，适时增加HTML5方面的知识。在内容体系中抽出两个重点内容：①将CSS+DIV技术贯穿全书的每一章节，重点强化CSS+DIV技术融合解决实际工程中的应用问题；②将JavaScript、DOM和BOM技术进行融合，重点培养学生设计动态交互式网页的能力；③通过增加PHP服务器端编程，使学生初步了解Web后端开发，同时也进一步增加对Web前端的认识，并掌握Web前都没与后端异步数据通信的方法。 　　2.教学方法。采用任务驱动与案例教学法相结合，提高学生学习兴趣，同时注重学生自学能力培养。在教学方法方面，采用学生自学为主、老师从旁指导为辅的方式。首先将整个网站设计任务进行分解，并设计适合各个知识点的小案例，每个阶段有明确的任务要求，老师对其中的关键知识点及案例首先进行讲解，积极为学生提供免费的学习资源平台如，并讲授查阅资料方法，使学生掌握技术应用的关键点。然后让学生自行完成每个阶段任务，对于实践中普遍出现的问题，老师再统一讲解、更正。使学生达到先模仿制作的要求，然后再进一步加深考核要求。实现任务驱动与案例教学的结合，更大程度的激发学生的学习兴趣，培养学生的自学能力。 　　3.考核方式。在考核方式上，改变以前以知识点考核为主的考核标准，改为以实践动手能力为主[2]。以往课程的考试形式是教师出卷，学生答卷，这种考试形式拘泥于书本知识，无法了解学生真正的能力。《Web技术及应用》作为理论与实践相结合的课程，除了要求学生了解基本概念，还应当具备一定的知识运用、动手制作和协调能力。因此除了一般的理论知识考察环节，还增加了项目开发的实践考核环节。学生以3～5人为一个小组，经过教师推荐和学生自选，确定项目题目，项目的运行时间贯穿整个授课环节。学生通过对所学知识的掌握，完成规定的项目内容和相关文档。主要内容应包含网站开发的主要的几个步骤，包括：需求分析、网站规划、美工设计和网站制作等环节。最后通过答辩、互评和自评等考评项目得分。项目成绩比重应不少于的整体课程成绩20%，同时建议和鼓励学生以这些项目为基础参加学校和社会组织的各种竞赛，对于获奖项目给予额外加分。 　　取消笔试考试，采取上机考试的方式，并将期末考核和过程考核相结合，从而调动学生上课以及完成实验任务、项目的积极性。学生的最终