《网页设计与制作》课程教学改革探索

冀萍

（北京市经济管理学校 北京 100142）

《网页设计与制作》课程教学改革探索

冀萍

（北京市经济管理学校 北京 100142）

《网页设计与制作》是计算机网络技术及计算机相关专业的一门重要的核心课程，课程具有极强的实操性，涉及美学、版面设计、开发工具、数据库、编程等内容。基于课程的特殊性，本文通过分析专业特点、岗位需求，探索以网页设计与制作工作岗位为导向的课程模块及项目的构建，并结合实际教学，详细阐述了课程实施项目教学法的流程及课程评价方式。

《网页设计与制作》课程 网页设计与制作职业岗位 项目教学法

北京市经济管理学校信息技术系开设了计算机网络技术、电子商务、平面设计、数字媒体技术应用等专业，《网页设计与制作》是计算机网络技术及计算机相关专业的一门重要的核心课程，目的是使学生具备设计和制作网站的能力，具有较强的技术性、实践性及综合性。课程需要多门学科的知识、技能予以支撑，课程包含的内容如表1所示，内容之间相互联系、相互渗透、相互依赖，构成一个科学的、严密的、完整的课程体系。

表1 《网页设计与制作》课程包含的内容

计算机相关专业开设《网页设计与制作》课程的内容、课时不同，一般都开设了两个学期。但在实际实施过程中，存在授课内容与专业没贴近、同一专业不同学期授课内容重复、衔接不好、同一门课程不同教师授课内容差异性大等问题。根据专业特点，《网页设计与制作》课程既有共同性，又存在差异性。因此如何结合专业学生特点，依据行业及岗位需求规范课程内容及教学设计，改革教学方法及考核方式，满足不同专业学生技能培养需求，是本文的重点。

一、《网页设计与制作》课程内容

1.网页设计与制作行业岗位分析

网页设计与制作相关的职业岗位有：网站美工、网页制作员、网页编辑员、网站开发程序员、网站维护人员等，对应的岗位职责如表2所示。

根据行业岗位需求及计算机相关专业学生特点，确定各个专业学生培养目标及对应岗位：计算机网络技术专业学生开设课程系统全面，网页设计与制作技术强，侧重培养网页制作、网站程序开发的能力；平面设计、数字媒体技术应用专业学生有一定的美术基础，图片处理技能强，侧重培养网站美工、网页设计的能力；电子商务专业学生熟悉商务网站的操作流程，侧重培养网站开发、网站编辑、网站维护的能力。

2.《网页设计与制作》课程模块及项目构建

《网页设计与制作》课程的构建，以不同专业学生对应的岗位所需的职业能力为目标，相关任课教师与行业企业专家经过认真研讨，一起构建课程知识体系，依据网站开发的流程，进行以工作过程为导向的课程开发与设计，划分课程为：网页制作、网站规划设计、网页编程、动态网站开发、网站综合实训五大模块。每个大模块依据职业成长规律，结合学生的认知能力和知识结构设计三个项目，项目依据课程标准、网站建设的典型职业活动进行设计和排列。项目内容从简单到丰富、功能从单一到复杂，从而使学生由易及难，由简及繁。项目之间在知识能力结构上呈递进兼有包容的关系，体现了“重复步骤、不重复内容，螺旋上升”培养学生掌握技能的原则，同时也符合学生的实际认知规律。《网页设计与制作》课程构建如表3所示。

计算机网络技术专业参加了北京市以工作过程为导向的课改，课程严格依据典型职业活动设置，前后课程铺垫好、关联性强，相关开设课程：网页制作→网站规划设计→网站页面制作→网站程序开发。教学实施过程中，课程课标、教学设计根据需要进行适当的调整和改进，比如：增加DIV+CSS布局网页、强化JavaScript+jQuery实现网页特效、ASP.NET编程调整为PHP 的编程等，实现了计算机网络技术3+2专业与相关合作高职院校的完美衔接。

表2 网页设计与制作相关职业岗位及能力需求

二、《网页设计与制作》课程的教学方法

以“工作过程为导向”的课改，在课堂教学实施中积极探索具有职教特色和专业特点的行动导向教学模式，以职业岗位工作过程为导向、以职业能力培养为课程核心、以学生为主体，通过学生“做中学、学中做”的活动，调动学生学习的积极性，发挥学生的创造力，不仅使学生学会完成职业活动中的工作任务，更要在完成工作任务的过程中，培养学生的综合职业能力，从而有效促进学生就业和可持续发展。

《网页设计与制作》课程分为五大模块，每大模块都包含了三个项目。不论是入门的网页制作模块，还是网站综合实训模块，都是通过选取实际网站项目，通过项目来涵盖整个教学内容。因此，课程适合采用项目教学法，模拟企业对工作流程的要求，将理论知识的学习穿插在项目的实际操作过程中。项目教学法，就是师生通过共同实施一个完整的“项目”而进行的教学活动，具体实施如以下流程。

第一阶段，结合应用，明确项目

从网页制作的实际应用及学生兴趣出发，网页制作模块包含：个人网页制作、部门网页制作、企业网页制作三个项目，以循序渐进项目群引路，确定每个项目任务的目标，将学生带进网页的学习之中。模块项目目标如表4所示。

第二阶段，分析项目，归纳方案

网页制作模块项目二制作班级网站（即部门网页制作），班级网站是一个班级展示、记录、交流与沟通的网络平台，利用网络资源进行班级管理，促进班级建设、增强班级凝聚力、见证学生成长发展。项目实施前，学生上网查找收集有关信息资源，对项目进行研讨，确定了班级网站的Logo、色彩、布局、Banner、栏目等功能结构，分析项目涉及知识及操作技能、工作步骤和程序，最终定出解决的方案。

第三阶段，分组合作，完成项目

网站项目往往具有综合性和复杂性，通过成立项目小组，可以根据学生的基础和对课程的兴趣，把学生分为不同的层次并将不同层次学生分成一个项目组，让不同层次的学生能够互相取长补短，发挥个性特长，更好地运用已有知识和技能，解决项目中的实际应用问题，分工、协作共同完成项目任务。通过项目小组协作式学习，形成“组内合作，组间竞争”的良好学习氛围，培养学生的协作能力和团队精神。

第四阶段，展评结合，应用项目

各项目组的负责人向全班汇报、展示、交流本组设计制作的最终作品，在介绍过程中要求说明网站的设计思路以及制作过程中遇到过什么问题，这些问题是如何解决的，同时，其他项目组的同学也可提出问题，让设计者解释设计所用的相关技术及特点。最后各组之间进行互评，互相学习，通过相互评价进一步修改各自的设计，评价后得以完善的项目，可以推广应用。如学生完成的“班级网站”就可以应用到学校网站的班级展示中。这既是检验了教学效果，也实现职业教育的目标和价值。

表3 《网页设计与制作》课程模块及项目构建

表4 模块目标与项目目标对应表

三、《网页设计与制作》课程评价方式

在项目完成后，要及时进行总结与评价，以促进学生的进一步发展。这个阶段是开展项目教学活动中一个重要环节，当学生完成项目后，要做的就是各个项目小组进行项目成果的总结。总结内容包括项目成果的汇报与交流，在活动过程中遇到的问题、困难及解决的方法，收获与感受，活动小结等多个方面。总结形式灵活多样，可以是书面文字或电子文档，也可以用作品展示。评价在项目展示完成以后，通过以下方式对学生进行多层次、多角度，全方位的职业技能和素质评价。

1.教师评价和学生评价相结合

在项目实施中一方面由教师对项目组负责人进行工作评价；另一方面，每个项目组成员对自己的各阶段工作任务完成情况进行自评、互评，再由项目组负责人对其组员进行评价，通过三个不同的视角对学生进行评价，将更全面、更准确。

2.技能评价和综合素质评价相结合

在评价项目的设置中，不仅注重对技术技能的评价，同时对必要的基本职业素质进行评价，例如沟通表达能力、团队协作能力、版权意识等方面。

3.过程性评价和总结性评价相结合

在每个项目都设置了相应的考评价表，每个项目评价的累积直接影响最终的课程评价。

《网页设计与制作》课程的教学改革正处在探索实践阶段，还需要进一步地完善。课程模块设计的原则是突出专业性、岗位性和实用性，通过课程的学习、实践，学生能够按照网站开发流程，圆满完成班级网站、系部网站、学校网站等项目。在今后的课程教学实践中，通过“引企入校”等校企合作机制，与行业企业专家共同创设工作实境，成立校企合建的网站建设工作室，引进企业真实项目，让不同专业学生全程参与其中，在学与做中全方位锻炼学生“做项目”的能力，边学习边工作，实现学习过程和工作过程的同步推进。

［1］唐彩虹.基于工作岗位的《网页设计》平台课程模块化教学［期刊论文］，当代职业教育，2014（2）

［2］张学琴. 《网页设计》课程模块化教学的探索［期刊论文］，东方青年·教师，2013（15）