【关键词】课程定位 可持续发展能力 课程内容 项目化
一、课程现状分析
随着网络技术的不断发展，计算机网络应用日趋丰富，已经渗透到人类社会的各个角落，网络在人们生活的作用也越来越大，利用Internet足不出户就可以获取所需的信息，实现购物、炒股、旅游和学习等。网页和网站是Internet的重要组成部分，拥有一个自己的网站是政府机关、企业、个人的共同需要，制作出精美的网页来吸引浏览者的眼球，提高网站的知名度，是大家追求的共同目标，而这一切都依赖于网页的设计和制作技术的运用。
因此，该课程的课程设置必须符合教育教学规律和学生成长成才规律，符合专业人才培养要求。按照创新型人才培养模式重新构建课程建设平台，整体优化课程内容，重组课程结构，构建以能力为核心的课程体系，更有利于学生可持续发展能力的培养。
二、课程定位与课程目标
与高职“网页设计与制作”课程相关的职业岗位主要有：网页设计、网页设计与制作、网页美工、网页制作、网站管理、界面设计等。
目前，许多高等院校都开设了《网页设计与制作》课程，它已成为软件技术、计算机多媒体技术、计算机网络技术、信息技术、信息管理、电子商务、计算机应用专业公共的必修课程，也受到了其他专业学生的喜欢，成为一门选修人数最多的课程之一。
（1）对于多媒体专业。本课程与《图形图像处理》、《动画制作》等必修课程相结合，主要用于设计与制作网页，对网页中的文本、图像、动画进行加工处理。本课程作为多媒体专业的专业课程之一，是多媒体专业实践体系的基本技能模块之一。
（2）对于软件技术、计算机信息管理、计算机网络、电子商务等专业。本课程为后续课程提供静态网页设计与制作的理论基础和操作技能。本课程作为一门专业基础课，侧重于学习静态网页的设计与制作、HTML语言、CSS样式、JavaScript等知识。
（3）对于非计算机类的专业。《网页设计与制作》也是非计算机类专业学生最受欢迎的一门全院性选修课，通过该课程的学习，扩展知识面，了解网页设计与制作的一些基本知识和技能。
课程培养总体目标是通过4个项目（2个基础项目，1个提高项目，1个综合项目），使学生掌握网站开发的过程及网页的设计制作方法，能开发静态的中小型网站，通过多个网站的分级开发实施，不断强化学生的网页设计与制作技能，积累网页设计与制作经验，激发学生学习兴趣并形成持久的学习动力，提升学生自主学习能力，满足职业岗位需求。
根据高职学生的特点我们将人才培养目标定位于主要从事网站建设、网站维护等一线工作的高性能人才。考虑到计算机专业更新换代很快，学校教育不仅仅要教给学生技能，更重要的要教给学生一种学习的方法，以维持学生职业的可持续发展。我们在教学过程中采取项目化教学，以学生为主体，着重培养学生自主学习能力、创新能力，培养学生养成良好的学习习惯，以期学生在以后的工作中能够快速、高效的接受新知识，新方法。
三、课程内容的选取与序化
根据对职业岗位的需求调研分析，高职《网页设计与制作》这门课程的教学内容主要选取以下内容：HTML、CSS、JavaScript、网页制作基础知识、站点创建与管理、页面的整体控制、文本与图像操作、网页的布局、网页中的动感元素、超级链接与导航栏、表单网页、网页特效、网站规划与网页设计原理、网站测试、与维护。
充分考虑学生的认知水平和认知能力，把握学生的认知规律，合理地组织教学内容。按照由简单到复杂、由局部到整体、由易到难循序渐进地学习知识、训练技能。
高职学生对知识的认知有其自身规律，但高职学生认知规律与网站开发的工作过程存在不一致、不同步的问题。为了适应岗位工作需求，教学内容序化时应充分考虑企业开发网站的工作流程，以“网站开发工作过程”为导向，提高岗位的适应性。
综合考虑“网站开发工作过程”和“高职学生的认知规律”，将高职网页设计与制作教学内容划分为五个教学阶段：
第一阶段：欣赏优美网页，留下直观印象，激发学习网页设计的兴趣。
第二阶段：学习网页制作的基础知识，熟悉网页制作工具，训练创建站点、制作网页的操作技能，形成制作网页的感性认识。
第三阶段：学习HTML语言，掌握美化网页、制作网页特效的方法，进一步提高网页制作的技能，深入了解网页制作的编程技术。
第四阶段：学习网站规划与开发的流程，熟悉网页设计的原理与技巧，掌握网站测试与的方法。使用读者的网页制作水平由操作应用层提高到设计规划层，由感性认识提高到理性认识，由简单操作提高到综合设计。
第五阶段：按照企业开发网站的工作过程全面熟悉网站开发的全过程，将前面所学习的知识，所掌握的技能应用到实际网站开发的实践中。
经过对课程内容的选取和序化，教学内容的主线为：网站赏析-基础知识-站点创建-网页整体控制-文字操作-图像操作-网页布局-动感元素-超级链接-导航栏-表单网页-HTML语言-CSS样式-JavaScript技术-网页特效-网站规划与网页设计-网站测试、与维护-网站开发。
四、开发“项目化”的实践任务
“项目化”的实践任务具有工学结合、点线面结合等特点，训练网页制作、设计、开发的技能，达到学以致用、强化职业能力的目的。优选了5个有特色的网站让学生欣赏，开发5个真实网站，用于实践教学和技能训练。
根据对肇庆科技职业技术学院的毕业生进行岗位跟踪和回访发现，我校计算机专业的毕业生在网页设计方面的岗位主要有：网页设计与制作、网站编辑、网站管理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所示：在此过程中，学生要共同合作完成一套完整的项目设计，一个从无到有的网站开发，碰到问题，首先要自己主动思考，综合运用已学知识去解决问题，接着还可以与本组成员或其他开发小组共同会话交流，探讨解决问题的更好方法，共同攻克难题，完成工作要求。同时学生还要注意完成对项目的语言描述及相关文档的撰写，培养自己的团队沟通技能和社会能力。通过学习如何在团队中与他人协作，最大程度发挥自身的作用，进而培养团队合作精神和竞争意识。
关键词：行动导向教学模式网站构建典型工作任务教学活动核心能力
职业学校的网站构建是一门实践较强的课程，其主要教学目标是使学生掌握静态页面设计、网页交互信息及动态数据库连接、浏览网站等知识，要求学生有较强的学科综合知识，能熟练掌握网页的制作，并将之运用于学习及实际工作中。目前职校对网站构建的课程多以静态页面的教学为主，技能知识多，任务实践性不强，过于强调软件的操作，缺少实践项目制作的指导，因此探索适合职业学校的教学模式是非常重要的。
一、行动导向教学模式的提出与内涵
德国人在职业教育中提出了职业行动能力的培养模式，以知识能力、专业能力、与人协作能力等为主要的培养目标。过去以“结果为导向”的课程体制己无法适应一线技术工人的要求，以行动为导向、强调“学中做，做中学”的教学模式应运而生，行动导向教学模式由教师导、学生做、获取经验三部分组成，教师作为指导者和策划者，学生直接操作，从技术成品中进行评价，通过自学、与教师进行交流，提高技能创造的能力，从而增强和提高学生在学习过程中的主动性和参与性。
行动导向教学模式必须依靠一项有代表性的综合实训项目完成，整个实训过程中以学生为主体，选择合适的情境及注重知识引入，运用项目驱动、情景模拟、角色扮演等教学手段，做好教学活动的设计，其中包括资讯、计划、决策、实施、检查、评估等内容，以实现技能、知识一体化，将专业能力、方法能力、协作能力、个人能力的锻炼集于学生的实训过程中，以达到通过项目实训提升学生综合能力的目的。
二、行动导向教学模式在网站构建课程中的实施
学生在学完网站构建课程后，是否能完整、独立地设计一个网站？学生需要达到什么样的一个水平呢？这就是行动导向教学的最终要解决的问题。传统的教学模式一般采用接受教学和案例教学两种形式，教学方法单一，学生能基本掌握其中的知识和技能，但综合技能的运用能力比较弱，远远不能满足企业对学生的要求，学校的教学与社会生产实践往往出现脱节现象。为改变这一局面，笔者提出在教学中引入企业实践专家的指导，按照企业实现项目的构建要求，设计出合适的、有价值的项目进行教学。下面就以企业项目“电子商务网站构建”（教学课时：10周）为例，探讨行动导向模式的教学设计及实施。
1.典型工作任务：网站构建情境设计（课时2周，实施4次教学活动）
以4名学生为一个团队展开企业调研，自行联系一家电子商务企业为其产品设计宣传方案并推广网站。网站以信息、产品介绍、在线销售、顾客服务、提升品牌形象等为主要目的，通过分析用户的需求及初步设计系统的功能模块，做好相应的功能规划书，起草网站的虚拟站点，学生可以通过自学查阅相关的学科知识进行补充，教师对设计起辅导作用。
学习情境设计如下：
教学活动1，编写客户需求分析，提交制定的网站设计规划书，创建站点和管理站点。
教学活动2，规划站点并初步完成网站总体设计，用超级链接将设计好的子页面链接起来。
教学活动3，与管理网站，进行站点的网上宣传工作。
教学活动4，小组交叉讨论并检查评价网站的规划，填写项目评价表。
核心能力锻炼：要求学生自行联系企业，选择合适的产品构建电子商务网站，如手机、服装、食品、花店等对象。通过联系，学生了解企业对网站构建的要求，明确网站要实现什么功能。要让学生充分认识到，企业是如何要求项目实现的。通过学生的练习、自学以及教师的引导，学生能综合运用课程知识，简单设计出图文并茂、主题鲜明、实施方案合理、有创新性的网站，同时对网站的准备工作有了相应的了解。
2.典型工作任务：规划布局网站（课时2周，实施3次教学活动）
学生以团队形式与客户沟通，了解分析客户需求，进行网站策划和信息收集，学生讨论、制作网站策划书，确定网页素材。学生通过互联网等收集资讯，明确策划方案，绘制网页草图。学生根据老师的提示及任务，寻找完成任务所需要的资料。为网站申请空间以便上传
内容。
网站布局由以下任务完成：
教学活动1，分析客户需求并重新定义网站规划书，按企业客户要求绘制网站布局草图。
教学活动2，运用网页设计软件，创建网站本地站点。
教学活动3，为客户申请网站空间，并备案空间。
教学活动4，小组交叉讨论并检查评价网站的规划情况，填写项目评价表。
核心能力锻炼：学生根据计划方案完成设计和模拟，教师监督学生的学习过程，通过“引导问题”和“学习思考”等学习环节来培养学生分析问题、解决问题的能力。由于学生刚开始接触网页制作及软件的使用，基础还比较薄弱，因此，本任务应先由教师分模块演示并讲解一些重要操作，学生再同步进行模仿训练。而知识掌握相对比较扎实、操作比较熟练的学生，在操作过程中如果遇到问题，教师可引导其查找相关的教材、教学参考书或通过网络获取相关内容，从而解决问题。鼓励团队成员在工作过程中互相帮助，解决在完成任务过程中所遇到的问题。
3.典型工作任务：网站页面设计（课时5周，实施5次教学活动）
学生开展客户需求分析，并据此编写网站总体设计说明书，根据总体设计进行页面布局设计及制作完整的页面，调试动态数据库的连接，完成IIS的虚拟设置平台，进一步美化界面，并制作其他的页面，最后展示和评价自己的成果。
学习情境设计包括：
教学活动1，创建主页并设置页面属性，进行网页排版及图像处理，用多媒体元素美化网页。
教学活动2，使用模板制作内页，链接网页各个页面，注意网页的配色方案及架构要合理。
教学活动3，动态网页特效制作及网页代码编写。
教学活动4，设计客户动态数据交互功能及表单的注册及信息提交。
教学活动5，虚拟平台IIS的设置及SQL数据库的连接、虚拟网站的调试。
教学活动4，小组交叉讨论并检查评价页面的整体设计及其效果，填写项目评价表。
核心能力锻炼：学生以团队方式进行构建网站的分工，通过“引导问题”和“学习思考”等环节的“工作页”来提高制作网站页面的能力，补充学习网页的配色方案、版面布局知识，掌握网页插件及网页动态特效代码生成软件，以制作更强大、更丰富的网页版面，并以独立自主的方式学习IIS的虚拟平台知识、SQL数据库基本操作等内容。通过本节实训，学生基本形成了以自学为导向的学习探讨过程。
4.典型工作任务：与管理网站（课时1周，实施5次教学活动）
经虚拟平台设置调试成功的网站，根据客户的要求，要不断维护与更新所需要的信息资料，为网站进行功能测试、站点、管理、宣传等工作。与管理网站由以下任务组成：
教学活动1，利用FTP工具，连接远程服务端的网站空间。
教学活动2，在线上传本地站点，此时要注意服务端对网站的要求。
教学活动3，准备网站的管理、维护与更新所需要的信息资料。
教学活动4，为网站进行宣传工作，及时收取客户的反馈意见。
教学活动5，网站展示及评价，小组交叉讨论并检查评价网站的情况，填写项目评价表。
核心能力锻炼：学生可以在教师的指导下，利用互联网给客户选择合适的网站空间及申请域名，以自主方式学习FTP工具的使用；在此之前，学生按团队进行网站测试、检查站点中链接的有效性等工作，确认无误后，才可以进行网站，完成网站的上传与管理。学生团队最终以公开展示及网上浏览方式完成网站的最终评价。
三、实施行动导向教学模式的体会
一是项目实施要基于行动导向的教学设计，以企业实践专家经验为指导，教师起咨询者和组织者的作用，课堂是学生工作的舞台，学生是真正的导演。
二是行动导向模式要以完整的工作项目为任务，以企业实际的“工作过程”来引导教学与学生的设计行为，改变“统一讲，统一做”的传统教学理念。
三是工作任务要精心设计，结合企业对员工的要求，从学生实际出发，充分考虑学生现有的特点，遵循由浅入深、循序渐进的教学原则，以便学生更专注地学习和实施项目。
四是工作任务要多元化，以培养学生的自学能力、综合素质为行动导向的首要任务。项目评价体系要科学，要以激发学生的兴趣为主，注重“过程评价和结果评价”相结合，多鼓励多引导，消除差生的自卑感，增强学生的自信，只有让学生学会如何学习，才能让学生终身受益。
综上所述，通过网站构建的项目实施，学生在10周的时间里完成了网站的构建。从客户需求到网站生成，从网站到客户意见反馈，从任务设计到提交设计书、项目实施设计到客户反馈等工序均按企业的工作方式及要求去实施操作，每一环节的实施都给予了学生明确的工作导向，在企业实践专家及教师的指导下学生自主完成了网站的构建，从而实现了网站构建课程的学习目的，体现了“学中做，做中学”的以学生为本的行动导向学习过程。
参考文献：
[1]柳燕君.以工作过程为导向的课程模式研究与开发实践[J].中国职业技术教育,2009(9).
[2]史平,秦旭芳等.高等职业教育的有效模式:行动导向教学法[J].辽宁教育研究,2008(5).
实践表明，个体的发展主要是靠能力、具体的知识、技能，教育过程必须逐步使学生获得这种无形的、可持续发展的、内化的、人本的、个性的能力。所谓工作过程，指的是个体“为完成一件工作任务并获得工作成果而进行的一个完整的工作程序”。工作过程系统化课程主要体现为课程内容的选择和课程内容的排序。
（一）课程内容的选择
选择的课程内容要以职业资格为标准，使学生的知识、技能和价值观的学习融合为一体。高职生大多以形象思维为主，因此要设计和一定的环境和背景联系在一起的课程内容，重点在于让学生掌握“怎样做”和“怎样做更好”的过程性知识，陈述性知识为辅助。
（二）课程内容的排序
课程内容的排序包括形式上和实质上的序化结构。这要求对课程内容排序时，要从“3+6+6”这三方面考虑：一是从专业能力、方法能力和社会能力3个维度描述工作过程；二是从“对象、内容、手段、组织、产品、环境”6个要素描述；三是从“资讯、决策、计划、实施、检查、评价”6个步骤强调工作过程。
二、学习情境设计的基本思路
（一）通过分析岗位群和职业技能确定课程
课程设计的思路是依据对岗位群和对应的职业技能的分析，培养出适应于各行业移动应用的前端开发工程师、UI设计师、网站开发工程师、交互设计工程师等岗位的高端技能型专门人才。
（二）课程学习情境的挑选依据
作为基于工作过程系统化的《移动互联网站设计》课程，立足于移动互联网发展进入到第三个阶段的时代大背景，结合广东行业的发展现状以及新趋势下造成的人才缺口，认真解剖案例，是体现以学生为主体的学习领域课程，其教学方式上有如下特点：
（1）强调以学生直接经验的形式；
（2）增强学生关于职业内容和工作环境的感性认识，进而获得与职业相关的专业知识和技能；
（3）通过典型移动互联网页的案例来设计与制作，来掌握融合于实践行动中的新知识、新技能。
（三）面向工作过程的学习情境的能力分析
从2011年起，我们就开始通过社会需求调研、毕业生回访、企业一线技术人员反馈信息、参加部级职业技能大赛，形成和完善“移动互联网站设计”课程的典型工作任务，以源于企业、经过教学改造的典型网页为载体，重构了体现移动互联网站设计的工作过程性知识与技能体系的学习领域课程，更结合社会发展趋势形成了课程的学习情境。在设计课程的学习情境时，从专业能力、方法能力、社会能力三方面考虑：
1.专业能力
全面了解移动互联网站建设与管理等相关知识，掌握移动互联网站方案策划、设计、实现，根据产品需求和设计图完成网站前端页面制作，保证页面的浏览器兼容性，优化前端页面体验和页面响应速度，维护网站整体结构。
2.方法能力
掌握网站页面的JS等交互原型的制作，CSS、模板的维护，策划、设计各种网站专题页面，设计合适的网页风格设计；掌握静态HTML页面制作，网站皮肤整体设计，界面设计、CSS高级使用、动态网站的简单应用，能够做出独出心裁的页面设计及实用性高的作品。
3.社会能力
具备不断探索新技术发展方向，结合实际不断创新的能力，工作主动热情，有恒心和责任心，逻辑性强，注重细节，有良好的沟通能力和团队意识，能够胜任移动互联网站及移动互联应用界面的各类工作。
（四）课程学习情境的设置思路
经过在原有课程的几年探索和积累，依据当前移动互联网站设计的“对象、内容、手段、组织、产品、环境”的6个要素，从以下几个方面进行课程内容的设置。
1.从就业岗位的趋势需要出发
按照以技能为核心、市场职业岗位需求为导向选择教学内容。在实际调查的基础上，以网页设计、网站前端开发，网站建设的综合技能为主线，使学生掌握一个基础，培养学生五大关键能力并按教学内容划分五大模块的模块化教学内容体系。
2.以培养岗位综合技能为主线
这种基层岗位综合技能，是为了适应企事业单位在构建网站平台时对具有实践性人才的复合能力的要求。既区别于单独的网站建设的战略规划能力，又区别于以单独使用网站从事生产、营销、财务等职业技能。整个课程的教学内容以这种综合技能为主线进行设计。
3.培养学生具备适应变化的能力
包括够用的网页美术设计基础、网页语言基础、交互设计基础，以及网站规划、管理、基础维护等，且知识贯穿在实际应用中讲授，目标是让学生掌握必备的知识和原理，并具备适应不断变化的网页设计趋势的能力。
4.培养学生五大关键能力
本课程要重点培养学生的五大关键能力，即网页设计能力、网站建设、创新能力、与客户沟通能力、项目组内成员的合作能力。这五大能力是一个网站开发人员的获得成功的必备能力。在本课程中，在介绍基本知识、原理的基础上，重点放在围绕网站设计工作过程所需的实用技能上，并把这五种能力的培养贯穿本课程的始终。
5.符合形象思维特点的教学方法
采用项目出题法、项目模拟法、合作法、问调法、冲浪法、岗位法这6种与高职学生形象思维相适应的教学方法，为学生创设掌握与运用知识的背景和环境。
（1）项目出题法。
请企业人士或社区人员按照实际需求出题，或者教师从现存的实际网站或APP中挑选，根据当时讲授的内容对题目进行加工后提供给学生，这样学生所做的作业与企业相适应，培养出适合市场需求的人才。
（2）项目模拟法。
建立模拟网站、网页，开发实际软件项目。学生建立自己的个人主页，让学生在网上个人主页，学生全员参与评估；与此同时，把网上PC版的网页（网站）改为移动版本，传送到智能终端以检查效果。部分同学参与实际计算机软件项目的开发。
（3）合作法。
要求学生在课上课下以组为单位组成项目组，进行讨论、研究、设计本组的项目，形成本组的方案。这种方式既挖掘了学生的个人创新能力，又能培养沟通与协作能力。
（4）问调法。
组织学生进行校园、社区、社会调查。有条件时，直接访问企业一线人员，组织学生与企业人员的对话活动。
（5）网络冲浪法。
根据教学进度需要，引导学生登陆有关网站，收集并整理素材资料，了解行业企业状况，学习最新知识，思考与分析现实问题。
（6）岗位法。
以就业岗位为导向，实行以能力为中心的开放式、全程化的情景教学。
（五）基于工作过程系统化的学习情境
根据移动互联网站设计的主要应用和当前设计趋势，在课程内容上设计了如下的学习情境。
三、结语
关键词:行动导向 教学方法 网页设计与制作
行动导向教学法以职业活动为导向,以人的发展为本位,是世界职业教育中比较先进的教学法。本文对行动导向教学法在网页设计与制作课程中的应用进行了探索,目的是通过教学改革,找到更加适合高职计算机应用学科的教学方法。
一、行动导向法的概述
1.行动导向法的概念
行动导向法以学生为中心,以能力为本位,以教会学生“学会学习、学会工作”为目标而开展教学活动。行动导向法是教师营造一种仿真环境和气氛,通过师生共同确定学习任务和目标,引导学生在学习过程中,心、手、脑并用,教、学、做结合,以达到培养学习兴趣、掌握专业知识和技能、提高解决实际问题和互助合作等关键能力的教学方法。行动导向法的核心是注重学生个体行为能力的培养,注重激发学生自主学习的积极性,引导学生在学习中自主承担责任、自主决断、自主选择和向实践学习,对于培养人的职业素质和关键能力有着十分重要的作用。
2.行动导向法的基本特点
(1)“以学生为中心”是行动导向法的基本理念
“以学生为中心”是行动导向法的一个基本出发点。教学过程中,学生是真正的“主角”。行动导向法提倡学生积极、主动参加到学习过程中来,对自己的学习负责。教师多以指导者和协调者身份出现,从教学过程的主要承担者淡出。
(2) “以能力为本位”,强调关键能力培养的重要性
行动导向法在培养学生发展专业技能的同时,特别重视培养关键能力(也称通用能力,即跨职业的、可迁移的、有助于终身学习的、可发展独立性的能力),使学生成为岗位适应性强和积极上进的高素质劳动者。关键能力是指与专业内容相联系的核心能力和技能,包括专业、方法和社会能力三个方面,具体表现为解决问题的能力、掌握学习技能、独立学习和团队合作等能力。行为导向法重视教学过程中学生的参与性和探索性,使学生的学习过程成为获得积极、愉快和成功体验的过程。
3.行动导向法的常用模式
行动导向法在教学实践中形成了多种模式,如案例分析、项目驱动、情景模拟、角色扮演等。行动导向法其目的在于有效地提高学生的关键能力,使学生学会学习、学会应用、学会创新。
(1)案例分析:是指把实际工作中出现的问题作为案例,交给学生研究分析,培养学生的分析能力、判断能力、解决问题及执行业务能力的培训方法。
(2)项目驱动:这是行动导向法中的一种代表性的教学方式。它以“项目”为形式,“成果”为目标,采取团队合作的方式,指导学生完成与教学内容密切相关的仿真学习项目。将一个相对独立的项目,交由学生自己处理。信息的收集、方案的设计、项目的实施及最终的评价都由学生自己负责。学生随着该项目的进行,了解并把握整个过程及每一环节中的基本要求。
(3)情景模拟:是指通过对事件或事物发生与发展的环境、过程的模拟或虚拟再现,让受教育者理解教学内容,进而在短时间内提高能力的一种认识方法。采用这种方式,学生可以在教师指导下,通过情景模拟,充分发挥主观能动性和聪明才智,培养分析解决问题的能力。模拟训练给人一种身临其境的感觉,更重要的是提供了许多重复的机会和随时进行过程评价的可能性,且成本较低。
(4)角色扮演:在职业教育培训领域引入角色扮演法,既可让学生体验未来职业岗位的情感,从而深化对学生职业能力的培养,又可使学生在感悟职业角色的内涵中,调动学习的内动力,把职业知识与职业技能与职业心理有机地结合在一起学习,形成良好、规范的职业行为,所以具有良好的教育教学效果。
4.行动导向教学法实施过程
行动导向教学法实施包括资讯、计划、决策、实施、检查、评估。每个环节都有教学目标要求、能力培养要求、工作方法要求和完成时间要求。在行动教学中,教师可以将一个合同项目分成若干个任务,每个任务可以作为一个教学小单元,每个教学小单元都按照这6个环节展开教学。
(1)资讯:教师布置任务,帮助学生理解工作任务的要求。引导学生用什么方式来获取完成一个具体任务所需要的专业知识和职业技能。
(2)计划:学生一般以小组方式工作,寻找与任务相关的信息,自己制定计划,进行工作过程步骤的设计,拟订检查、评价工作成果的标准。
(3)决策:学生自己比较计划,最后确定一个好的工作计划上交,师生通过讨论、交流共同找出设计方案的缺陷加以修正。
(4)实施:学生根据计划独立开展工作活动,完成设计和模拟,做好有关文字记录,教师监督纠正大方向。
(5)检查:在工作任务完成后,教师引导学生自查,师生依据先前拟订的评价标准检查工作完成的完整性、正确性和准确性,并逐项填写检查单。
(6)评估:任务结束后,学生首先自我评价所承担任务的过程和结果,然后与教师一起讨论评价结果,提出不足及其改进建议。
在行动导向教学中,学生直接参与学习过程。从收集信息、制订计划、选择方案、实现目标、反馈信息到评价成果,学生参与整个过程的每个环节,既了解总体又清楚每个细节,行动导向教学创造了使学生充分发挥潜能的宽松环境。
二、行动导向法在网页设计与制作课程中的应用案例――项目教学法
项目教学法是师生通过共同实施一个完整的项目工作而进行的教学活动。在职业教育中,项目是指以生产一件具体的、具有实际应用价值的产品为目的的工作任务。在网页设计与制作课程中使用项目教学法的实施过程是:
学习领域:网页设计与制作;
学习情境:静态网页设计;
目标群体:电子商务专业的学生;
授课时间:第一学年第二学期;
教学环境:多媒体机房、Dreamweaver 8、Photoshop、Flash、Fireworks;
教学目标:使学生能够依照要求使用网页制作软件工具自行制作、设计、编辑静态网页。
表1能力目标
行为
专业
能力 依照要求掌握网站建立的基本方法,能设计制作网页
方法
能力 正确使用电脑和网页设计软件对网页素材进行加工、处理,并符合W3C规范
社会
能力 小组间协同合作,完成各个项目
表2 教学策略
学习材料 组织
形式 教学方法 教学媒体
网页设计与制作
Photoshop图形
处理与应用 分组
形式 行动导向项目法 使用电脑,投影仪、网络、多媒体电子教室等
教学过程:
1.确定项目(教师向学生下达项目书)
全班每5~6人为一小组。组成原则为自由组合,每个小组选择一个主题制作一份网页,制作过程要求体现分工协作精神。
制作要求如下:网页设计一般要与企业整体形象一致,要符合CI规范。要注意网页色彩、图片的应用及版面规划,保持网页的整体一致性。要求体现对字体、颜色的使用技巧;能够体现对网页背景的设计技巧;能够体现网页文字排版的设计技巧;要求网页具有美观、实用性。时间15天。
2.制定计划
每个小组按要求分工,进行市场分析、网站目的及功能定位、网站内容规划、策划网站结构,网页设计的技术方案选择。制定工作计划和评价标准。
3.计划审核
小组内讨论审核工作计划,并上交教师,师生共同找出所设计方案的缺陷,并加以修正。
4.实施计划
上网搜索相关图片和文字素材,进行网页制作。
5.检查评估
(1)小组自评(20%)
整体构思与
制作是否相符(满分3分) 主题是否突出,是否紧扣要求(满分2分) 网页的实用性、美观性,创新性(满分3分) 分工协作
(满分2分)
(2)小组互评(40%)
组别 美观性
(满分2分) 实用性
(满分5分) 创新性
(满分3分)
(3)教师评分(40%)
组别 美观性
(满分2分) 实用性
(满分5分) 创新性
(满分3分)
三、对行动导向教学方法的几点体会
1.教师的工作重点应放在基于行动的教学设计上。课堂教学中,教师是咨询者和组织者,是课堂学习舞台的导演。
2.行动导向是通过“步骤”和参照所要完成任务的实际“工作过程”来导向老师和学生的行为。它改变了“一人讲,多人睡”的传统教学模式。
3.行动导向教学法的教学情境在教学内容方面,要对知识的选择有明确的指向性,要善于获得经验(怎样做)和策略(怎样做更好)的过程性知识,以适应行动导向教学方法的要求。
参考文献
[1]史平,秦旭芳,张研.高等职业教育的有效模式:行动导向教学法[J].辽宁教育研究,2008,5
[2]宋威. 行动导向法在高职金融专业中的应用[J].社会纵横,2009,1
在进行ASP动态网页设计学习过程中最忌讳的问题之一就是设计代码中出现单词拼写错误。这并不是一个严重性的问题，但是其会影响ASP动态网页的应用。这一问题出现的主要原因是中职学生英语水平低，未能有效的掌握ASP动态网页代码编写中需要运用的英语单词，在进行代码编写中就会出现英语单词拼写错误的情况。对于此种情况，中职学校一定要注重英语课程教学，在课程教学中插入一些关于ASP动态网页设计方面的英语知识、英语单词等，促使学生在进行ASP动态网页设计过程中不会再出现单词拼写错误的问题。
二、“一体化”教学方法的应用
“一体化”教学方法就是指教学内容、教学形式在“讲”和“练”两方面做到有机结合，专业理论与实践操作做到有机结合。让师生双方边教、边学、边做，边发现问题，边提高，把理论和实践紧密结合起来，不断提高学生技能水平，完成教学任务和目标。由ASP动态网页设计课程专业性强。涉及面广等特点所致，在运用“一体化”教学方法之前一定要就课程。学生、教学情况等方面进行详细的分析，进而制定有效的，合理的教学方案。需要注意的是要保证所设计的教学方案能够提高学生的学习兴趣，积极主动投入i到课程学习中。下面就教学案例的实施和教学过程说明如下：
（一）教学设备与场地
集中在计算机实验机房开展教学。设备配置保证能做到全部学生一人一台计算机，提供局域网环境进行、测试论坛。
（二）教学目标清晰，分阶段完成
整个教学流程为：学生分组→布置工作任务→组织实施学习过程→提交工作报告→作品展示→教师评价。教学活动1：学生分组。教师组织学生进行分组，每组4人一组，分别由优中中差的学生组成，每组一名组长，负责本组日常联络及汇报工作。教学活动2：接受任务，制订计划。教师下发项目任务书，讲解任务要求，学生以小组为单位制定本小组的任务计划，进行分工，确定每个成员的工作内容，让每个学生都有任务，让他们带着任务去学习。教学活动3：开展项目设计工作。以小组为单位开展项目的设计工作，学生可以借助Dreamweaver网页设计软件完成项目的网页编写工作，也可以查询相关资料，获取与学习任务所需的知识点，必要时教师可讲解重、难点，在边学边做中让学生完成对知识的自主构建。教学活动4：提交报告，展示作品成果。学生以小组为单位提交项目的工作报告、小组作品。派代表向教师、学生展示小组作品，说出作品的优缺点以及在整个开发过程中遇到的难点和解决方法，在开发中的收获以及对课程的感受。
（三）教学评价与考核
在学习过程中，教师根据项目的任务书及每个小组的计划书进行分阶段考核。考核范围可以涉及：成员工作完成质量、小组工作报告、学生出勤纪律等等。在进行ASP动态网页设计教学的过程中，教师不能一味的注重知识的传授，还要了解学生的具体情况，如英语水平。组织能力。创新能力等等，进而对中职学生进行全面的教育和培养，促使中职学生的知识。意识、能力。精神等方面都得到提高。这样学生在进行ASP动态网页设计时不仅会运用自己所学知识，还能够将自己的想法融入到其中，更好的完成ASP动态网页设计。
三、结束语
针对传统教学中存在的问题，我们根据实际课程的尝试，在课程中采用了以下几种教学模式：
1.1诱导性教学模式
诱导性教学模式是教师设置各种诱惑因子，引导学生主动学习的高校教学改革的新模式，它源于以行为主义的强化理论为基础的刺激控制教学模式。我们在课程的教学过程中会通过提问和讨论的方式来诱导学生进入课程内容，比如在网站规划模块教学中，主要采取这种教学模式指导学生选取网站的主题，让学生选取自己喜欢的主题，然后去网上搜集与主题相关的资料，在课程学习过程中应用进去，从而刺激学习的积极性。
1.2任务驱动案例教学模式
任务驱动案例教学模式是在任务驱动教学和案例教学的基础上提出的一种基于建构主义和人本主义理论的新模式。我们在日常教学中先以任务进行驱动，随后在分解的各个模块中融入案例；任务驱动作为一条主线贯穿课堂教学的始终，用来组织教学各环节，具体教学以案例为基础而展开。通过任务驱动将教学内容设计成具体任务，以具体任务为中心。在完成任务的过程中，介绍和学习基本知识和技能，训练学生提出问题、分析问题、解决问题的综合能力；通过分析案例程序来引导学生学习，强调学生在真实情景中进行学习活动。该模式实现了任务驱动教学法和案例教学法的有机结合，能够培养出动手实践能力较强的应用型人才。
1.3网络教学模式
网络教学模式是指借助网络实现教学的一种新型教学模式，在该模式下，教师利用计算机网络向学生传递教学信息，或学生通过计算机网络获取学习的知识并向教师反馈，这样既能提高学生的学习兴趣，促进学生积极自主学习，又能加强师生的交流和协作研讨；它还突破了空间和时间等的限制，能够很方便地实现教学。我们在教学中主要是在实践课上通过机房的局域网实行教学，共享资料。
2教学过程实施
为了消除惰性，督促学生动手操作，我们考虑在教学过程中给学生布置操作任务，有了任务，他们就有了压力和目标，也就能克服惰性，主动去实践操作了。因此，我们教师一般在第二次课上就给学生布置一项操作任务：大家自选主题，独立设计并制作一个能的静态网站。网站规模十个页面左右，要随着课程教学进度的安排，分阶段地逐步完成，并加强过程监督与质量追踪验收。
我们将这一任务分解为下面七个阶段：第一阶段，网站策划和准备素材阶段；第二阶段，创建并组织站点的结构；第三阶段，创建一个主页；第四阶段，分别创建使用表格、布局表格和层这几种布局方法布局页面，完成至少2个图、文、多媒体混排的页面；第五阶段，分别使用框架和模板布局技术至少各创建出2个页面；第六阶段，在已有网页中添加行为和Javascript，创建出具有特殊动态效果的静态网页第七阶段，完善网站功能，创建各页面之间的超链接，并于因特网。
在任务验收时主要验收如下内容：第一阶段，作业布置两周后上交网站策划书；第二阶段，每结束一个模块的知识点，相应的完成一个模块的设计应用；第三阶段，每个月末教师提前筛选出有代表性的（优秀的、出错率高的）作品，在实践课上将作品用投影机打开，由同学评议，指出优缺点。目的是让同学们扬长避短，重新修改自己的作品；第四阶段，期末进行综合验收，将验收成绩作为平时技能成绩计入总成绩中。
要完成任务驱动教学中各个阶段分解的任务，在教学中必须以案例展开教学。为此，我们在整个讲授过程中，选择的案例是一个班级的网站，该网站是本人依据讲课的需要，搜集多年的讲课经验，专门用来讲授该课程的具体操作而精心设计的案例网站，站点中的每个页面都与分阶段的讲课内容密切相关。按照课程内容，我们将整个课程划分为几个模块：
（1）网站规划模块：包括站点的建立、页面的设计，主要用到之前Photoshop课程所学的知识，先将网站页面在Pho-toshop中规划出来。
（2）页面布局模块：包括利用表格、层、布局表格、框架布局页面。
（3）页面设计模块：包括页面中各类元素文本、图像、多媒体的添加。
（4）样式设计模块：包括CSS样式的使用，HTML的应用。
（5）动态效果模块：包括行为和Javascript的使用。以上模块涉及的知识点齐全，讲到某个知识，我就找出相关的页面给学生展示。比如，在讲解表格的使用时，我先给学生展示其中用表格布局好的页面，然后提问：“大家觉得这个网页的布局效果怎么样？它是用什么技术实现的？以前用过表格吗？你想在自己策划的网站中设计出来吗？”通过这样的提问，引导学生去思考、去分析，进而引入新的知识点，然后让学生推荐代表上去依葫芦画瓢制作出同样效果的网页，而我在台下观察，最后给学生点播和指导，并进行分析总结，最后要求学生在自己的大作业中设计出类似的页面。
在这种教学模式的任务驱动教学过程中，教师的角色相当于“导演+顾问”，学生则是“导演+演员”，从作业质量来看，这一贯穿教学始终的任务驱动教学法的融入，导演、演员和顾问的角色扮演得都很好，确实起到督促学生学习的作用，达到了预期的教学目标。任务分解中的案例教学具有启发性、实践性的特点，有利于开发学生智力，提高学生决策能力和综合素质，树立学生的自信心，培养其独立思考的能力。二者的完美结合，取得了良好的教学效果。
3考核方法
课程考核是检验教学质量和教学效果的主要手段。考核办法设置得是否合理，将直接影响成绩的合理性和客观性。在网页设计与制作课程考核中如何全面地检查学生的知识和能力，是我们一直在思考的问题。经过多年的实践经验，我们总结出如下的考核方法———首先，在日常教学中，我们按照模块划分教学内容，要求学生完成每个模块的知识点操作，这些将作为实训成绩；其次，按照学期初布置的大作业（即制作一个主题鲜明的网站），按阶段进行验收，计入学生的平时成绩；再次，在学期末，按照每个人完成的大作业进行整体评分，作为期末考试成绩；最后，将平时成绩的40%和期末考试成绩的60%进行计算得出学期成绩，再将学期成绩的50%和实训成绩的50%进行计算得出课程成绩。
4结语
【关键词】网页设计 发展趋势 教学方法
美国市场调研机构comscore networks提供的报告显示，2007年1月，全球15岁及以上使用互联网的人数达到了7.47亿，同比增长10%。comscore发现，美国互联网用户达到了1.53亿，依然是全球网民最多的国家，但增长率仅为2%，中国网民数量仅次于美国，为8670万，但增长率却高达20%。通过以上数据，我们不难发现中国的网络市场存在着巨大的潜力，那么如何把握住这个机遇，培养出合格的人才，就成了我们这些高校专业教师需要考虑的问题，我认为作为一名有竞争力的网页设计师，不但要做到有美术修养，还要做到懂编程，这样一来我们的网页设计师就可以既能胜任前台的设计工作又能胜任后台的编程工作了。
一、提高网页设计的工作效率
提高网页设计的工作效率，当然要从更好的协调网页设计各部门之间的工作入手。这就要求平面设计部门的平面设计师熟悉程序设计部门程序员的工作，好比一名好的建筑设计师，不但要知道如何设计出有内涵有文化的建筑，同时还要了解建筑的造价、人机工程学以及建筑力学等方面的知识，否则他的设计作品就没有任何价值。所以我们培养网页设计师的目标是，不但在艺术设计方面优秀，还要在程序设计方面优秀。这也正是我这次出去学习的目的，只有做到这一点才能很好的完成网页设计工作，才能解决前面提出的平面设计师与程序员之间的工作断层问题。www.133229.COm也只有这样才能培养出适应时展要求的高素质的网页设计师来。
设计总监，可以说是网页设计工程中必不可少的角色。可什么样的人有可能成为设计总监呢？当然，首先要有很丰富的工作经验，很高的个人能力，其次要精通网页设计的所有环节，也就是说无论是策划部门、平面设计部门还是程序设计部门的工作都能应对自如。如果能做到这一点，再加上良好的统筹能力和团队合作精神就有可以成为设计总监了。我们培养学生，不但要让学生就业，解决基本的生活问题。还要让他们在长久的工作生活中逐渐的成长，越来越强大。使他们无论在小公司还是大公司都能通过自己的工作表现成为行业中的精英人才。
二、培养更有竞争力的综合性人才
1.根据市场的需要培养人才
在谈下面这个问题之前，我想先让大家先来了解一下我找到的一份很有代表性的招聘网页设计师的广告。
网站设计师具体要求：大专以上学历、美术、艺术、广告类毕业；在互联网行业从业经验两年以上；熟练操作各相关设计软件；并且有自身优势和特点；优秀的设计创意能力，能组织团队完成大型网站项目的设计开发工作；逻辑思维清晰，做事认真、细致，表达能力强；有丰富的企业建站经验，从事过组织策划大型网站项目的工作；注重仪表，有很强的学习能力和敬业精神，较好的沟通能力，有良好的团队合作精神及独立的工作能力。
待遇：试个人能力而定，公资标准在4000（另有项目提成）。
根据市场的需要定向培养人才的提法似乎有些过时了，我所指出的是除了让学生掌握招聘广告中的内容，还要让他们掌握更多的程序设计方面的知识，比如html、css、dhtml、javascript、asp、php等。让学生可以不用程序和策划部门的协同就能独立完成网页的设计。而且完成的效果还要很好，这样的人才一但推向市场，其受欢迎的程度可想而知。
2.快速掌握行业里最新、最尖端的网络技术
网络媒体同时属于it行业的范畴，既然和it靠上了亲戚，自然也就继承了it的某些特征：高薪职业。不受工作地点的限制。新技术出现的快淘汰的也快。
要想在网页设计行业有所成就，当然要不断的学习掌握新技术，可网络上的新技术淘汰的太快，经常是没等我们弄懂就已经过时了。作为专业教师，我会经常调整授课内容，把最新的最实用的技术和思想传授给学生。时刻关注网络上的新动向，出现的新技术，保持旺盛的学习热情，让自己时刻处于行业的前沿。只有这样才能培养出适应当今日趋激烈的市场竞争的人才。
3.做一名有社会责任感的网页设计师
网页设计师不同于其他的职业，因为网页设计师肩负着更强的社会责任和历史使命，要让网络社会朝健康的方向发展，需要网页设计师严格的律己修身，对自己的言行负责。特别是不能在当今充满了诱惑的时代迷失自己，为追求短期利益而触犯法律。“设计强国”需要所有设计师的共同努力，毕竟中国的平面设计在亚洲还落后于日本、韩国，如何发挥中国悠久文化传统的优势，把中国的网页设计做强，成了我们这些网页设计师的新的课题。
参考文献：
[1]陈刚.css标准网页布局开发指南.2007.
[2]施博客研究室.dreamweaver 8标准教程.2006.
[3]施博客研究室.flash 8标准教程.2006.
[4]张孝祥，张红梅.javascript网页开发体验式学习教程.2004.
【关键词】网页设计；前端工程师；工作过程；实训模式
为了适应社会进步所带来的人才需求变化和提升教学效果，高等职业院校不断尝试结合专业和课程的特点，引入多种课程开发方法，深入进行课程建设和改革。目前，基于工作过程导向的课程教学改革正逐渐成为高职教育改革的重要探索领域。网页设计课程是高等职业院校电子商务专业和计算机类专业开设的职业核心课程。所以，网页设计课程的教学质量直接决定了学生的实践能力和就业能力。
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.
购物车(0)