基于工作过程导向的《网页设计与制作》课程的开发与实践

韩新华

（吉林交通职业技术学院 管理工程系，吉林 长春 130012）

《网页设计与制作》课程是为高等职业院校电子商务类专业的学生开设的一门专业技术课程。本课程的目的是让学生在学完计算机基础、计算机网络等课程的基础上进一步掌握网页设计的基本技能，为学习网络营销奠定基础，也为今后从事网页设计的学生深入学习网站开发与建设奠定基础。

一、典型工作任务分析

（一）对网页设计与制作工作的整体描述

网页设计与制作人员根据网页设计任务书，在电脑办公工位，在规定的时间内以有效的方式按照专业要求完成网页维护、修改、改版或新网站建设的静态网页设计与制作工作。网页维护和修改工作以个人独立工作；网页改版或中小型新网站建设的静态网页设计工作以小组形式或独立工作；大中型新网站建设一般以小组形式工作，使用电脑和Dreamweaver工具软件，对文字、图象和 Flash等多媒体素材进行编辑、设计与制作，并符合W3C规范，对已完成的工作进行记录存档。

（二）学习目标

学生在教师指导下，制定网页设计与制作工作计划、实施及检查反馈。在网页设计与制作过程中，使用工具、设备、文字、图象和 Flash素材等，在规定时间内完成网页设计与制作项目，对已完成的任务进行记录、存档和评价反馈。学习完本课程后，学生应当能够进行网页设计与制作，包括：1.网站规划；2.站点建设与管理；3.设计首页；4.美化首页；5.设计二级页面；6.设计交互页面；7.网站测试与发布。

针对网页设计与制作职业岗位工作任务分析和网页设计与制作人员应具备的能力和素质，我们将整个网页设计与制作课程分为以下七个典型工作任务：

【典型工作任务1】网站规划

【典型工作任务2】站点建设与管理

【典型工作任务3】首页设计

【典型工作任务4】首页美化

【典型工作任务5】设计二级页面

【典型工作任务6】设计交互式页面

【典型工作任务7】网站测试与发布

按照项目任务的编排方式，整合专业能力与知识目标对学习领域的教学内容进行序化，设计出如下7个网页设计与制作学习情境：

1.网站规划；2.站点建设与管理；3.设计首页；4.美化首页；5.设计二级页面；6.设计交互式页面；7.网站测试与发布。

二、内容选取

教学项目的选择是课程开发的一项重要任务。教学项目的选择，首先要有目的地去选择项目，即要有针对性。所选项目应包含完成职业岗位实际工作任务所需的知识、能力、素质要求的内容，这样才能在完成项目的同时，保证学生掌握应学习的内容。其次是项目的完整性。一方面，项目从设计、实施到完成必须要有一个完整的成品出来。作为项目的成果，学生完成项目后会有一种成就感，这样才能提高学生的兴趣；另一方面，通过项目的完整性实践，学生能够更好地习得隐性知识，即工作过程知识。再次，必须参照和包含网页设计与制作岗位国家职业资格考试要求。最后，项目难度适当，可促使学生学习和运用新的知识、技能，解决过去从未遇到过的实际问题。[1]

教学项目的选择是课程开发的一项重要任务。经过反复研究并通过实践检验，在实际教学过程中我们选择了四个教学项目。第一个教学项目选择的是中等偏易程度的网站制作，主要目的是引导学生“怎么做”。由于一个完整的网站是由首页和若干二级页面组成，每个页面之间相对独立并通过链接彼此相连，因此，在教学过程中，我们以网站每一个页面为单位组成教学单元，将完成职业岗位实际工作任务所需的大部分知识、能力、素质合理融入各个不同的页面，每个页面就是一个相对独立的项目任务，不仅包含适量的新知识和技能，也包含已掌握的部分知识和技能。同时，为了达到同步练习实践的目的，第二个项目我们选择一个源于真实、完整的网站制作项目，该项目的难度也属于中等偏易，让学生在制作过程中进一步巩固所掌握的知识与操作技能。从布局来讲，这两个项目已基本覆盖了所需的理论知识和操作技能，但为了进一步提高学生的综合能力，我们又设计了课外拓展实践项目和工学结合项目。其中，课外拓展实践项目，是学生根据自己的情况，在老师的指导下选择项目并在课外独立完成，鼓励学生为企业制作企业网站；工学结合项目，不包含在教学计划中，而是在期末集中实训期间，在企业聘请的兼职教师的指导下，分组完成真实的网站制作项目。由此构成的四个教学项目，从不同角度完善整个教学过程。

三、教学模式设计

在以往的教学过程中，我们大多采用“灌输式”的教学模式，教师讲授，学生被动接受，学生的学习兴趣不高，忽视了学生的主体地位。在基于工作过程导向的教学过程中，我们采用“行动导向”的教学模式。“行动导向”教学模式强调学生是学习过程的中心，教师是学习过程的组织者、管理者、协调者和监督者。[2]根据《网页设计与制作》课程的特点，每一个教学模块均是相对独立的，并且有单独可以展示的成果，因此，每个教学小模块都可以按照“资讯、计划、决策、实施、检查和评价”六步完整的行动过程来进行教学。资讯阶段，教师布置任务，帮助学生理解任务要求；计划阶段，学生一般以小组方式工作，寻找与任务相关的信息，制定工作计划；决策阶段，学生制定的计划，经过小组讨论、论证，集中团队集体智慧，作出决策，形成团队实施方案；实施阶段，学生根据计划方案完成设计和模拟，作好有关文字记录，教师监督学生学习过程，纠正学生学习的偏差；检查阶段，学生检查和展示工作成果；评价阶段，自我评价，其他同学提出问题，师生共同评价。这种教学模式，让学生“通过独立地获取信息、独立地制定计划、独立地实施计划、独立地评估计划”，使学生在自己“动手”的实践中，掌握职业技能、习得专业知识，从而构建属于自己的经验、知识和能力体系，学生从“灌输”的被动地位变为“主动接受”的主体地位，极大地提高了学生的积极性和学习兴趣。[3]

在具体实施行动导向的教学模式中，由于学生在此之前所接受的教学模式基本均为以教师为主体即教师讲授（含教师的示范操作讲解）为主的教学模式，因此，我们在实施行动导向的教学模式中增加了过渡阶段，使学生逐步转换角色，否则，就达不到预期效果。

计划阶段，教师将“网页设计的工时定额”和“学生网页制作评价标准”提供给学生，使行动导向的教学模式得以顺利实施。同时，学生以此为依据，按照自身实际情况，小组讨论分析，独立地制定合理的工作安排和计划，为以后阶段的实现提供参考，奠定基础。

实施阶段，由于学生的差异性，我们把自编的《网页设计与制作实训指导书》以及相关完整网站的制作过程的全程录象提供给学生，不同层次的学生根据自身的情况，选择“依葫芦画瓢”、顺序模仿、跳跃模仿等方式辅助实践。通过此种方式，无论优等生、中等生，还是后进生都能保证会做，都有“东西”可吃，可消化，较好地解决了“吃不饱”与“吃不了”的矛盾，并逐渐使低层次的学生向高层次接近。[4]

评价阶段往往是容易被忽略的一个重要阶段。在此阶段，除引导学生找出存在的问题和改进的方案外，教师的导航工作更为重要，通过引导学生归纳总结知识和经验，填写“工作日志”，使学生对于完成职业活动所需技能以及与之有关的知识、能力、经验进行系统的总结，构建属于学生自己的经验和知识、能力体系。

通过对基于工作过程导向的课程《网页设计与与制作》的教学模式所作出教改探索，我们体会到基于工作过程导向的课程并不是从学科体系的理论知识中引导出来的间接知识，也不是单一的操作知识，它包括工作经验、工作目的与工作进程等方面的知识，还包括不同的劳动怎样与企业整体联系在一起的知识。基于工作过程导向的课程既包括了显现的指导行为的知识，也包括了与之相联系的隐性知识，它是在结构完整的工作过程的具体情景中积累起来的思维和行动准则。[5]基于工作过程的课程特点就是能够体现工作过程的各项要素，并反映这些要素之间的相互联系；同时，让学生亲自经历结构完整的工作过程，使学生能够借此获得“工作过程知识”。因此，基于工作过程的课程更有利于对学生综合职业能力的培养。

[1]陈凯.《电子基本技能》工作过程系统化课程的构建研究[J].广州教学研究，2006，（6）：24.

[2]袁江.基于工作过程的课程观[J].中国职业技术教育，2005，（1）：11.

[3]徐国庆.职业教育项目课程的几个关键问题[J].中国职业技术教育，2007，（4）：38.

[4]赵志群.职业教育与培训新概念[M].北京：科学出版社，2004.

[5]徐涵.以工作过程为导向的职业教育[J].职业技术教育，2007，（4）：126.