基于项目驱动的《网页设计与制作》课程教学研究

彭　莉

(武汉工程职业技术学院　湖北　武汉：430080)



基于项目驱动的《网页设计与制作》课程教学研究

彭莉

(武汉工程职业技术学院湖北武汉：430080)

针对传统教学存在的问题，采用项目驱动教学法对《网页设计与制作》课程课堂教学进行了改革，阐述了项目式教学设计理念，选取了合适的教学内容，完善了考核方式，以此推动计算机专业课程教学改革。

项目驱动；网页设计；教学研究

项目驱动教学法是以项目为主线，将学生的学习活动与实际的项目相结合，师生共同研究并实施一个具体的项目而进行的教学活动，是鼓励学生积极参与、协作、创新的一种教学模式。在《网页设计与制作》课程教学过程中引入具体的项目，以项目带动课程各知识点的学习，采用循序渐进、由浅入深的方式开展课堂教学，不仅能够调动学生学习的积极性，产生学习的兴趣，还能培养他们的实践动手能力、协同工作能力和创新能力。

1　现状分析

《网页设计与制作》是计算机应用技术专业的必修课，同时也是核心课，作为《Asp.net程序设计》的前导课程，需要学生熟练掌握网站前台界面设计，为将来开发动态网站打下良好的基础。然而，传统教学存在问题如下：

1.1教学方法难以吸引学生兴趣

传统方式由教师在多媒体教室讲解，学生上机完成实验实例，虽然也能学到制作网页的一些知识，但是很难激发学生学习的兴趣。几次上机后，部分同学就产生惰性情绪，布置的案例完成得越来越少，久而久之，甚至有少数学生放弃该课程学习。

1.2教学缺乏整体性

逐章节展开的教学，尽管也涵盖了网页设计相关内容，但是上机实验时只是完成案例中某部分相关知识点的实践，学生还是不会制作一个完整的网站，缺乏对网站制作流程的系统性认识。

1.3缺乏创新意识

以教师为主体的教学最大弊病在于学生缺乏主动意识，他们更多的是模仿教师给的案例或者互联网上发布的网站，几乎没有创新。被动的学习使得学生产生只要把老师布置的任务做完就万事大吉的心理，根本不会想到去主动思考与创新。

1.4考核方式单一

对于这类实践性强的课程，以往的试卷考试难以对学生的动手能力进行评价，因此发掘新的考核方式，打破传统思维着重考核学生的创新思维能力和动手实践能力就尤为必要了。

2　教学内容选取

经过市场调研，《网页设计与制作》课程相关职业岗位主要是“网页界面设计”和“网站管理与维护”，根据这两个职业岗位能力要求，选取合适的教学内容，如表1所示。

3　项目式教学设计

教学过程中，围绕着“欣赏网站”、“设计网站”和“维护网站”展开，如图1所示。通过欣赏往届优秀学生作品以及国内外不同网站风格，引起学生学习的兴趣。一个完整的项目网站由若干个分页面构成，因此各分页面设计是教学的重点，也是难点。网站设计好后，需要定期对网站进行维护，包括检查和修复超级链接、内容更新、网站推广等等。

表1　岗位能力对应的教学内容表

图1　网页制作教学设计图

分页面设计分为初级阶段和高级阶段，初级阶段以基于表格布局的页面设计为主，高级阶段以基于Web标准的页面设计为依据，具体教学设计情境如表2所示。选取合适的项目实例是项目教学法能否成功实施的关键。项目的选取可依据职业岗位能力对应的教学内容，既要涵盖该课程的基本知识点，又要考虑学生的实际基础，难易得当。在分析项目、讨论、实施项目的过程中，学生即可在轻松、融洽的氛围中掌握网页制作的技巧。

表2　教学设计情境表

4　考核方式改革

图2　考试成绩比例分布图

根据学院要求，传统课程一般按照期末卷面考试成绩占60%，平时成绩占40%计算出总评成绩。显然，这种分配制度已不适合新方法下的教学。因此，依据实际教学情况重新分配了成绩比例，期末作品占50%，展示讲解作品占20%，出勤平时表现占30%，如图2所示。学生以分组或独立的方式完成一个完整的网站作品，教师给出网站设计基本要求，期末采用集中讲解、点评的方式，由每位学生在多媒体教室面对全班同学介绍网站的内容、制作技巧、特色之处等，教师和学生进行点评，肯定其优点，同时对不足之处提出改进思路。学生对此方式表现出强烈的热情，遇到网页中的与众不同处会提出各种问题，有时候甚至刨根问底具体制作步骤。

5　结语

实践证明，在《网页设计与制作》课程教学中采用项目驱动教学法取得了良好的效果，学生从零起点到熟练掌握网页设计技巧，变化突飞猛进。几乎所有的同学都能够独自搜集素材开发一个小型的网站，并且在展示成果的过程中相互学习，取长补短。

项目驱动教学法改革了计算机类课程教学模式、教学方法，更新了教学理念、教学内容，完善了课程评价体系，使学生具备网站规划，网页制作、脚本代码编写等综合技能。如何在计算机类专业课程中广泛实施项目教学法，需要我们进一步研究和实践。

[1]陈静.基于项目驱动法的网页设计基础课程课堂教学改革探索[J].人才资源开发,2015,(20):186-187.

[2]殷玲玲,苏剑锋.谈《网页设计与制作》课程教学的改进[J].考试周刊,2015,(9):116-117.

[3]彭莉.高职《网页设计与制作》课程“以赛促学”教学改革实践[J].武汉工程职业技术学院学报,2015,(1):100-102.

[4]钱丽丹.小组协同式学习在网页设计与制作课程中的应用[J].计算机时代,2015,(4):60-61.

[5]王浩.基于项目化的《网页设计》课程教学改革初探[J].信息与电脑(理论版),2014,(11):214.

[6]刘蔚.任务驱动与项目教学在网页设计课程中的应用[J].信息与电脑(理论版),2014,(1):187-188.

(责任编辑：李文英)

Teaching Research of Webpage Design and Production Course Based on Project-Based Learning

Peng Li

(WuHan Engineering Institute， Wuhan 430080, Hubie)

Focused on problems existing in traditional teaching, I used project driving teaching method to reform the teaching of Webpage Design in the class, which clarified the project-style teaching concept and picked up proper teaching contents and improved assessment methods to further promote the teaching reform in computer major courses.

project driving; webpage design; teaching research

2016-07-29

武汉市市属高等学校2015年度教学研究项目“基于项目驱动的《网页设计与制作》课程教学研究”(2015165)

彭莉(1981～)，女，硕士，副教授.E-mail：pl@wgxy.net

G712

A

1671-3524(2016)03-0096-03