基于工作过程的《网页制作》课程系统式项目练战探讨

1 / 12 基于工作过程的网页制作课程系统式项目练战探讨 基于工作过程的网页制作课程系统式项目练战探讨 内容摘要：本文从网页制作课程基于工作过程系统化的教学研究角度出发，在对项目教学法进行深入分析的基础上，提出了基于系统开发式教学法可以从整体提高网页制作这门学科的动手能力的观点，并结合在教学的具体实践运用，培养学生通过团队来搭建系统的方法和逻辑思维能力，取得较好教学的效果。 关键词：网页制作学习领域项目练战工作过程系统化 一、引言 网站制作采用系统设计的方法一般会在高职院校中 使用，这由于学生基础比较好，而且掌握了一些系统设计的概念与方法，在中职学校，网页制作一般会采用案例制作或者小项目教学，要求学生在给出的素材中，按部就班地编制网站。这样一来，学生掌握的是某种网页设计语言的技巧，但是从一个网站这个系统是到底如何从无变成有的，学生就不知从何入手。 2 / 12 网站制作是一门综合性很强的学科，我们采访从事这类工作的毕业生，他们觉得所学的网页制作的知识远远达不到企业所要求的水平，尽管他们对企业所使用的软件都熟悉。企业需要的对网站制作的相关软件都是比较专业的，而且能融会贯通。我们学生的特点是文化 基础较为薄弱，如何培养他们综合应用能力强，又有自主创新能力，才能使学生在技能上有所优势，可以快速适应企业需求，成为了我们中职老师研究的一个课题。笔者从事了多年的网页制作课程教学，为此，在对任务驱动法、案例教学法、项目教学法进行深入分析的基础上，探讨了基于工作过程的网页制作课程的开发思路，提出了系统开发式教学法可以提高网页制作教学质量的观点，让学生通过模拟企业中系统开发的过程，熟悉网站开发流程，获得一定的网站开发体验，能够在以后的实际工作中较快进入角色，而且培养学生通过团队来搭建系统的思想和逻辑思维能 力，取得较好教学的效果。 二、教学改革的背景 网页制作是中职计算机专业的一门重要的核心课程，它具有实用性、操作性、综合技术性强的特点： 1、在以往传统教学模式中，教师通常根据 “ 理论加实践 ”的模式来开展教学，即根据教材的章节安排进行理论基础知识讲解并演示操作步骤，学生跟着模仿操作和练习。这种教学方式将课程知识点以多且零散的方式呈现给学生，忽视了3 / 12 知识与具体工作任务的联系，授课完成后学生大多只记得软件的操作和某些工具的使用，对于一个完整的网站项目从设计到制作完成的过程缺乏清晰的认识，造成学生所掌 握的知识技能与具体工作任务和就业需要脱轨。作为以培养大量技能型专业人才为办学宗旨的职业技术学校必须适应社会的发展和需要，培养有足够的理论知识、熟练的职业技能和较强的创新能力的应用型人才，体现应用性、实用性的办学特色。 2、实训设备跟不上社会的发展，由于我校的计算机是已经有十年八年的年龄了，教学设备可以满足常规知识的普及，但是最新的专业知识的要求与学校计算机设备的发展有一定的差距，学生的实验教学往往不能保质保量地进行，学生很难按要求完成教材的学习内容，达到教学大纲所要求的目标，学习的最终效果不能满足社会相关 职业岗位的需要。 3、由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，4 / 12 才能设计出一个满意的网站。 三、教学改革的措施 1、运用系统开发方法： 教学目标改革：以工作需求为目标； 网页制作课程是一个综合性很强的科目，虽然每个 Web 站点在内容、规模、功能等方面都各有不同，但是有一个基本设计流程可以遵循。从国内比较出名的站点：如搜狐、新浪，到一个微不足道的个人主页，都是以基本相同的步骤来完成，使用的是一个以系统开发式方法完成任务的过程，首先是网站前期策划与内容组织（需求分析、风格定位、内容组织），然后效果图设计，动画设计，网页编辑，接下来是技术实现，最后是站点的发布与维护。如图 1-1 所示。 图 1-1 网站的制作流程 教学内容改革： 基于工作过程系统化的课程体系建设是依据职业工作过程建立的，其开发思路是由职业工作过程出发，通过分析该职业行动体系中的全部职业 “ 行动领域 ”导出相关的 “ 学习领域 ” ，再通过适合教学的 “ 学习情境 ”使之具体化。这一课程开发的基本路径可简述为 “ 工作过程 行动领域 学习领域 学习情境 ” 。 建立基于 “ 工作过程系统化 ” 的专业课程体系，由工作任务分析导出典型工作过程。行动领域是体现了职业的需求，通过在企业调研、与专家 技术人员访谈、毕业生信息反馈5 / 12 等方式，我根据网页制作的步骤确实了三个行动领域的内容： 行动领域 1：确定网站目标与架构。 1、网站的定位（确定主题与名称） 2、搜集和整理资料 3、写网站方案策划书 行动领域 2：网站设计 1、首页效果图与二级页面效果图设计 2、动画设计 3、网页设计 行动领域 3：网站的后期工作 1、测试与发布网站 2、网站的更新维护 学习领域转换：学习领域是根据职业成长及认知规律递进重构行动领域转换为课程，在完成工作任务分析的基础上，对行动领域进行重组、简化和序化，以最简化的语言完成工作任务的行动情境描述。 如世博会网站设计的学习领域： 教学目 标： 知识和技能目标： 1)、初步掌握网站方案策划书编写方法，了解需求分析，详细设计的方法。 6 / 12 2)、掌握 Fireworks 基本功能，能对网络图形图像进行了基本的绘制、编辑。 过程和方法： 1)、初步学习一个系统的设计流程； 2)、进一步感受到一个系统需求分析及初始的设计对以后网站整体设计起着决定性的作用； 3)、能够提出问题并解决问题。 情感态度和价值观： 1)、对世博会有一定的认知，对世界新科技有一定的认知，对新科技给人们生活带来的美好变化有所了解，激发他们热爱科学，追求创新的潜力。 2)、体验学习系统设计的方法。 3)、形成良好的积极向上的生活习惯。 教学内容： 1）、编写网站设计策划书 2）、利用 FW 设计效果图 3）、利用 FLASH 设计动画 4）、利用 DW 设计网站 5）、发布与测试 2.基于工作过程系统式项目练战 系统开发式教学法是教 师通过一个完整的系统，结合系统开发的思想，给学生讲解知识的教学活动。在本学期中，7 / 12 我引导学生完成前五个项目的实验，每个项目都从规划分析、定风格、设计等过程走一遍程序。每个系统开发时，为了吸引学生的兴趣及注意力，我都以角色分配小组同学任务，并且是针对某个教学内容而设计项目的，并且这个项目由多个子任务组成，它以学生为主体、教师为辅助，以学生在实践中发现知识、解决问题、学习技能为目标的。 （ 1）项目教学 系统开发式教学使用的教学法是通常有演讲法、案例法、项目教学法、引导文教学法等，笔者觉得在网页设计教学中项 目教学法与案例法比较适合我校中职学生。网页制作教学内容是基于 Dreamweaver 软件的网页制作，主要包括html 语言、网站创建与规划、网页设计、网站信息发布及维护等内容。在实际教学中，项目实施是将某一教学课题的理论知识和实际技能结合在一起，通过对已有知识、技能和新学习的知识、技能的应用，解决实际问题的过程。本学期的项目为： 项目一：中华美食网 项目二：汽车销售网 项目三：动漫网 项目四：世博会网站 项目五：电子科技销售网 项目六：美食网 8 / 12 （ 2）任务驱动 每个典型任务按照循序渐进的认知规 律，由浅入深，由易到难，由简到繁，由有章可循到自由创新，逐步引领学习者学会工作，学会有效地使用软件。 好的任务能够驱动学生对项目的好奇心，以任务为载体，本着管用、够用、实用的原则，以工作流程为主线，在每个任务中贯穿所需要的知识点和技能点，及本任务的特色和重点；在完成任务的同时，以 “ 思考、分析和解决问题的方法 ”为横线，学习如何思考、如何操作、如何解决实际问题，然后学会快速工作，进而上升为高效地工作、高品质地工作、创造性地工作。 3、多样化的教学实施方法 兴趣是最好的老师，学生对所学知识一旦产生了浓厚的兴趣，就可以在课堂练习中主动地、轻松地、持久地、集中地投入到练习中来，这样有助于学生知识能力的提高。 （ 1）创设良好的教学气氛 我所任教的学生两极分化严重，而且有一半以上同学不学习，有四分之一同学游离于学习与不学习的边缘，我使用小组合作法，每组是一个能学习的同学带一个游离同学及两个学困生，组内任职由他们自行选定，并且引入组与组的竞争机制，只在组内成员都达到了预定目标，小组才算获得成功，获得相应的奖励。这样，通过组内荣誉感与舆论来发挥组员9 / 12 的积极性，促进了组内同学互相合作意识，同时也减轻了教师教学上管理纪律的 负担，可谓一举三得。 （ 2）让课堂 “ 活 ” 起来 由于同学的学习动力不足，在每个项目的引入，我都以视频或者 PPT 介绍项目的目的，一下子吸引了同学们的目光，激发了他们的学习热情，然后开放网络，让他们查阅资料，搜索素材，课堂一下子活起来，同学们的创意也在此得到激发。 （ 3）机智地创设教学情境 创设教学情境是教师的一项常规教学工作，例如笔者在讲授世博会网站时，适逢笔者在 XX 年参观了世博会，拍摄了一些视频与相片，同学们对我作导游来介绍世博会是十分感兴趣的，我借此东风，大力宣传世博会的科技给我们生活的影响，同学们 对新科技都充满兴趣与向往，一下子，这项目制作的热情度猛然升温。 （ 4）因材施教 如果课堂教学中以一个标准或大部分时间以一个标准去实施教学任务，不利于学生在不同层次上得到发展，这样的课堂的有效性也大打折扣，因此，关注差异，实施差异教学，才能充分提高课堂的实效，而且在网页设计中，我们需要的知识有资料搜集、网站策划书编写、图像处理、动画设计、版面设计、网页设计、网页维护等等知识，利用小组合作的形式，首先使每个同学尽量在这些知识上发挥自己的特长。10 / 12 然后再进行轮岗，让有这样特长的同学互相指导互相学习，熟悉每个操作处 理过程。 四、评价和考试办法的改革 我是利用系统的实施完成评价的，每一节课后，我都列出评价表，评价表着重在学生参与课堂学习。评价形式有两种： 第一种：小组内成员进行自评及互评，由小组长进行及时点评，端正他们的学习态度，这样可以使优生更优，中下生也会努力上游。 被评同学姓名成绩： 评价内容课堂表现选项 参与状态 1、认真倾听老师讲课 1、认真（） 2、一般（） 3、不认真（） 2、认真倾听同学发言 1、认真（） 2、一般（） 3、不认真（） 3、大胆表达自己的想法 1、大胆（） 2、一般（） 3、不大胆（ ） 交往状态 1、喜欢与同学交流、讨论 1、喜欢（） 2、一般（）3、不喜欢（） 2、注意吸取同学的方法 1、注意（） 2、一般（） 3、不注意（） 思维状态 1、用不同的方法解决问题，能独立思考，有创造性 1、能（） 2、一般（） 3、不能（） 11 / 12 2、对网站方案策划书编写清楚 1、能（） 2、一般（） 3、不能（） 3、解决问题的过程清楚 1、清楚（） 2、一般（） 3、不清楚（） 情感状态学习过程中感到快乐、满足 1、快乐（） 2、一般（） 3、不快乐（） 达成状态对本节课的知识掌握情况 1、理解掌握（） 2、初步理解（） 3、不明白 （） 第二种：利用教师的 “ 导 ” 向作用，进行作品展示，同学们进行掌握技能上的评价。 五、结论 基于工作过程的网页制作课程系统式项目练战是一种比较实用有效的