基于工作过程的《网页设计与制作》教学实践探索

向志华

（肇庆科技职业技术学院，广东 肇庆 526020）

基于工作过程的《网页设计与制作》教学实践探索

向志华

（肇庆科技职业技术学院，广东 肇庆 526020）

本文基于工作过程，对职业院校的《网页设计与制作》教学课程开发进行探索，分析了如何基于岗位需求确立课程培养目标，根据工作过程设计课程内容、选择教学方法和改革考核方式，进一步提高学生的岗位工作能力。

工作过程：课程开发：实践：教学方法

1.研究背景

根据对肇庆科技职业技术学院的毕业生进行岗位跟踪和回访发现，我校计算机专业的毕业生在网页设计方面的岗位主要有：网页设计与制作、网站编辑、网站管理3大岗位群。

网页设计制作：精通Photoshop，Corldraw，Frontpage，Dreamweaver等多项网页设计工具。

网站编辑：具备基本的网页编辑和修改能力。

网站管理：具备较高的网页设计制作和维护的能力。

这些工作岗位群不仅要求学生透彻理解《网页设计与制作》课程的基本知识与操作技能，还要求学生掌握网页设计与制作的工作过程以及方法，同时更要具备良好的职业道德、团队精神和敬业精神。但在实际教学过程中，有的学生在完成课程学习之后，还是很难掌握好课程知识。为了进一步体现职业院校的教育理念，提高职业教育的教学质量，必须围绕实际的工作过程进行《网页设计与制作》课程开发，才能使课程教学适应行业发展的需要[1]。

2.根据岗位需求和专业培养目标，明确课程培养目标

2.1 培养学生的专业工作能力，分析典型工作任务

网页设计制作：要求具备开发和制作网站的操作技能，能完成对中小型网站整体规划和网页具体设计制作，美化等工作任务。

网站编辑：要求掌握基础的网页知识和操作技能，能完成中小型网站的内容建设，包括网站内容的编辑、更新和维护等工作任务。

网站管理：要求具备较高的网页制作经验和管理能力，能完成对中小型网站的后台维护、网站的改版等工作任务。

2.2 培养学生的职业素养和学习能力

在学习初级阶段，可以通过设计生动有趣的项目实例，充分调动学生的学习兴趣，并激发他们的工作热情，从而培养学生对网页设计课程的自发主动学习能力，这种工作热情也能够激励学生在日后的工作岗位上不断探索，不断进步。

既要培养学生模仿的能力，又要注意启发学生的创新思维。例如在进行网页建模和布局设计时，可以应用灵活表格，层，这时要鼓励学生多思考，尝试利用不同的方法设计，让学生既能把基本知识的基础打好，又能举一反三地思考问题。

同时在教学过程中必须贯穿培养学生的团结协作能力。对一些复杂的项目可以通过分组合作，让他们对一些难题进行相互交流和讨论，互相取长补短，一齐分工合作，共同完成任务。

3.基于工作任务，合理选择课程内容，设计教学情境

为了更好的培养学生的综合工作能力，不只要按照学生“由易到难，由浅到深，由表及里”的学习认知规律选择合适的教学内容进行讲述，还必须合理排序所要讲述的课程内容，并融入生动有趣的教学情境中进行练习，让学生更容易掌握[2]。

按照网页设计的典型工作任务，将课程内容分为了 5个学习单元：

第l单元：要求学生对网页设计工具有一个基本了解，初步掌握网页设计的基础知识和一般方法。

第2单元：要完成网页规划设计的任务，通过实例讲解和实际操作，讲述网页色彩搭配、网页布局和网页字体的运用及设计技巧，css样式层的设计。

第3单元：主要讲述如何进行网页美化，包括网页视频与音效的添加，导航栏的制作，层和行为的使用等。

第4单元：主要介绍更新及维护网页的技术，包括模板和库项目制作技术。

第5单元：介绍网站测试和网页上传的基本方法及操作实例。

该课程内容安排以 Dreamweaver软件应用为主线，内容涉及网页布局，网页美化，网站测试等知识，强调从实践应用出发，介绍网页设计和制作的技术，突出学以致用。通过该课程的学习，使学生掌握网页制作的基本知识，熟悉网站设计的全过程，并能熟练制作中小型网站。

3.1 教学情境的设计。

教学情境设置的好坏直接影响到学生对学习单元的掌握[3]。一个好的教学情境首先要注意与当前企业的实际工作过程相结合，知识点循序渐进，由易到难；其次要能尽可能自然、有机地结合学习单元中的多项知识点；最后教学情境难易程度要适中，学生在通过教师的帮助和自己的努力能够完成，能获得成就感。

在《网页设计与制作》的教学中，所设置的教学情境可以来源于企业开发的真实项目、企业或个人发布的网站外接承包项目以及各类技能大赛的仿真项目。下面以第 2单元——网站规划教学过程为例，详细讲解基于工作导向学习情境的创设与具体实施。本单元选择了小型物流公司网站规划这个项目作为载体进行教学情境设计。

设计项目：小型物流公司网站规划。

基本内容：公司简介、企业动态、产品介绍、人才招聘、联系方式。

规划要求：

（1）网站规划要反应出本网站的主题，简约，大气，具有视觉吸引力，网页要做到重点突出，首页尤为重要，要达到广告宣传效应。

（2）便于管理维护，易于更新或添加页面内容，有一定的扩展性。

（3）网页的字体要美观，不同页面的风格要统一，字体的组合要协调，图与文字和谐，内容丰富，能支持几种常用浏览器。

4.基于建构主义的教学模式设计

“建构主义学习理论强调以学生为主体，教师为主导的双主教学模式。学生是信息加工的主体、知识意义的主动建构者，教师是学生主动建构意义的帮助者、促进者、指导者；强调学习的合作性和情景性，提倡合作学习主动性和交互学习。”[4]在建构主义学习理论的指导下，教师的教学活动应以学生为中心，强调学生对知识的主动探索、主动发现和对所学知识意义的主动建构。所采用的教学方法都强调学生是学习的主人，是整个教学活动的主体。无论是教师的备课、课堂教学的组织还是课后的学习指导，教师都要树立“学生是教学活动的主体”的意识，始终贯彻“以教师为主导，以学生为主体”的教学思路。

4.1 营造有助于教学情境开展的企业实践条件

4.1.1 为学生提供参与和了解企业的机会

学院可以定期邀请一些网页设计工程师、专家学者等来校讲学，丰富学生的专业知识，扩大学生的专业视野。通过以上的方式，学生不再对企业感到陌生，并能很快进入工作过程。同时学院还可以通过与多家企业签署订单式人才培养或实习基地合作协议，定期组织学生赴企业顶岗实习，通过顶岗实习，让学生了解企业实际的工作流程，找出自身状况与社会实际需要的差距，为求职与正式工作做好充分的知识、能力准备。

4.1.2 为专业教师创造实践条件

专业教师既要丰富的教育理论和专业理论知识，又要有过硬的操作技能和实践经验，才能更好的发挥“主导”作用。学校可以安排教师下一线企业进行学习和工作，了解网站开发的工作任务和工作流程，以及往届毕业生在工作方面所存在的缺陷，从而进行岗位职业分析与课程内容的合理选择。同时可以聘请有深厚学术水平的专家或企业工程师担任本专业顾问，为教师进行培训和讲学，或者直接参与课程教学、教材编写等课程开发，为专业办学提供一些发展性的建议。

4.2 以赛促学、以赛促教、赛教结合，激励参加学生技能考证，提高学习主动性

为了能够增强学生的学习主动性，提高学生的动手能力和增强毕业生的就业竞争力，可以通过号召学生积极参加学院、省市等单位举行的专业技能竞赛，培养学生的创新创造精神、团队竞争意识、实践动手能力以及创业素质，激发他们的自学热情，自发主动的去获取知识。 教师在平常的教学过程中，要注意加强对学生进行考题项目训练。学生通过对考证和竞赛题库内容有针对性的进行练习，能更好的灵活应用《网页设计与制作》课程的专业知识和操作方法。而教师通过辅导学生参加考证，也能锻炼自己的实践教学能力，提高教学质量，真正实现 “以赛促教、以赛促学、赛教结合”。

4.3 采用项目教学方法，坚持“教、学、做”一体化

基于建构主义的项目教学法是在以学生为中心的基础上，在每个学习单元中，结合项目要求、教学目标，向学生提出实际的、在一定时间内可完成的项目目标，让学生在解决问题的过程中建立自己的知识体系，最后完成此项目。在教学做一体化下实施项目教学，能够更好的将老师讲授的知识与学生的实际操作联系起来，由教到学，由学到用，学生能够体会到学习的困难，也能感受到战胜困难后的喜悦。

4.3.1 在教学前期，通过知识点的学习，培养学生的模仿能力，构建学生自己的知识体系

建构主义学习理论认为教学活动应以学生为中心，强调学生对知识的主动探索、主动发现和对所学知识意义的主动建构。

在教学前期，学生主要是学习网页示范项目，以“小型物流公司网站规划”为例，该项目的教学安排如下：

项目任务：小型物流公司网站规划

项目目标：要求学生能掌握网站规划的原理和设计方法

教学内容：

（1）了解网站的不同风格种类和色彩搭配原理；

（2）对网络上优秀网站的规划思路进行分析和学习；

（3）根据公司文化对网站规划的创意进行思考和设想；

（4）网站布局的具体设计和页面元素搭配。

教学方法：教师讲授、学生自主学习，教、学、做一体化。授课教师在讲操作时，必须分步骤讲解，新知识点越多，步骤应分得越细，把小型物流公司网站规划每一步的功能和方法讲述清楚。同时还要注意控制好速度，给学生足够的自我练习和消化时间，保证授课和学生的练习能同步进行。

要完成项目设计目标，学生首先要浏览大量的相关网页，学习优秀网站的规划方法。在具体的学习过程中，学生带着目标和问题进行学习和探索，对于网页规划做出大胆的假设和尝试。在学生动手操作期间，教师要做好指导工作，深入到学生中间，观察他们的操作，如果发现错误要及时帮学生指出，辅导他们改正。

再通过类似作业的练习，学生可以更深刻地掌握课程知识点，慢慢摆脱模仿，尝试自己思考和创新。在这种教学法下，学生能用自己的头脑和过去掌握的课程内容重新审视问题，理清它们的逻辑结构和相互关系，构建新的知识体系。

4.3.2 在教学后期注重培养学生协同工作的能力

教学后期的综合项目实训是项目教学法实施的核心环节，教师在模拟企业需求给学生下达任务后，再按照项目建设的任务安排学生分组实训，共同去完成任务。学生在高度仿真的开发环境中，通过不断实践去熟悉工作流程，并在不断的实战演练中提高自己，逐渐掌握一个小型企业网站的开发过程，增强自己的知识运用能力、团结协作能力。

以“小型物流公司网站创建”过程为例，通常要完成的工作任务如表1所示：

表1 任务安排表

在此过程中，学生要共同合作完成一套完整的项目设计，一个从无到有的网站开发，碰到问题，首先要自己主动思考，综合运用已学知识去解决问题，接着还可以与本组成员或其他开发小组共同会话交流，探讨解决问题的更好方法，共同攻克难题，完成工作要求。同时学生还要注意完成对项目的语言描述及相关文档的撰写，培养自己的团队沟通技能和社会能力。通过学习如何在团队中与他人协作，最大程度发挥自身的作用，进而培养团队合作精神和竞争意识。

5.教学考核和总结评价

《网页设计与制作》是一门实践性较强，富有创造性的课程，如果只靠传统的期末考试或提交作品来进行评价，只看重结果，必然会忽视学生的日常学习和体验过程，所以对《网页设计与制作》的考核应坚持以评价学生实践能力为中心，采取多元化的考核方式，并且把过程性考核作为考核的重要部分，达到以考促学的目的。按照这种考核思路，本课程的实际考核方式采用基础项目考核，合作项目考核和期末上机考试相结合的方法。

在考核学生的同时，教师还要注意进行互动性的教学总结，主要是进行项目讲评及知识点的深入分析和总结。教师可以将优秀的学生作品进行展示和点评，也可以请同学上台以演讲的形式发言，讲述他自己的创作思路，讲述自己如何通过多种途径自学，巧妙地把一些课外知识和课堂上的知识相结合，实现技术难点的突破。教师应用发展的眼光看待每一位学生，去挖掘创设丰富的教学情境，艺术运用教学方法和课堂评价机制，激发学生的学习兴趣。

[1] 姜大源.论高职教育工作过程系统化课程开发[J].徐州建筑职业技术学院学报，2010，（10）.

[2] 高云.高职高专《网页设计》课程改革探索[J].吉林省教育学院学报，2009，（11）.

[3] 于晓霞，沈志刚.基于工作过程的《网页设计与制作》课程学习情境的设计[J].福建电脑，2011，（6）.

[4] 赫宜.运用建构主义理论指导计算机教学[J].计算机教育，2007，（8）.

G71

A

1008-7427（2012）06-0030-02

2012-04-12

作者系肇庆科技职业技术学院讲师。