基于工作过程的《网页设计与制作》课程教学改革探讨

摘要：文中分析了网页设计与制作课程的特点与现状，从课程设计、教学组织与实施等方面探讨了基于工作过程的《网页设计与制作》课程教学改革，以激发学生的学习兴趣，提高教师的教学质量。

关键词：基于工作过程 网页设计 网页制作 教学改革

0 引言

《网页设计与制作》课程是职业院校计算机类专业必修的一门专业课程。本课程以培养学生实际动手能力为目标，使学生具备网页设计、网页制作、网站建设与管理的实践技能，学生毕业后可胜任网页设计师、网站管理员等工作岗位。传统的教学方法和内容已不能实现该课程的培养目标，如学生不能独立完成网站规划和页面设计、网页设计功能和视觉效果不理想等。因此，本文结合当前职业院校学生的实际情况及岗位需求，探讨了基于工作过程的网页设计与制作课程教学改革模式。

1 基于工作过程的教学模式

德国劳耐尔教授等认为，工作过程是“在企业里为完成一件工作任务并获得工作成果而进行的一个完整的工作程序”。基于工作过程的课程教学是通过整体的职业岗位分析，确定典型工作任务，归纳出职业行动领域，按照对职业能力和知识领域的分析，形成学习领域，然后进行基于工作过程的整合，构建课程体系，设计出学习情境，整个教学组织与实施以工作过程为导向。这种教学模式要求打破传统学科系统化的束缚，将学习过程、工作过程与学生的能力和个性发展联系起来，目的是强调学生的设计与建构能力的培养。

2 基于工作过程的《网页设计与制作》课程设计

2.1 确定典型工作任务

通过前期调研及对具体岗位（群）分析，明确了本门课程涉及的主要工作任务包括：一是网站的需求分析，二是网站的整体规划与设计，三是网站的详细设计（制作、编辑），四是网站的发布与推广，五是网站的更新与维护。通过进一步归纳与总结，确定了该课程的典型工作任务就是在规定时间内设计出网站的规划书，并针对网页的不同特点，设计与制作网页，然后进行网页的测试，以便获得符合技术要求的网页。

2.2 归纳行动领域

通过对多个典型工作任务进行排序和归纳，按照相应的归类原则，体现几个典型工作任务所构成的集合，进而构成职业的行动领域。归纳后的行动领域应涵盖岗位群工作任务所对应的专业知识能力、方法能力和社会能力。

2.3 形成学习领域

学习领域是和行动领域相对应的，指的是完成行动领域工作所必须学习的系统性内容。学习领域的名称要表明一个完整的职业工作关系，对学习目标的描述要与典型工作任务的核心内容联系在一起，学习难度从简单到复杂、由浅入深。根据学生认知规律与职业成长规律，确定网页设计与制作课程的主要知识包括HTML语言的使用、Dreamweaver软件的使用等。此外，还要注重学生策划、设计、决策、分析问题、解决问题、审美、团队合作等能力的培养。

2.4 设计学习情境

学习情境是在职业的典型工作任务和行动领域的背景下，按照学习领域的目标和内容，进行教学转换，是具体课程的实施方案。学习情境的设计必须要具有针对性，要体现课程的培养目标。基于这一指导思想，我们确定了以企业典型真实任务为载体的个人网站制作、精品课程网站建设、企业类网站建设、自主选题网站建设4个具有典型工作任务的学习情境。整个学习情境的设计遵循从简单到复杂，由单一到综合的原则，从专业能力到素质能力，再到职业资格标准都纳入到了课程里面。通过4个情境的学习达到了教学效果与目的，提高了学生的学习兴趣。

3 基于工作过程的《网页设计与制作》课程的教学组织与实施

基于工作过程的课程教学组织与实施是按实际工作岗位的工作流程来进行的，每一个学习情境都是一个完整的工作过程，包括资讯、计划、决策、实施、检查、评估6个步骤。

3.1 资讯阶段

根据任务的难易程序，将学生分成3-6人的小组，每组选出一名组长。教师下达任务书，并对相应内容进行一定的描述，每个小组的学生依据任务书，对网站中所需要的文字、图片、音视频、动画等素材进行收集与整理。资讯阶段即是让学生了解学什么，做什么的过程，主要采用的教学方法是任务驱动法和小组合作法。

3.2 计划阶段

各小组分别进行分析讨论，根据下达的任务书，对网站页面的框架结构进行分析、讨论，学生各自表达自己的看法与意见，并讨论出每个小组的工作方案。计划阶段即是拟定学习工作计划的过程，主要采用小组讨论法和头脑风暴法。

3.3 决策阶段

各小组根据拟定的工作计划，进行概要设计和详细设计，确定一个切实可行的方案。概要设计主要包括网站的目录、架构；详细设计主要包括每个页面的功能和布局设计等。设计完成后，各小组进行分工，分别担任项目经理、网页设计人员、网页制作人员、网站测试员等不同的角色，并制订工作进度表。决策阶段即是使学生明确学习、工作方法与目标的过程，主要采用小组合作法和案例教学法。

3.4 实施阶段

各小组在项目经理的统筹指导，由网页设计人员完成首页及内页面的框架的设计，由网页制作人员完成网站内容的填加与编辑，由网站测试员进行测试并完成详细的测试报告。各小组成员轮流执行，完成整个网站的设计与制（上接第231页）作。实施阶段即是学习、工作具体实施的过程，主要采用角色扮演法和小组合作法。

3.5 检查阶段

各小组在合作完成既定任务后对完成的情况进行检查，查找问题、分析问题并解决，如网页中的链接是否正确，网页中的图片是否显示，网页中的音视频是否能够正常播放等。检查阶段即是任务完成情况检查的过程，主要采用小组讨论法和任务教学法。

3.6 评估阶段

各小组完成作品后，对本小组的作品进行展示与汇报，同时让学生集体讨论，相互评价、找出问题，最后由教师点评，对典型问题进行分析与总结，对共性问题进行强调。评价主要包括小组自评（10%）、小组互评（20%）、任课教师评价（30%）、校内专业教师评价（20%）、网络展示人气指数评价（20%）等几个环节。评估阶段即是对学习和工作成果的评价过程，主要采用案例分析法和作品展示法。

4 基于工作过程的《网页设计与制作》课程教学改革的体会与反思

基于工作过程的《网页设计与制作》课程教学改革已经在我校进行实施，与“讲解+练习”的传统教学模式相比较，学生的学习兴趣与积极性大大提高，设计与制作出来的网页作品更加专业，教师的教学水平也得到了高度认可。但在整个教学组织与实施过程中，仍需注意一些细节问题：一是应使学生全部参与学习中来，避免滥竽充数的现象发生；二是应多组织一些网页设计大赛等类型的活动来激发学生的创意；三是应通过职教新干线等网络平台，培养学生自主学习、远程学习的能力；四是教师自身应下企业锻炼，做实际项目，不断加强业务学习。

5 结束语

经过调查发现，职业院校的学生一般动手能力强，形象思维比较发达，敢于表现自我，但是对理论知识缺乏兴趣。因此，采用基于工作过程的课程教学改革有利于激发他们的学习积极性和主动性，有利于培养学生的专业技能和综合职业能力，有利于缩短学习和就业之间的距离，最终实现职业院校高素质技术技能人才的培养目标。

参考文献：

[1]李勤道.基于工作过程导向的课程和课程开发的研究与实践[J].山东电力高等专科学校学报，2011，12（2）：21-25.

[2]曹艳琴.基于工作过程的课程开发——以高职院校《网页设计与制作》课程教学改革为例[J].教学理论，2012（2）：172-173.

[3]黄丽娟.基于工作过程的软件专业课程教学改革[J].Reformation改革，2013（1）：77-79.

[4]孙陆鹏，楚志刚，赵龙德.基于工作过程的ASP.NET课程教学研究[J].研究Research.2013（1）：106-108.

作者简介：王洪兰（1980-），女，吉林磐石人，讲师，硕士，主要研究方向为网页设计与制作，图形图像处理，数字图像水印技术。

基金项目：2012年度湖南省教育教学改革研究项目“基于工作过程的《网页设计与制作》课程改革研究与实践”（项目编号：ZJC2012057）。