基于工作过程系统化的《网页制作》课程改革与实践

陈莹

【摘  要】《网页制作》是一门实践性很强的专业课程，根据基于工作过程系统化的要求设计开发课程，分析了网页制作典型工作任务，设计了八个工作项目，并阐述了课程实施方案以及课程考核设计，突出课程的职业性、实践性和开放性，从而实现课程服务岗位、教学贴近生产的转变。

【关键词】网页制作;工作过程;系统化;课程改革

引言

《网页制作》是一门技术与艺术结合且实践性很强的专业发展课程，重点讲述使用HTML5、CSS3及JavaScript进行Web前端网页设计制作的技巧。依托我校办学定位以及综合应用型职业岗位人才培养需求，将“能力本位”与“人格本位”两种教育模式相结合，才能实现应用型人才培养目标，满足未来社会及学生自身发展的需要，融入我国经济“新常态”的发展时代。传统的教学都是按照課程知识结构的特点开展，根据这个方式培养的学生已经不能适应社会发展需求，因此，课程改革的方向是将课程结构系统化解构再重构为工作过程系统化。

1.课程设计开发

1.1课程改革核心思想

课程既是人才培养的核心组成，也是提高教学质量的根本保证。“以就业为导向、以职业为载体的人的全面发展”是工作过程系统化课程开发的宗旨，因此课程相应也应从传统的储备知识过程转变为应用知识的过程。所谓“工作过程”，是指个体为完成一件工作任务并获得工作成果而进行的一个完整的工作程序。它包括工作人员在工作场所利用工作资源完成一项工作任务并获得成果的一系列活动，是对人的职业行动这一复杂系统进行科学分析的工具。工作过程作为应用知识的结构，关注的是工作的对象、方式、内容、方法、组织以及工具的历史发展。

网页制作典型工作任务（职业行动领域）描述如下：主要由前端平面设计和代码设计书写实现两个环节组成。在开展网站需求分析工作之后，设计人员制作网站总体设计方案，确定网页风格和功能模块。根据设计方案绘制网页原型，完成网页平面设计。在平面设计基础上，对网站的各个页面等进行HTML、CSS、JavaScript代码设计书写，构建网站。网站开发完成，由测试人员进行测试，设计人员根据测试报告，对网站进行修改完善，实现最终网站效果，并形成网站开发文档存档。网页制作工作对象包括网站需求调研报告、网站总体设计方案、网页原型、网页平面设计图、HTML文档、CSS文档、完成的网站。工作方法需按照网站行业标准和需求调研报告开发;根据网站总体设计方案绘制网页原型;根据网页原型完成平面设计图;根据网页平面设计图书写代码构建网站;根据测试人员测试报告意见改进完善网站。劳动组织要求独立或合作完成作业内容;开发设计人员完成后交测试人员测试;修改完善工作一般由设计开发小组完成。

1.2课程内容模块设计

依据职业工作过程和学习领域，本着由浅入深、循序渐进的设计原则，设计了八个工作项目，除第一个基础知识学习项目，其它七个项目分别涉及不同类型网页设计制作开发，分别是旅游网站、电商网站、摄影网站、婚恋网站、票务网站、学习网站、门户网站，每个项目设计几大情境，在每个学习情境中，又设置了若干任务，任务的难度和复杂程度呈逐渐递升，任务与任务间的操作也有重复，但重复的是操作，而不是内容，从而体现了工作过程系统化的特点。

根据项目不同情境设计主要如下：情境一：网页规划;情境二：网页设计;情境三：网页头部和导航模块制作;情境四：网页banner模块制作;情境五：网页主体内容及其它内容制作;情境六：网页页脚或底部模块制作;情境七：交互效果制作。

1.3课程实施方案

课程的实施模拟网页制作岗位工作过程，首先，将学生分为若干小组，由教师利用多媒体设备讲解理论知识及必要的操作步骤，布置任务;然后，学生独立思考、训练，主动获取知识，注重组员间的合作，共同完成任务。在积累一定知识技能后，从摄影网制作开始，引入翻转课堂的教学方法，进一步锻炼学生的自学能力和发现问题解决问题的能力，在此过程中，学生既获得一定的知识，也培养了职业岗位所需的社会能力;任务完成后，教师组织各小组的自我评价和小组对组员评价，并对有代表性的作品集中进行点评和总结，布置拓展任务让学生在课下继续探究。

1.4课程考核设计

建立多维度的评价标准，学生成绩评价依据三点原则：第一，从教学目标出发，将知识、能力、素质考核相结合，突出对学生能力的考核;第二，强调学生的参与性，将学生自评、小组互评、教师考核、企业考核相结合;第三，根据项目要求，多种考核方式并用，将形成性考核与总结性考核相结合。

2.结束语

基于工作过程系统化的《网页制作》课程改革，从职业需求出发，按照“工学结合”的课程理念设计由易到难，由单一到综合的教学项目。每个项目由一系列按照工作开发过程设计的有序任务组成，比如开发环境搭建、网页内容制作、网页样式设计、网页布局设计、网页交互设计等，学生按照实际工作开发步骤，通过完成设定的任务实现项目。“教学过程”按照“工作过程”展开，能够更有效培养学生的前端开发能力与职业素养。改变过去课程教学脱离行业需求的状况，根据实际的岗位需求调研，调整课程内容、能力培养与行业需求的高度一致，在考核设计中引入企业评价，真正实现基于职业岗位需求的人才培养。

参考文献

[1]姜大源.世界职业教育课程改革的基本走势及其启示——职业教育课程开发漫谈[J].中国职业技术教育，2008（27）：7-13.

[2]姜大源.工作过程系统化课程的结构逻辑[J].教育与职业，2017（13）：5-12.

[3]毛美娟，汪维富.可堆叠证书实践对“1+X”证书制度实施的启示[J].成人教育，2020，40（11）：76-80.

[4]臧志军.产出导向+能力本位：本科层次职业教育评价体系设计的基本原则探析[J].中国职业技术教育，2020（25）：20-23.

基金资助：2010年百色学院校级教育教学改革研究项目“以应用为核心的网页设计与制作课程体系的改革与实践”（立项编号：2010JG12）。

百色学院    广西百色    533000