1.课程改革思路

工作过程是企业为完成一件工作任务并获得工作成果而进行的一个完整过程。生产复杂产品、完成重大项目都可能需要多个工作过程，从而构成该产品、该项目的工作过程系统。基于工作过程即工作过程导向，是一种课程开发方法，是2002年德国劳耐尔(Rauner)教授带领下的不来梅大学技术与教育研究所与大众汽车公司合作开发的一种职业教育课程开发方法。网页设计课程面向的岗位群中最主要最具代表性的是前端工程师。所以在网页设计课程的开发过程中依托前端工程师岗位展开。课题在研究过程中将通过走访企业、校内交流、理论应用研究、调查问卷等方法对网页设计人才需求情况和课程开展情况展开分析。根据调查研究中所发现的网页设计课程教学过程中所存在的问题，结合企业对网页设计人才能力的需求，对网页设计师的工作过程进行分析，分解出典型工作任务，分析各个环节的能力要求。再基于网页设计师的工作过程，构建网页设计课程的实训教学模式，其中包括实训内容、实训方法、考核方案等。并将构建的实训教学模式应用于教学实践，借以激发学生的学习兴趣和学习热情，改进教学效果。

2.前端工程师典型工作任务分解

通过调研，我们发现前端工程师的主要工作内容是基于XHTML+CSS架构根据网站策划图实现网站前端界面开发，所采用的技术目前主要是HTML4+CSS2，但也有部分前端工程师为了达到更好的设计效果已经升级到HTML5+CSS3。为了兼顾目前的主流技术，课程设计以HTML4+CSS2为主要教学内容。但为了学生将来的技术升级和可持续发展，课程简单涉及到HTML5+CSS3的特点。将前端工程师的主要工作内容进行分析整理，结合前端工程师应具备的能力和素质，我们将前端工程师的典型工作过程分解为以下八个部分：网站规划、页面布局、简单元素添加、导航栏设计、图文列表设计、特效脚本应用、系统设计、兼容性测试。一个网站是由一个个网页所组成的。任何一个网页都要经过除了网站规划之外的七个步骤才能完成，每一个网页的设计完成需要用到的知识基本类似，所以这里我们以单个网页的设计完成为主要目标。前端工程师岗位的工作内容在技术方面涉及到Photoshop、Flash等网页设计图形设计软件的使用以及JavaScript特效脚本的应用，这些都是网页设计课程的前导课程或同期课程的讲授内容，所以在此只涉及到应用，并不深入讲解。

3.重新构建教学体系

3.1实训内容设计

网页设计课程是以实践为基础的核心课程，所有理论知识必须在技能训练过程中得以掌握和运用，所以必须注重培养学生理论知识的灵活运用能力和网页制作实训能力。网页设计课程的实训内容设计重点体现在以下几个方面：

(1)以工作过程分解为依据。网页设计课程以前端工程师的典型工作过程分解为依据，将实训内容设计为包括局部设计、界面设计、兼容性测试、案例实训四个大的模块，贴近前端工程师的工作过程，满足前端工程师的岗位能力需求，使整个教学过程更加具有针对性。局部设计又由常用XHTML标签、DIV布局、CSS样式美化、JavaScript页面特效组成。局部模块设计即兼顾网页设计课程知识体系的系统性，又结合前端工程师的工作过程，即有利于加深学生对个别知识点的理解，又有利于学生网页设计知识体系的构建。

(2)基础知识与综合实训并重。实训内容的前三个模块属于基础知识学习部分，最后一个案例实训模块属于综合实训。在整个课程设计中，综合实训课时占整个课程课时的1/3以上。课程教学方式也从前期的讲练结合，转变为实训辅导为主；授课对象从前期的面向整体为主，转为面向个体为主。通过对综合实训课时比例的增加，培养学生对知识点的综合运用能力，进而无缝衔接前端工程师的岗位能力。

(3)化整为零、小小案例。前端工程师的工作过程是一个系统性非常强的、复杂的工程，由很多小的知识点组成，需要对知识点进行综合、灵活的应用。针对知识点的案例往往并不适用于整体网页设计，这就造成了知识点的学习与综合实训的脱节，容易给学生造成一种无所适从感。课程实训设计将分布于综合实训中的局部功能分解为基础知识点的学习案例，一个个局部功能分解为一个个小小案例。这种方法也使得学生在做综合实训时有一种亲切感，方便学生知识体系从局部到整体的构建。

3.2实训方法设计

课程实训方法设计结合实训内容特点，采用“教、学、做”一体化的教学方法。局部设计主要采用理论实践一体化的项目教学法和任务驱动教学法，强调知识点在小案例中的应用。综合实训主要采用分组教学法和真实案例教学法，强调小组协作能力和综合实训能力。

(1)项目教学法。项目教学法时一种由项目引入进而展开知识点的教学方法，一边分析讲解、一边操作演示，讲练结合，激发学生学习兴趣，提高学生分析问题、解决问题的实际能力，轻松达到教学目标。

(2)任务驱动教学法。将实训内容设计为一个个独立任务，充分调动学生的学习积极性和主动性。任务也分为三种类型：局部功能任务、整体设计任务、真实企业任务。任务的实施也是从简单的局部功能任务到整体设计任务，再到灵活运用的真实企业任务的过程，逐步进阶。任务驱动贯穿整个实训环节设计，有利于训练学生的职业态度，也有利于提高学生的知识应用能力和创新能力。

(3)分组教学法。综合实训阶段的任务相对复杂，单个同学实现有一定的难度，所以采用分组教学的方法，有利于形成小组内探讨解决问题的氛围，也有利于加深对知识点的理解，能有效培养学生的团队意识。为充分发挥每个成员的潜能，形成足够量的成员任务，在设计小组时人数不宜太多，一般以2-3人为宜。

(4)真实案例教学法。将企业真实案例引入教学过程，能有效拉近课程教学与岗位能力需求之间的距离，充分激发学生的学习热情，即能让学生对岗位能力需求有更深刻的理解，也能增加学生的自我认同感和成就感，进而达到培养岗位人才的目的。

3.3考核方案设计

本课程的最终目的是要求学生应用所学知识，根据网站策划图完成网站设计。前端工程师是一个注重实际能力的岗位，传统的理论知识考试方式不能充分评价学生的学习成绩和能力水平，对于学生实践能力的提高，以及就业能力的提高是没有多少益处的。也有部分研究者将考核形式改为考核学生完成网站作品制作的形式。这种考核方式相对理论知识考试有了很大的进步，更加注重实践能力的考核，但很多时候教师考核给出的网站策划作品比较滞后，内容相对简单，所有同学完成一样的网站设计，难免存在抄袭的嫌疑。这就造成了很多同学觉得自己对课程内知识掌握的不错，但看到企业复杂的网站策划图，依然不敢面试前端工程师岗位。因此课题组对考核方案进行了大胆的改革，期末总评学习成绩由三部分组成：过程考核(平时到课考勤、上课回答问题和随堂作品)占20%、技能考核(课内分模块作品以及综合设计作品)占30%和项目考核(期末综合作品)占50%。这种方式较为客观的反应了学生的学习情况和能力水平，主要特点包括：

(1)真题真做。将企业一线的多个真实案例拿来供学生选择，作为项目考核题目。多种作业选择能在一定程度上减少学生作业抄袭的情况。来自企业一线的真实案例与岗位能力要求高度契合，增强学生就业能力和自信心。

(2)注重过程考核。期末考核只占期末总评成绩的50%，其余两部分都是教学过程中完成的，属于过程考核。这样的考核方案设计能有效避免学生过分注重短时间的期末考核，能使学生更加重视知识技能积累的学习过程。

4.小结

基于工作过程的网页设计课程实训模式开发，以前端工程师的典型工作过程分解为依据，从简单到复杂，从局部到整体，符合学生的认知学习规律。实践内容以来自企业一线的真实案例为基础，真题真做，培养和提高学生的实践动手能力和综合运用能力，拉近课程培养与企业用人需求之间的距离，提高学生的就业能力和核心竞争力，实现技术技能型人才的培养目标。

作者：刘秀芹单位：天津滨海职业学院