基于工作过程的网页设计课程实训模式改革研究

天津滨海职业学院 刘秀芹

基于工作过程的网页设计课程实训模式改革研究

天津滨海职业学院 刘秀芹

为适应社会的人才需求现状，提高网页设计课程的教学质量，将岗位的职业标准引入课程设计，以前端工程师的典型工作过程分解为依据，从简单到复杂，从局部到整体，基于工作过程重新构建网页设计课程的实训模式。

网页设计；前端工程师；工作过程；实训模式

为了适应社会进步所带来的人才需求变化和提升教学效果，高等职业院校不断尝试结合专业和课程的特点，引入多种课程开发方法，深入进行课程建设和改革。目前，基于工作过程导向的课程教学改革正逐渐成为高职教育改革的重要探索领域。网页设计课程是高等职业院校电子商务专业和计算机类专业开设的职业核心课程。所以，网页设计课程的教学质量直接决定了学生的实践能力和就业能力。

1.网页设计课程存在的问题

网页设计课程的相关岗位包括：前端工程师、网站管理、网络编辑等，其中前端工程师是最主要的岗位。前端工程师是Web前端开发工程师的简称，是一种高端技能型人才。很多高职院校的相关专业开设了网页设计课程，但培养出的学生很多都达不到企业关于前端工程师岗位的用人需求，所以依然存在很大的人才需求缺口。

网页设计课程存在的问题主要包括以下几个方面。(1)知识体系相对滞后。学生在学校学到的table表格布局等相关知识在企业已经基本不用。学生对企业用人需求描述中的专业术语和知识比较陌生，没有用过企业要求的知识体系，这是造成学生不敢在前端工程师岗位竞聘的主要原因。(2)注重单个知识点的掌握，不注重综合能力培养。调研发现网页设计课程的教学组织大多采用案例教学等方法，注重单个知识点的掌握，学生掌握了一个个知识点，比较有成就感，但面对企业的工作任务却无从下手，感觉都不是自己学过的知识。这种注重单个知识点，忽略综合能力培养的教学方式，虽然短期能够得到学生的认可，但并没有达到良好的教学效果，相应地也不能实现教学目标。

这引起了很多专家学者的关注，但很多研究仅仅是简单地将某一种教学方法应用于课程的实训教学，或者侧重于项目驱动、任务导向的教学过程设计，都不够系统，不够贴近前端工程师的职业能力需要，所以很难达到满意的教学效果，也很难满足学生的就业需求。因此，结合高职学生的实际情况和职业需求，对“网页设计”课程实施基于工作过程的实训模式改革。

2.课程改革思路

工作过程是企业为完成一件工作任务并获得工作成果而进行的一个完整过程。生产复杂产品、完成重大项目都可能需要多个工作过程，从而构成该产品、该项目的工作过程系统。基于工作过程即工作过程导向，是一种课程开发方法，是2002年德国劳耐尔(Rauner)教授带领下的不来梅大学技术与教育研究所与大众汽车公司合作开发的一种职业教育课程开发方法。

网页设计课程面向的岗位群中最主要最具代表性的是前端工程师。所以在网页设计课程的开发过程中依托前端工程师岗位展开。课题在研究过程中将通过走访企业、校内交流、理论应用研究、调查问卷等方法对网页设计人才需求情况和课程开展情况展开分析。根据调查研究中所发现的网页设计课程教学过程中所存在的问题，结合企业对网页设计人才能力的需求，对网页设计师的工作过程进行分析，分解出典型工作任务，分析各个环节的能力要求。再基于网页设计师的工作过程，构建网页设计课程的实训教学模式，其中包括实训内容、实训方法、考核方案等。并将构建的实训教学模式应用于教学实践，借以激发学生的学习兴趣和学习热情，改进教学效果。

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

通过调研，我们发现前端工程师的主要工作内容是基于XHTML+CSS架构根据网站策划图实现网站前端界面开发，所采用的技术目前主要是HTML4+CSS2，但也有部分前端工程师为了达到更好的设计效果已经升级到HTML5+CSS3。为了兼顾目前的主流技术，课程设计以HTML4+CSS2为主要教学内容。但为了学生将来的技术升级和可持续发展，课程简单涉及到HTML5+CSS3的特点。

将前端工程师的主要工作内容进行分析整理，结合前端工程师应具备的能力和素质，我们将前端工程师的典型工作过程分解为以下八个部分：网站规划、页面布局、简单元素添加、导航栏设计、图文列表设计、特效脚本应用、系统设计、兼容性测试。一个网站是由一个个网页所组成的。任何一个网页都要经过除了网站规划之外的七个步骤才能完成，每一个网页的设计完成需要用到的知识基本类似，所以这里我们以单个网页的设计完成为主要目标。前端工程师岗位的工作内容在技术方面涉及到Photoshop、Flash等网页设计图形设计软件的使用以及JavaScript特效脚本的应用，这些都是网页设计课程的前导课程或同期课程的讲授内容，所以在此只涉及到应用，并不深入讲解。

4.重新构建教学体系

4.1 实训内容设计

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

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

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

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

4.2 实训方法设计

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

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

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

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

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

4.3 考核方案设计

本课程的最终目的是要求学生应用所学知识，根据网站策划图完成网站设计。前端工程师是一个注重实际能力的岗位，传统的理论知识考试方式不能充分评价学生的学习成绩和能力水平，对于学生实践能力的提高，以及就业能力的提高是没有多少益处的。也有部分研究者将考核形式改为考核学生完成网站作品制作的形式。这种考核方式相对理论知识考试有了很大的进步，更加注重实践能力的考核，但很多时候教师考核给出的网站策划作品比较滞后，内容相对简单，所有同学完成一样的网站设计，难免存在抄袭的嫌疑。这就造成了很多同学觉得自己对课程内知识掌握的不错，但看到企业复杂的网站策划图，依然不敢面试前端工程师岗位。

因此课题组对考核方案进行了大胆的改革，期末总评学习成绩由三部分组成：过程考核(平时到课考勤、上课回答问题和随堂作品)占20%、技能考核(课内分模块作品以及综合设计作品)占30%和项目考核(期末综合作品)占50%。这种方式较为客观的反应了学生的学习情况和能力水平，主要特点包括：

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

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

5.小结

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

[1]何兴国.DACUM与工作过程导向课程开发方法比较研究[J].职教论坛,2012(27):70.

[2]孙士新.基于工作过程导向的高职本土化教学模式研究[J].辽宁医学院学报:社会科学版,2013(2):69.

[3]沈玲.基于工作过程的高职课程建设研究[D].湖南师范大学论文,2012.6:20-27.

[4]余雪丽.高职共享型专业教学资源库建设探究[J].职业时空,2009(7):47-48.

刘秀芹（1982—），女，山东曹县人，讲师，主要研究方向：电子商务、信息管理。