《网页设计与制作》项目驱动教学方法探索

2018-12-22武海艳王倩李林超

现代计算机 2018年4期

武海艳，王倩，李林超

（1.黄河科技学院信息工程学院，郑州 450063；2.黄河科技学院现代教育中心，郑州 450063）

0 引言

《网页设计与制作》课程是一门兼具设计性、综合性的网络技术入门课程。在教学中一般基于某个软件进行各个知识点介绍，重视软件的使用和知识点的操作，采用这种方法不利于学生形成整体网站建设的概念。如何改进教学方法，在课堂教学中让学生面对一个实际的网页制作项目，开始不知从何处下手，到课程结束时能形成一个建设网站的整体概念。教学团队总结以往教学经验，借鉴实际网站开发思想，确立了在《网页设计与制作》课程中引入“项目驱动教学法”[1]的思路。

1 项目驱动教学方案设计

《网页设计与制作》课程实践性要求较强，教学团队以一个典型的购物范例网站的搭建作为教学项目案例，在课堂中主要介绍其开发过程。学生跟随课堂教学学习网站搭建的一般流程和开发技巧。同时在教师的指导下，开展实验课程，以工作小组为团队，选择并完成自己的网站开发项目。这两个过程保持进度一致，相辅相成，实现教与学的最佳效果[2]。具体实施方法如下：

（1）课堂教学

通过所选购物网站范例，讲解网站建设流程，把选择网站表现主题原则，网页版式、风格设计，页面整体布局、页面特效处理等大纲知识点分散在案例分解的子任务中[4]。课堂讲授和操作，伴随着范例网站的逐步搭建。在这个过程中，帮助学生构建一个众多知识点相联系的有机整体。课程知识点划分如下表：

（2）实验教学

在进行购物网站范例讲解的同时，给学生布置设计自己网站的实验任务，该实验任务由学生自主完成，网站搭建的过程贯穿整个课程学习。学生在学习范例网站，实现各子任务时，同步进行自己实验项目的搭建，把所学的知识点迁移到新的项目中进行应用。巩固所学知识，激发学习兴趣。

2 教学过程实施

在2013级网络工程普通本科和专科的《网页设计与制作》课程教学中，教学团队开始采用基于项目驱动的教学方法。具体实施过程：教学团队分析吃透大纲，设计购物范例网站，把大纲知识点分解，分散到设计的各个子任务中，例如：页面布局、导航菜单设计、和用户交互时表单的使用等。让学生在范例网站搭建的过程中，了解并掌握各知识点及其联系。

实践教学与课堂教学同步，将学生按2-4人划分为项目小组，布置的实验项目由小组成员分工合作共同完成[3]。实验项目的进行按照主题选择，项目目标分析，需求分析，细节设计，实操活动等步骤，跟随课堂教学进度进行。为激励和监督实验项目进展，各项目小组定期汇报自己网站项目的进展，进行阶段性成果展示，通过小组间成果的比较、讨论，促进问题交流和任务推动。

学期结束，随着购物范例网站的讲解完成，实验项目也搭建完成。学生在学中做，做中学，既掌握了知识点及其联系，也对网站的搭建的流程有完整的概念。

3 评价体系及教学效果

课程采用多元项目评价标准。学生成绩的评定注重参与过程，对小组设计完成网站作品的过程及最后作品展示按比例进行评价[5]。考虑到项目评价的可信度和激励学生积极承担项目任务的因素，教学团队设计了成绩评定多元因素表，包括四个因素表：小组成员任务分配表，明确各成员承担任务，避免出现分工不均情况；项目阶段进程表，小组成员互评阶段性任务的完成情况，互相激励和监督；项目阶段性评议表，项目小组定期汇报项目进展，小组间互评；项目公开评议表，项目完成后各项目小组公开展示设计作品，回答疑问，小组间互评；项目专家意见表，由教学团队教师组织评议，结合其他评价表给出最终成绩。

通过在2013-2016级学生《网页设计与制作》课程中采用项目驱动的教学方法，提高了学生学习网站建设的兴趣，学生到课率达98%以上，团队合作的意识增强，网站建设的能力显著提高。针对历年优秀学生作品，教学团队建立了课程资源库，为课程提供教学范例。同时总结教学实践成果，编写了教材《网页设计与制作实例教程》，已交付西安电子科技大学出版社审稿，将在2018年2月出版。