以职业能力培养为中心的《网页制作》课程教学改革研究
2022-06-09
苏红丽
基金项目：辽宁省教育厅2013年辽宁省教育厅科学研究一般项目《基于LAMP的开源课程管理系统Moodle的二次开发与应用》（L2013531）；辽宁金融职业学院2014年度课题《以职业能力培养为中心的课程改革教学研究 ——以《网页制作》课程为例》（LJZYL201404）。
摘要：针对《网页制作》课程教学现状，探索以学生为主体，以项目为载体，工学结合的以职业能力培养为中心的课程改革方案。通过分析职业能力，建立典型的工作任务，构建基于工作过程的《网页制作》课程，从教学理念、教学方法、教学内容和考核方式多方面进行综合改革。结果显示，职业能力本位的课程改革能够提高学生主动学习能力和职业能力。
教育期刊网 http://www.jyqkw.com
关键词 ：网页制作；课程建设；职业能力；教学改革；
《网页制作》课程是高等职业院校中计算机相关专业和电子商务等专业的职业基础技能课程。这是一门实践性很强的课程，课程的主要内容是包括HTML、flash、PHOTOSHOP，目标是培养学生静态网站的制作能力，包括设计网页、建立网页、制作动画、处理图片等。同时也为后续课程动态网站建设的建设奠定一定的基础。
从文献分析，以及相关高职院校调查显示。当前《网页制作》课程的教学效果并不是很好，主要存在以下三个方面的问题：第一在教学内容上，课程内容注重学科知识体系，注重知识的介绍，而非职业能力的发展。而且知识面面俱到，没有突出重点，且内容比较凌乱主线不清晰，例如HTML中CSS+DIV，还有TABLE。最终毕业生还要经过岗前培训才能进入岗位。第二在教学理念和方法上，很多院校的课堂依然是以教师为中心，按照教师一边演示一边讲解，然后学生模仿边操作的教学方法，学生能够跟老师做完，但做完后不知道自己在做什么，缺乏主观能动性。另外，做完的内容当时会，但是做完就忘记，掌握知识不牢固。第三在考核方式上，有些院校依然是“一纸定乾坤”，一张试卷来决定这一门课程的成绩，对于实践性如此强的课程显然是不合理的。
经过社会就业信息的反馈，这种教学效果下的毕业生是不能满足社会的需要，对于课程改革是必要的也是迫切的。
1、课程改革思路
课程改革成功的方案有很多，《网页制作》课程的改革主要借鉴基于职业能力培养为中心的课程体系改革。职业能力，是人们从事某种职业的多种能力的综合。职业能力主要包含三方面基本要素：一、为了胜任一种具体职业而必须要具备的能力，表现为任职资格；二、指在步入职场之后表现的职业素质；三、开始职业生涯之后具备的职业生涯管理能力[1]。例如，网页设计师的职业，只具有设计和制作网站的能力是不够的，还必须有语言表达能力，能够与团队的人进行交流，进行合作，同时还要拥有计算机应用能力、信息收集制定计划等能力[2]。课程体系改革必须从岗位及其岗位群的职业能力要求出发，设置相应的课程，并确定课程应该达到的能力。将能力目标分解到分子化，渗入到各个项目之中。采用CDIO工程教育模式，以项目为载体，以工作任务为驱动，以学生为主体，对校内课堂教学理念、教学内容和教学方法进行改革。
2、课程改革具体步骤
2.1 确定课程能力目标
基于职业能力的课程首先要确定课程能力目标，课程能力目标是根据岗位来设定的。所以要先确立《网页制作》这门课对应的岗位群，我校从2004年设置此课程，对应的岗位就是网页设计师。同时也跟踪这门课的对应岗位的发展及其需求，做到与时俱进，2011年、2012年、2013年这三年，对互联网上发布的招聘信息进行分析。网页设计师仍然是网页制作课程对应的岗位，招聘职位的基本条件描述一般有三个方面 ，第一要求精通网页设计相关软件，例如Photoshop（或者firework）软件、dreamweaver软件、Flash软件，精通DIV+CSS页面布局。第二要求熟悉网站开发过程，独立完成网站的静态美工页面制作，有经验者优先。第三能够对网站进行日常维护，包括对内容的编辑、图片的处理等。对于任职要求，一般大专或以上学历；工作态度良好、有责任心；有良好的团队合作精神和沟通能力。
由此可见网页设计师应该具备最基本的职业能力，包括一般职业能力、专业能力和职业综合能力（关键能力）。专业能力指的是从事职业岗位的知识和技能能力，基本能力包括在社会上从事职业活动必备的最基本的通用的能力；关键能力指的是可以迁移的、从事任何岗位的关键能力，例如终生学习的能力。网页设计师对应的能力如表一所示：
课程的职业能力确定好之后，教师在进行教学设计时就要以能力培养为中心，将课程划分为若干个子项目，设计合适的教学情境，在子项目中将职业能力深入到教学中，不仅仅是传授基础知识，还要提高专业能力，锻炼一般职业能力，潜移默化地增长职业综合能力。
2.2 设置课程内容
总体的职业能力设置好后，要根据能力的需要制定网页制作课程的具体内容。针对设计能力，课程要有photoshop，主要讲授网页的设计方法，色彩构成、网页布局、页面切割、图片处理等。针对网页制作能力，主要讲授dreamweaver、DIV+CSS，具体内容中要包括站点的建立，站点内容结构，HTML标签，HTML页面元素、表单、表单元素、表格、框架、布局、CSS样式、盒子模型。简单的JAVASCRIPT脚本基本语法和常用的样式。针对网页元素处理能力要有photoshop的图片处理能力、javascript的动态效果、flash的点睛之笔、文本修改能力等等。针对这些丰富的内容，必须好好整理组织，有顺序有层次，否则知识就会像山一样堆放，无从下手。本课程打破原来的顺序讲解的知识体系，根据岗位需要，也要兼顾计划学时，将知识点与技能都分配在项目中。网页制作课程的课内学时为72学时，但网页制作课程的内容比较丰富，仅仅72学时的课时量是不能够达到岗位需求的，所以在设置课程内容时不能仅仅局限于课堂，在课程设置时，还要将课程内容安排在课下做，以留作业和预习复习的方式体现。例如，对于图像抠像及简单合成技术中，设置了“贴入选择”，“选区的综合应用”，制作“节能减排”海报，“速制作网页导航栏”，“裁剪玩野导航按钮素材”，“创建规则选区”，“裁剪图像的应用” ，“创建不规则选区”，“快速裁剪并修齐多张照片”等十个项目，这十个项目的学时分配为课堂讲授1学时，随堂实践1学时，课外自学1学时，课外作业1学时，课外实践练习2学时。总计课内2学时，课外4学时。这样的学时分配，充分调动了学生的课堂和课后的时间，有效将课堂和课后结合起来，培养学生的自主学习能力。
2.3 设置合适的项目
确定课程内容后，要根据岗位设置合理的项目。项目中要有综合基本知识点和能力，项目不能太大也不能太小，既要考虑优秀的学生，也要考虑接受能力比较弱的学生；要注意学生的层次，同样是高职高专的学生，有从农村来的有从发达地区来的，学生不一样接受能力也不一样，所以对于一个项目的设置要考虑很多的外部因素，需要与企业优秀的项目负责人进行探讨沟通，与兄弟院校的教育工作者进行探讨，同时也要与同部门同学科老师进行探讨，怎么才能制定“够用”、“适度”的项目。然后将这些适度够用的项目按照人的认知心理特征，按照职业成长规律组成一门课程。
2.4 设置合理的考核方式
传统的考核方式是一张卷子决定一门课程的最终成绩，实践能力强的同学网站建设能力非常好，但是基本知识点掌握的却不牢固，一张卷子就决定了这种学生的命运是不公平的，这样的考核方式不符合高职高专院校的人才培养目标。我们将考核分为四部分内容：第一部分为平时成绩，主要的考核内容包括出勤、课堂表现、课后作业，考核的时间为平时，占总成绩的20%；第二部为阶段实践成绩，主要的考核内容为单元项目，在平时课堂考核，占总成绩的20%；第三部分为综合项目，主要的考核内容为整体项目，在18周考核，占总成绩的40%；最后一部分为期末考试，考核的主要内容为完成给定素材的网页，在考试周进行上机考试，占总成绩的20%。将成绩分布在教学过程的各个环节上，对学生进行全面的考核，不仅是知识上还有职业能力、职业道德等。
3、教学过程遵循的原则
3.1 围绕重点，适当取舍，注重关联
虽然网页制作课程中内容很多，由于课堂学时有限，不能面面俱到，各个知识点和技能都讲解。Photoshop中设计部分包含了很多，只能介绍如何设计网站，怎样制作导航，制作按钮这些小技巧。将比较优秀的网站设计图拿过来，让同学们参考成型的作品和优秀的页面进行模仿设计，在不断的模仿中建立自己的风格。就像书法一样，先进行临摹，然后再创造自己的风格。而对于其他方面的设计，可以让学生自己学习。对于比较难的CSS样式也是，先将
3.2 学生本位
要将教师本位的思想彻底的转变，将学生作为课堂的主体和中心。不能再像以前的授课方式，教师演示，然后学生跟着练习，结果是课堂会课后忘，没有实际教学效果。课堂上教师以工作任务来组织课堂，教师先展示真实的工作任务，同学生进行分析任务，然后同学生讨论分析，提示学生开发步骤。然后教师将知识点和技能进行讲解。学生根据给定的任务，进行操作，直到完成任务。在完成任务的过程中教师给予一定的指导。最后，对工作任务进行总结。布置课后作业，进行知识巩固。
4、结束语
以能力培养为中心的《网页制作》课程的教学改革，分析了网页制作课程的“职业能力”，将职业能力对应到个项目中，以项目为导向，以任务为驱动，在做中学，围绕真实的网站项目，在模拟的情境中实施教学改革。每个项目按照岗位需求和职业能力分解为多个学习任务，有效的将学习过程、工作过程和职业能力结合起来，学生在课堂上就能体验到公司中的真实任务，通过激励政策，让学生体验成功的乐趣，提高学生的网页制作能力、网站管理能力、网站页面元素处理能力，培养出符合企业需求的人才，实现了学校与社会的无缝。
教育期刊网 http://www.jyqkw.com
参考文献:
[1] 百度.职业能力.http://baike.baidu.com/link url=Va3ZYqgT_lDR04eptN5oecOEBjhHA7wxufETb-CQZuitluO7L5QpHugf21kICTWv3_E_rWALK006VQVF2WI--PJ8Cj3h_Ze7JSdgt4E31y8StNm4EjFwl07aAZ863D7y,2014.12
[2] 陈智慧.基于职业能力发展的高职文化基础课程开发与设计[J].职业技术教育，2010(8): 20-22.
[3] 胡晓红,王丽芬，张景峰.基于职业能力培养的《网页设计与制作》教学改革的研究[J].电脑知识与技术,2012(7):4953-4956.
作者简介：苏红丽，硕士，辽宁金融职业学院讲师，研究领域：计算机网络软件技术。