网页设计课程 [论高职“网页设计”课程中“能力本位”与“任务驱动”教学的结合]
时间：2019-04-13 04:04:19 来源：柠檬阅读网 本文已影响 人 
［摘要］文章介绍了在高职“网页设计”课程中运用“能力本位”结合“任务驱动”教学模式，有效地提高学生实践能力和岗位职业 能力，更扎实地掌握理论知识，为培养适应社会发展的职业技能人才奠定良好的基础。
［关键词］网页设计能力本位任务驱动
［作者简介］吕玉珠（1971-），女，广西宾阳人，广西工商职业技术学院信息与设计系，讲师，硕士，研究方向为网站建设、电子商
务及Flash动画设计。（广西南宁530003）
［中图分类号］G642.3［文献标识码］A［文章编号］1004-3985（2012）15-0132-02
一、引言教学模式很适合计算机类课程的教学，因为计算机类课程实践
随着互联网技术的发展和普及，互联网已成为企业事业单性强，知识内容更新快，要求学生具备一定的自主学习和独立分
位和个人展示价值、传递信息的重要渠道，经济的增长使企业加析问题、解决问题的能力。
大了在互联网领域的投入，市场对网页设计人员的需求量日益“能力本位”结合“任务驱动”模式是基于“能力本位”教育而
增加，同时对网页设计人员的要求也大大提高，拥有出色美术功探讨出的一种教学模式，它以“职业能力”为核心，根据职业发展
底、良好的创意和制作能力的设计师最受欢迎。作为培养各行的需要和职业能力来确定教学内容，将教学内容设计为若干个
业高等职业技能型人才的高职院校，如何培养高素质的应用型任务，再把大任务细化为多个容易掌握的“小任务”，围绕任务展
网页设计制作人才是许多高职院校关注的重点课题。开学习，将课程理论知识和技能训练合理整合，突出技能的核心
二、“能力本位”和“任务驱动”教学模式的特点地位，力求高质量地完成教学。
“能力本位”教学模式是以某一职业所需的知识、技能为目三、高职“网页设计”课程教学存在的主要问题及分析
标而设计的培养方式，在职业分析的基础上，将职业能力分解为1.教学内容的组织不合理，不利于学生职业能力的培养。
若干部分，进行课程开发和培训，注重学生职业能力的培养，使传统的教学内容安排一般是按教材章节顺序安排，验证教材案
其更具就业竞争力。例步骤为主的教学方式，这种教学模式关注的是学生对知识的
“任务驱动”教学模式提倡在教师指导下，以学生为中心，以记忆，侧重在“制作”技能的掌握，忽视了“设计”能力的培养。
任务为驱动的学习方式，其特点是“任务驱动，注重实践”。这种2.现行教材中的内容知识、技能与企业岗位脱离，缺乏与时
俱进的更新和完善。网页设计制作技术也一样在不断更新，但
教材中的内容并没有随之更新。如传统的表格排版布局网页技
术已逐渐淡出，目前社会上基本都用
div+css布局技术，然而现
行多数教程仍着重介绍表格布局技术，对于
div+css布局这一块
的内容介绍不足，相应的案例缺乏，知识的表述也不够完善，难
以满足学生的需求。
3.课程教学忽视对学生职业素养的培养。在课程教学中教
师一般都很重视学生专业知识的学习和技能训练，而忽略了学
生职业素养的培养，如学生能完成网页作品的制作，却不能很好
地表达自己作品设计意图、思路和技术特点的问题。
4.课程的考核和评价形式单一，缺乏与教学过程的有机结
合。目前课程的教学评价形式单一，对学生在学习过程中思考
和解决问题、知识的运用能力、协作学习能力的考察不足。在教
学评价过程中，以教师为中心，忽视了处于主体地位的学生。
5.教学过程缺乏学生参与的双向互动。传统的教学以师本
教育模式为主，教学活动以教师为中心展开，学生在教学中处于
被动的状态，不利于学生发挥学习的能动性和创造性。
四、“能力本位”与“任务驱动”相结合的教学模式在高职“网
页设计”教学中的实践探索
1.以提高职业能力为导向，明确教学目标。高职院校培养
的是应用型的、高技能的人才，因此，高职“网页设计”课程目标
应以就业为导向，根据社会需求，充分考虑设计网站所需的知
识、技能和素质，合理设置教学目标和课程内容，制定教学任务，
使课程教学与职业岗位技能要求相符，从而提高学生职业能力。
2.以职业能力为本位，优化课程教学内容。根据“能力本
位”的教学改革思想，在进行本课程内容选择时，以职业能力为
核心，将课程知识进行整合划分成若干个任务，这些任务应能体
现适应行业技术的发展状况，体现技术的先进性、前瞻性和延续
性，并将学生在以后就业中可能遇到的问题纳入到教学中，突出
“学以致用”。
3.以任务为核心、教师为主导、学生为主体推动教学进度。
根据“任务驱动”教育理论，学生的学习活动应与任务或问题结
合，让学生带着真实任务学习，使学生在探索和解决问题过程中
提高学习兴趣。依据“网页设计”课程的特点，我们将课程分为
四个大教学任务，再分解为
25个子任务，让学生在完成任务的
过程中达到理解学科知识、掌握技能的目的。这四大任务的划
分如下：
任务一：基础制作技术。这个大任务主要要求学生熟悉网
页设计的基本流程，掌握基本的网页制作技术，包括站点的管
理、表格布局网页、超链接的建立，css基本语法及应用、框架和模
板网页、表单的设计、HTML基本标签，网页布局新技术div+css。
任务二：职业技能任务。这个大任务要求学生掌握网页版
面设计要领，常见网页布局类型；能熟练进行设计素材的搜集和
处理；了解色彩搭配的基本原理；能用 Photoshop软件或
Fire.
works软件设计网页页面版型图；掌握版型图分割技法，并将设
计图纸转换成
HTML网页的方法；掌握页面和代码的优化的方
法；掌握网站的测试。
任务三：能力拓展任务。这个任务主要是拓展学生的网站
制作能力，如页面特效的处理，包括在网页中增加焦点图、滑动
门效果，css菜单效果、修改代码改变特效外观，学会搜索代码、
将代码插入相应的位置，优化代码的方法等。
任务四：实践技能训练任务。要求学生独立或组团队合作
完成一个完整网站设计制作，包括调查分析、网站主题的选择、
网站栏目的确定、设计素材的搜集和处理、书写网站设计规划
书、网站页面的设计、动画的制作、特效的添加、代码的优化、网
站测试和上传。通过完成这一任务，学生可以把学到的网站制
作设计的知识串起来，较好地实现对知识的掌握。
4.以职业核心能力为主线，创新教学过程。第一，课程的设
计贯穿“知识应用、能力和素质的培养训练”。在课程的设计上
应打破传统的内容体系和教材的束缚，以职业能力为主线，以学
生够用、适用、会用为原则，教师要不断地根据需要，将新知识和
技术融入教学，根据职业和岗位的需要调整和修正课程内容，使
学生所学与社会需求接轨。在教学内容安排上，以工作任务为
线索，串联知识模块，以项目驱动组织教学，引导学生通过参与
任务自主探讨。
第二，灵活组织教学形式，突破传统的授课模式。在课程学
习中除了教师讲解传授知识外，还可以采取其他灵活多样的教
学形式，如由学生提出问题，自主讨论学习，教师点评总结；请有
网站开发实战经验的企业人员讲解课程的某些部分；带学生到
企业参观学习或邀请企业一线工作人员进行讲座，让学生了解
企业对于网页设计制作人员的相关要求，网页设计技术的最新
发展动态等。
第三，分层次进行教学，提高学生的专项技能。教师可以按
照学生的兴趣进行分层教学和辅导，学生可以根据自己的兴趣
选择自己的发展方向，既培养了学生的学习兴趣，又让学生在愉
快的学习过程中掌握了较高的技能，尤其是专项技能的掌握。
第四，设置专业实训环节，提高学生工作技能。专业实训环
节是课程的一个重要部分。在这一环节中，要求学生分组以团
队的形式完成专题网站的设计制作。各团队的组长负责安排和
协调组员开始一系列工作，并负责向老师汇报工作进度和情况，
教师也应及时给予指导。实训时，应模拟真实的工作过程，各团
队要进行投标竞标，邀请专业老师和企业人员评标，并给团队工
作进行点评和打分，分数计入期末考试成绩。
第五，以职业能力为中心，改革课程评价方式。网页设计是
一门实践性很强的课程，考核评价学生成绩的标准应该是多元
化的，不仅仅看最终设计的作品，还应考查学生的学习态度、独
立思考及应用能力、沟通和团体协作能力，这样有利于调动学生
学习的积极性，培养学生的综合素质。
综上所述，高职院校网页设计课程教学应突出“能力本位”，
注重培养学生实际技能和综合能力，缩短与企业对网页设计
人才的距离，达到高职院校网页设计高技能人才培养的最终
目标。
［参考文献］
［1］莫文锋.基于能力本位的《计算机辅助制造》课程改革与实践［J］.装备制造
技术，2010（8）.
［2］曹刚.基于能力本位的高职教育人才培养模式研究［J］.教育与职业，2010
（8）.
