网页设计与制作、网页前台设计（网页工程师）是最主要的工作岗位。依据工作岗位任职要求，参照网页设计师考核标准，明确了从事该两种岗位的职业人才必须具备以下职业能力：网页建设与设计能力、网页美工能力、网页动画能力、网页编制能力、网站编程能力、网站维护能力等。在工作过程和职业能力分析的基础上，该课程的教学应该围绕职业人应具备的知识点、技能点和职业素质来进行，并做到有机融合。于是我校构建了以项目为主要教学内容的课程体系，确定了该课程的培养目标，为学生今后从事网页设计与制作、网站开发和管理奠定基础。

　　针对实际工作任务需要，我校组织教师实地考察网站设计的完整过程，对工作任务、工作对象、工作过程、工作方法、常用工具、工作要求等相关信息进行分类整合、重组和序化，之后，按照工作过程又进行了整合。

　　在教学过程中，为了更好地培养学生的职业能力，课程开发团队本着职业性与实用性相结合的原则，以行动为导向，考虑学生实际，主要采用项目教学法、任务驱动法和六步教学法完成教学任务。以“产品宣传”网站为例，选取真实的项目——我院校办工厂“灵泉饮品有限公司”的网站制作展开教学，教学流程。通过项目导向和任务驱动的教学方法，将实际的网页案例和工作中的实际问题引进课堂，将课程知识点贯穿于网站制作的全过程，引导学生运用所学知识，学会独立解决工作中的问题、制订设计方案，其结果是大大提高了学生动手能力、自主学习能力和沟通协作能力，收到了良好的学习效果。

　　工作过程导向课程主要以任务为载体，特别强调过程考核。而“网页设计与制作”课程强调从学生的职业能力、实践技能、理论知识的运用能力、理论知识的拓展能力、资格认证五个方面进行考核。在考核中把握三个注重：注重学生作品的设计，注重与资格证接轨的模拟训练，注重实践技能的应用。此外，在考核中还增加了成果展示及答辩环节，将每周一次的任务阶段性展示优秀作品制作组组长评选为“周冠军”，将每月一次的项目成果展示优秀作品制作组组长评选为“月冠军”。

　　作者简介：钟钦钦（1983-），女，湖北工业大学硕士研究生，长江工程职业技术学院助教，研究方向为计算机应用与教学；罗俊（1981-），男，硕士，长江工程职业技术学院讲师，研究方向为道路桥梁。

　　案例教学法，着眼于学生实际解决问题的能力，采用“做中学”的形式，通过一个实际的个案，掌握并理解所学的知识，同时能够解决类似及相似的问题。案例教学法能缩短教学与实际生活的差距。尽管它有许多的好处，但对于《动态网页设计》这门课程来说，存在着许多弊端。

　　案例的真实性不利于学生理解。《动态网页设计》课程中所采用的案例都是真真切切的设计个案，例如：聊天室、留言版、广告轮播、内容链接组件的使用等，都是真实的个案。从某个层面来说，学生能够真切地接触到网页设计的实际工作，但通过对学生的调查发现，这些设计内容都是学生第一次接触，整个设计过程基本上都是依葫芦画瓢，学生只会原原本本地按照案例的实现过程去敲写代码，一旦更换内容或变更形式，将无法完成设计任务。

　　案例操作过程的固化不利于学生掌握。《动态网页设计》课程中所采用案例的操作过程都是固定的，第一步应该如何，第二步应该如何，第三步应该如何……等等，学生按照案例操作过程去实现的时候，所记住的是步骤，而没有理解各步骤所实现内容之间的关联，导致对于所学习知识点的理解层面不高，学生只会以某一固定的方式去实现一个网页功能，不能灵活运用所学知识点。

　　综上所述，必须在原有的案例上进行加工处理，文中笔者采用的方式是将案例生活化。

　　从事软件设计教学的教师都会强调，软件的设计源于生活，往往是为了解决生活中的某一问题才会促使设计者们去设计一个软件。教学案例生活化设计是让学生更好地理解并掌握所学知识的一种方法。

　　那么原有的案例不也是“生活化”吗？例如：在访问网站看小说的时候，会有一个页面，上面会有小说各个章节的链接。诚然，这是生活中访问网页时会出现的一种现象，但有局限性，一是并不是所有的学生都会在网络上看小说；二是即便学生有类似或相同的访问经历，但对于此网页功能实现的过程却是第一次接触。所以，这样的“生活化”不能称为生活化，它是一种表面形式，表面上看来，生活中确有其事，但不是人人都接触并理解的事物。

　　所以，要学生能够较好地理解知识，最好的方式是做到案例能和现实中人人都接触并理解的事物相联系。通过对学生的调查表明，案例生活化的教学效果要比所有的案例教学效果好得多，学生表示和生活中常见的事物相联系后，能更好地理解所学的知识点。3案例生活化教学设计

　　在此案例中，加入生活中人人都看过并理解的书的目录，并与内容链接组件实现各项内容相联系。由此可见，要实现内容链接组件的功能就必然少不了内容导航页面、列表文件及组成内容导航页面的多个网页。那么这三者之间的关联如图1所示。

　　通过这一关联图，能一目了然地知道内容导航页面、列表文件及组成内容导航页面的多个网页这三者之间的过程和关系。

　　（1）首先需要用以形成链接导航的网页1、网页2、网页3……网页N（好比一本书目录的形成首先需要章节的存在）。

　　（3）内容链接导航主程序页面（index.asp），在这个主程序页面中，将要用到内容链接组件，首先要实现的便是这个组件的实例化，使用server.createobject方法创建MSWC.Nextlink的实例，并用set关键字赋给NL，于是产生了名为NL的内容链接组件实例对象。一切方法的运用都在此对象进行。

　　完成go.asp后，最后一步则是将此功能添加到1.asp-5.asp中。此时，“1.asp～5.asp”这5个文件仍然是独立的程序块，使用标记 插入到每一分页文件（1.asp～5.asp）的结尾，即可实现链接。

　　传统的网页设计教学，基本都是依据教学大纲的要求，模式化的开展教学课程，这种教学模式严重限制了学生的思维，不利用学生理论联系实践能力的培养，导致理论与实践相脱节，基于这些问题，引入案例教学，根据学生特点以及当前教学要求，科学选择案例，将教学与实际的工作内容相结合，这样才更加符合当前计算机教育培养人才的要求。

　　案例教学，顾名思义就是以具体案例为依托，进行网页设计教学，这种教学方法能够帮助学生掌握扎实的基础知识以及具体实践操作要点，根据教学大纲的要求，明确教学目标之后，教师带领学生一同进行实践学习，通过小组合作、探索研究等方式，对知识进行进一步解析和研究，从而不断提升学生解决问题的能力，此外，教师还应该将学生协调沟通能力、工作作风等方面纳入教学计划当中，从整体上提升学生的网页设计综合水平，在大量的实践调查分析后发现，案例教学能够充分调动学生的学习积极性，同时也能够活跃网页课堂教学气氛，在和谐的师生关系基础上，通过形象、生动的案例教学，学生对网页设计课程的兴趣会更加浓厚，学生亲自参与到网页制作的过程中，教师合理的在各个知识点结合案例讲解，学生对这些知识点的理解会更加容易，记忆更加深刻，理论联系实践意识得以强化，实践能力不断提高，教师在案例教学中充当的是引导者和启发者的角色，指导学生学习的方向，提高学生自主学习效率。

　　（1）企业概况。本次进行的案例教学，以某旅游公司的专题设计为内容，该公司从事旅游资源开发工作，是一家具有民营性质的合法公司，在庐山脚下，四通八达，以“庐山”为景点的一日游独具特色，价格合理，是针对各个群体要求定制的套餐服务，该公司具有自己的宣传网站，属于“三星级”旅游公司。

　　（2）“庐山一日游”的主题介绍。人们生活节奏加快，身心俱疲，在周末或者是闲暇的时候，去庐山欣赏自然风光，缓解身心疲劳，通过体验大好的自然风光，唤醒人们对祖国打好河山的热爱，

　　（1）准备阶段。准备阶段，教师要选择合适的案例，提供给学生，学生根据教师提供的案例，设计主题，进行相关资料的搜集，教师要以学生的兴趣、爱好以及学习特点为依据，选择当前的热点问题，以及学生关心的问题、擅长的问题，这样才能保障案例教学的成功。

　　（2）明确设计主题。教师首先将材料分发给班级全体学生，根据教学目标和公司情况，明确设计主题，要求学生设计具有风格特色，能够具有市场轰动效应的交互性专题网页。

　　（3）实践分组。班级全体学生共有45人，以9人为一个小组，共分为5个小组，每个小组选择一名小组长，小组内容自行分配文字报告撰写、资料搜集任务，调查时间为半天，讨论研究时间为半天。在整个实施阶段，教师需要全程参与，并为学生解决各种问题，同时教师要积极与各个小组保持联系，检查他们的网页制作情况，Bsport体育发现问题及时解决。

　　（4）结束阶段。这个阶段，就是总结网页制作情况，分析问题，总结经验的过程中，案例评价可以通过学生自评、教师评价以及小组互评三种方法进行。

　　在开展案例教学的过程中，和谐的学习分为良好的师生关系以及科学的知识体系，是促进案例教学成功的重要因素，因此教师应该更加关注这几个方面，为案例教学的实施提供更好的条件。

　　开展网页设计教学中，和谐氛围中，学生的思维才能够更加活跃，心理上才会产生安全以及自由的感觉，网页设计、资料整理分析的时候，才能够大胆想象，教师在案例教学实施的时候，切记自己只是引导者，在适当的时候给予学生点拨，但是绝不能代替学生思考和设计，教师应该充分发挥学生的主管能动性，让学生独立完成整个案例教学过程。

　　若想保证计算机网页设计案例教学顺利进行，需要教师具备知识洲博、经验丰富的特点，这也是教师为学生传递经验和知识的基木条件。因此，教师必须要不断的学习，以便为学生提供丰富的信息。因为只有这样，才能提高教师的影响力和威信，进而提高教学质量和教学效果。除此以外，教师还应全面、多角度的爱护和关心学生，同时融入学生中间，以便更好的感受和体会其内心世界，进而在做好教师的同时，努力成为学生的朋友。

　　良好的认知体系，是帮助学生快速掌握消化知识的关键，学生具备了认识和适应环境的基本条件，在学习中就可以不断实现知识的平衡同化，其顺应机能也更加优良。但是良好的认知体系并不是一开始就有的，教师应该引导学生建立固有知识与新知识点之间的联系，以教学大纲为依托，开展案例教学，应保证案例具有较强的针对性，且能充分反映教学大纲中的相关知识点。例如，为网页页面进行布局时，可通过表格、框架和层的方式进行，如为食品网站做简图时：为确定网页的主色调，应将背景图片插在第一层中：为给网页增添活力和生机，可将has插在第二层中：将精美食品插在第三层中：为体现饮食文化，可在第四层中搭配相关歌曲：为增强网页的立体感，可在第五层中添加浮动物体。此外，教师应先鼓励学生使用表格布局解决相关问题，尔后引出层的内涵，进而逐步解决问题，直至完成学习任务。

　　案例教学是目前网页设计教学中，最为有效的一种教学手段，它的应用，突破了传统枯燥、单一的教学模式，解放了学生思维，教学更具针对性，学生真正成为了学习主体，网页设计本身实践性非常强，教学中必须要综合理论与实践两个方面，案例教学符合理论联系实际的教学要求，能够推动网页设计教学质量与效率的提升。本文从三个方面对案例教学在网页设计教学中的应用进行了分析，希望能够为相关的教育工作者提供一些建议和参考。

　　[1] 陈思聪.浅析电子商务案例教学模式[J].教育现代化，2016（10）.

　　[2] 林丽钗.案例教学在高职教育学中的实际运用[J].科学中国人，2016（15）.

　　[3] 张善利.试析积极实施案例教学法在会计专业教学中的运用――以中职会计专业为例[J].现代经济信息，2014（22）.

　　[4] 甄华.C语言案例教学模式在高职教育中的探讨[J].计算机与网络，2015（08）.

　　笔者所在的济南幼儿师范高等专科学校，“网页设计与制作”主要是面向初等教育学院的学生开设。他们将来的工作岗位是小学教师，掌握好这门课程，有助于其在工作岗位上进行班级管理、班级文化建设、校园文化建设等方面的工作。所以在实践教学中，选用项目案例教学法是非常有必要的。

　　案例教学法指在教学过程中，教师和学生为了共同实施一个完整的项目案例而采取的一系列以教师为主导、学生为主体的教学活动。这种教学法在培养学生的自主能力和合作能力方面有着显著的效果，它能够引导学生主动参与项目案例有关的课堂讨论，调动学生的学习兴趣和积极性。

　　“网页设计与制作”是在初等教育学院五年制小学教育专业大专第三、四学期开设的专业基础必修课。通过本课程的学习，学生需要掌握的相关内容有：了解设计和制作网站的一般流程；了解、HTML、CSS的定义、概念和作用；理解W页、网站、网址、浏览器等基本概念；掌握添加和编辑各类对象如文字、图像、表格、表单、音频和视频的基本方法；掌握创建超级链接的方法；掌握表格、层、框架的使用方法；掌握表单、行为的使用方法。

　　这门课程具有较强的可操作性和实践性，教师需要寻找既与实际工作情境密切相关、又能将教学内容紧密结合的教学方法组织教学。项目案例教学法非常适用于该课程的教学需求，经过近年来备课组的实践与探索，发现这一教学法能够为全面提高学生的信息素养提供保障性支持。

　　1.项目案例的设计要立足于实际工作情境。“网页设计与制作”课程的目标之一就是培养能够胜任实际工作任务的人才，所以案例的设计要从实际工作任务出发。学生在完成学习的过程中熟悉了相关的工作岗位流程，今后从事类似工作时能够更加游刃有余。

　　2.项目案例的设计要将知识点与实际需求相结合。项目案例的选取既要考虑到具体知识点，又要根据实际需求将知识点融合入案例中。“网页设计与制作”课程的知识点多且散，比如网页对象的应用中包含文字对象、图片对象、音频和视频对象等知识点，所以在设计案例时要考虑到所有知识点。

　　3.项目案例的设计要生活化、社会化。在设计教学项目案例时，既要考虑到学生的就业方向，也要面向全社会的相关岗位，所设计的项目案例既要来源于学生自身专业，又要做到生活化、社会化。

　　根据济南幼儿师范高等专科学校初等教育学院小学教育专业的人才培养目标，以及“网页设计与制作”课程的目标和教学实施方案，课题组设计出了8个综合项目案例，综合项目案例设计流程见表1。

　　1.创设情境、展示效果。教师创设具体的工作情境，展示项目案例的完成效果，学生在此过程中明确接下来要完成的项目任务。

　　2.分组讨论、分解任务。各组长引领组员讨论项目案例中的目标要求并分析涉及的知识点，分解任务后根据组员的特点将任务布置给小组成员。

　　此阶段为关键阶段，每个小组任务后，由组长负责将所有组员完成的部分进行整合。

　　4.交流讨论、三方评价。教师引导全班学生进行交流，并对作品进行三方评价，分别为个人自评、组内互评、教师评价。从评价中教师可以把握学生的学习状况，学生也可以了解到自身的优势和薄弱部分。

　　5.归纳总结、扩展提升。根据评价结果，学生归纳总结在完成本次项目案例过程中的收获与不足，并在今后的项目案例学习中加以改进。

　　1.优质学习资源欠缺。项目案例教学法成功实施的关键是项目案例的设计和组织。但是目前各高职院校的“网页设计与制作”课程尚没有建立项目案例资源库，优质学习资源欠缺。所以，建立一个内容丰富、可共享的项目案例资源库势在必行。

　　2.加强教师业务进修。项目案例教学法的实施对教师的专业素质要求很高。在应用项目案例教学法时还需加强教师的专业进修。

　　为了适应社会进步所带来的人才需求变化和提升教学效果，高等职业院校不断尝试结合专业和课程的特点，引入多种课程开发方法，深入进行课程建设和改革。目前，基于工作过程导向的课程教学改革正逐渐成为高职教育改革的重要探索领域。网页设计课程是高等职业院校电子商务专业和计算机类专业开设的职业核心课程。所以，网页设计课程的教学质量直接决定了学生的实践能力和就业能力。

　　网页设计课程的相关岗位包括：前端工程师、网站管理、网络编辑等，其中前端工程师是最主要的岗位。前端工程师是Web前端开发工程师的简称，是一种高端技能型人才。很多高职院校的相关专业开设了网页设计课程，但培养出的学生很多都达不到企业关于前端工程师岗位的用人需求，所以依然存在很大的人才需求缺口。

　　网页设计课程存在的问题主要包括以下几个方面。（1）知识体系相对滞后。学生在学校学到的table表格布局等相关知识在企业已经基本不用。学生对企业用人需求描述中的专业术语和知识比较陌生，没有用过企业要求的知识体系，这是造成学生不敢在前端工程师岗位竞聘的主要原因。（2）注重单个知识点的掌握，不注重综合能力培养。调研发现网页设计课程的教学组织大多采用案例教学等方法，注重单个知识点的掌握，学生掌握了一个个知识点，比较有成就感，但面对企业的工作任务却无从下手，感觉都不是自己学过的知识。这种注重单个知识点，忽略综合能力培养的教学方式，虽然短期能够得到学生的认可，但并没有达到良好的教学效果，相应地也不能实现教学目标。

　　这引起了很多专家学者的关注，但很多研究仅仅是简单地将某一种教学方法应用于课程的实训教学，或者侧重于项目驱动、任务导向的教学过程设计，都不够系统，不够贴近前端工程师的职业能力需要，所以很难达到满意的教学效果，也很难满足学生的就业需求。因此，结合高职学生的实际情况和职业需求，对“网页设计”课程实施基于工作过程的实训模式改革。

　　工作过程是企业为完成一件工作任务并获得工作成果而进行的一个完整过程。生产复杂产品、完成重大项目都可能需要多个工作过程，从而构成该产品、该项目的工作过程系统。基于工作过程即工作过程导向，是一种课程开发方法，是2002年德国劳耐尔（Rauner）教授带领下的不来梅大学技术与教育研究所与大众汽车公司合作开发的一种职业教育课程开发方法。

　　网页设计课程面向的岗位群中最主要最具代表性的是前端工程师。所以在网页设计课程的开发过程中依托前端工程师岗位展开。课题在研究过程中将通过走访企业、校内交流、理论应用研究、调查问卷等方法对网页设计人才需求情况和课程开展情况展开分析。根据调查研究中所发现的网页设计课程教学过程中所存在的问题，结合企业对网页设计人才能力的需求，对网页设计师的工作过程进行分析，分解出典型工作任务，分析各个环节的能力要求。再基于网页设计师的工作过程，构建网页设计课程的实训教学模式，其中包括实训内容、实训方法、考核方案等。并将构建的实训教学模式应用于教学实践，借以激发学生的学习兴趣和学习热情，改进教学效果。

　　通过调研，我们发现前端工程师的主要工作内容是基于XHTML+CSS架构根据网站策划图实现网站前端界面开发，所采用的技术目前主要是HTML4+CSS2，但也有部分前端工程师为了达到更好的设计效果已经升级到HTML5+CSS3。为了兼顾目前的主流技术，课程设计以HTML4+CSS2为主要教学内容。但为了学生将来的技术升级和可持续发展，课程简单涉及到HTML5+CSS3的特点。

　　将前端工程师的主要工作内容进行分析整理，结合前端工程师应具备的能力和素质，我们将前端工程师的典型工作过程分解为以下八个部分：网站规划、页面布局、简单元素添加、导航栏设计、图文列表设计、特效脚本应用、系统设计、兼容性测试。一个网站是由一个个网页所组成的。任何一个网页都要经过除了网站规划之外的七个步骤才能完成，每一个网页的设计完成需要用到的知识基本类似，所以这里我们以单个网页的设计完成为主要目标。前端工程师岗位的工作内容在技术方面涉及到Photoshop、Flash等网页设计图形设计软件的使用以及JavaScript特效脚本的应用，这些都是网页设计课程的前导课程或同期课程的讲授内容，所以在此只涉及到应用，并不深入讲解。

　　网页设计课程是以实践为基础的核心课程，所有理论知识必须在技能训练过程中得以掌握和运用，所以必须注重培养学生理论知识的灵活运用能力和网页制作实训能力。网页设计课程的实训内容设计重点体现在以下几个方面：

　　（1）以工作过程分解为依据。网页设计课程以前端工程师的典型工作过程分解为依据，将实训内容设计为包括局部设计、界面设计、兼容性测试、案例实训四个大的模块，贴近前端工程师的工作过程，满足前端工程师的岗位能力需求，使整个教学过程更加具有针对性。局部设计又由常用XHTML标签、DIV布局、CSS样式美化、JavaScript页面特效组成。局部模块设计即兼顾网页设计课程知识体系的系统性，又结合前端工程师的工作过程，即有利于加深学生对个别知识点的理解，又有利于学生网页设计知识体系的构建。

　　（2）基础知识与综合实训并重。实训内容的前三个模块属于基础知识学习部分，最后一个案例实训模块属于综合实训。在整个课程设计中，综合实训课时占整个课程课时的1/3以上。课程教学方式也从前期的讲练结合，转变为实训辅导为主；授课对象从前期的面向整体为主，转为面向个体为主。通过对综合实训课时比例的增加，培养学生对知识点的综合运用能力，进而无缝衔接前端工程师的岗位能力。

　　（3）化整为零、小小案例。前端工程师的工作过程是一个系统性非常强的、复杂的工程，由很多小的知识点组成，需要对知识点进行综合、灵活的应用。针对知识点的案例往往并不适用于整体网页设计，这就造成了知识点的学习与综合实训的脱节，容易给学生造成一种无所适从感。课程实训设计将分布于综合实训中的局部功能分解为基础知识点的学习案例，一个个局部功能分解为一个个小小案例。这种方法也使得学生在做综合实训时有一种亲切感，方便学生知识体系从局部到整体的构建。

　　课程实训方法设计结合实训内容特点，采用“教、学、做”一体化的教学方法。局部设计主要采用理论实践一体化的项目教学法和任务驱动教学法，强调知识点在小案例中的应用。综合实训主要采用分组教学法和真实案例教学法，强调小组协作能力和综合实训能力。

　　（1）项目教学法。项目教学法时一种由项目引入进而展开知识点的教学方法，一边分析讲解、一边操作演示，讲练结合，激发学生学习兴趣，提高学生分析问题、解决问题的实际能力，轻松达到教学目标。

　　（2）任务驱动教学法。将实训内容设计为一个个独立任务，充分调动学生的学习积极性和主动性。任务也分为三种类型：局部功能任务、整体设计任务、真实企业任务。任务的实施也是从简单的局部功能任务到整体设计任务，再到灵活运用的真实企业任务的过程，逐步进阶。任务驱动贯穿整个实训环节设计，有利于训练学生的职业态度，也有利于提高学生的知识应用能力和创新能力。

　　（3）分组教学法。综合实训阶段的任务相对复杂，单个同学实现有一定的难度，所以采用分组教学的方法，有利于形成小组内探讨解决问题的氛围，也有利于加深对知识点的理解，能有效培养学生的团队意识。为充分发挥每个成员的潜能，形成足够量的成员任务，在设计小组时人数不宜太多，一般以2-3人为宜。

　　（4）真实案例教学法。将企业真实案例引入教学过程，能有效拉近课程教学与岗位能力需求之间的距离，充分激发学生的学习热情，即能让学生对岗位能力需求有更深刻的理解，也能增加学生的自我认同感和成就感，进而达到培养岗位人才的目的。

　　本课程的最终目的是要求学生应用所学知识，根据网站策划图完成网站设计。前端工程师是一个注重实际能力的岗位，传统的理论知识考试方式不能充分评价学生的学习成绩和能力水平，对于学生实践能力的提高，以及就业能力的提高是没有多少益处的。也有部分研究者将考核形式改为考核学生完成网站作品制作的形式。这种考核方式相对理论知识考试有了很大的进步，更加注重实践能力的考核，但很多时候教师考核给出的网站策划作品比较滞后，内容相对简单，所有同学完成一样的网站设计，难免存在抄袭的嫌疑。这就造成了很多同学觉得自己对课程内知识掌握的不错，但看到企业复杂的网站策划图，依然不敢面试前端工程师岗位。

　　因此课题组对考核方案进行了大胆的改革，期末总评学习成绩由三部分组成：过程考核（平时到课考勤、上课回答问题和随堂作品）占20%、技能考核（课内分模块作品以及综合设计作品）占30%和项目考核（期末综合作品）占50%。这种方式较为客观的反应了学生的学习情况和能力水平，主要特点包括：

　　（1）真题真做。将企业一线的多个真实案例拿来供学生选择，作为项目考核题目。多种作业选择能在一定程度上减少学生作业抄袭的情况。来自企业一线的真实案例与岗位能力要求高度契合，增强学生就业能力和自信心。

　　（2）注重过程考核。期末考核只占期末总评成绩的50%，其余两部分都是教学过程中完成的，属于过程考核。这样的考核方案设计能有效避免学生过分注重短时间的期末考核，能使学生更加重视知识技能积累的学习过程。

　　基于工作过程的网页设计课程实训模式开发，以前端工程师的典型工作过程分解为依据，从简单到复杂，从局部到整体，符合学生的认知学习规律。实践内容以来自企业一线的真实案例为基础，真题真做，培养和提高学生的实践动手能力和综合运用能力，拉近课程培养与企业用人需求之间的距离，提高学生的就业能力和核心竞争力，实现技术技能型人才的培养目标。

　　[1]何兴国.DACUM与工作过程导向课程开发方法比较研究[J].职教论坛，2012（27）：70.

　　[2]孙士新.基于工作过程导向的高职本土化教学模式研究[J].辽宁医学院学报：社会科学版，2013（2）：69.

　　[3]沈玲.基于工作过程的高职课程建设研究[D].湖南师范大学论文，2012.6：20-27.

　　分析了《网页设计与制作》课程教学中存在的问题，对《网页设计与制作》课程教学模式改革策略展开探讨，旨在为如何促进《网页设计与制作》课程教学模式改革与实践有序开展研究提供一些思路.

　　《网页设计与制作》作为一门高校网络与新媒体相关专业强化学生学习兴趣点的专业基础课程，开展课程教学模式改革与实践研究有着十分重要的现实意义[1].

　　结合学生就业实际情况、已从事与网站建设相关岗位的毕业生反馈信息，现阶段《网页设计与制作》课程教学中存在的问题，具体而言：

　　长时间以来，《网页设计与制作》课程大多推行理论课与实践课交替开展的教学模式，起先由教师对相关专业知识、软件技术操作内容进行教授示范，之后由学生通过随堂笔记或者学习记忆对教师教授内容开展模仿操作.教师占据课程教学主体地位，教学内容缺乏生动形象性，学生学习过于被动，学习主观能动性难以得到有效调动.一些学生对教师教授的理论知识、布置的上机作业等不感兴趣，沉溺于网络游戏、手机游戏等，致使专业知识教学成效不尽如人意.学生受基础理论知识与专业理论知识不扎实影响，对于自身面临的疑难问题难以迅速反应并开展自主解决.再加上理论教学内容与实践教学内容未能实现有效衔接，使学生在对于“何为过程性知识、何为陈述性知识？”、“何为理论性知识、何为实践性知识？”等认识上模棱两可，即便学生能够对教师所教授知识展开有效模仿操作，也难以将它们运用至实际工作中去.

　　教师在《网页设计与制作》课程教学中通过操作鼠标进行示范，学生片面的认识十分简单，学习过程中不实事求是，等到进入实践课要求他们独立开展操作时，面对提供完备操作流程的学习任务不屑一顾，认为太过简单；面对未提供相关操作流程的学习认识则无从着手，进而产生“高不成低不就”的局面.学生未能基于独立自主实践队专业知识进行掌握，致使难以建立隶属自身特有的知识、经验架构，一旦进入社会职业岗位中便不知所措，无法独立自主制定工作方案，更别谈是付诸实际行动，难以有效将所学知识与实际结合，不具备自主解决问题的能力.

　　结合毕业生反馈信息，普遍存在学生沟通意识欠缺，不具备客户至上理念等问题，致使难以对职业岗位进行有效适应.一些学生不明确客户要求，亦或对客户要求抛之脑后，而凭借自身主管意识开展设计；一些学生对客户要求形成错误认识，为客户带来不必要的麻烦.受各方缺乏沟通或沟通能力不足影响，致使返工情况屡见不鲜，不但降低了工作效率，还会对客户信任造成负面影响，不利于企业的有序发展.这些不良后果极易使学生产生负面情绪，进而对后续工作造成不良影响，由此进入恶性循环；进而这些学生对工作产生厌烦心理，没有成就感，不具备工作的动力.

　　在时展新形势下全国高校网络与新媒体专业，必须与时俱进，大胆进行改革与创新，引入先进的科技和成功发展的经验，进一步强化《网页设计与制作》课程教学模式改革与实践，对促进《网页设计与制作》课程教学模式改革与实践逐步开展可以从以下几个方面着手：

　　高校《网页设计与制作》课程强调对设计人员实践操作能力和基本功训练，对于网页设计等一系列相关操作技术要求每个学生必须能够娴熟掌握，具有管理、开发和维护小型网站的能力.鉴于此，《网页设计与制作》课程开展教学内容改革的重要前提是用人企业的需求.结合企业用人需求从事不同高校网页设计与制作专业、网上招聘启示及人才市场相关信息等，对不同行业需求开展总结：（1）以企业局域网为重要前提的操作，好比对等网的组建与维护、office文档的存储与整理、B/S企业MIS系统的管理与维护、计算机一系列软件的安装与使用等；（2）企业网站的管理，好比企业网站建设、企业网站文件管理、企业网站策划等；（3）企业电子商务活动，好比在线商务活动、产品在线宣传、互联网信息处理等；（4）具备相应计算机图形设计、软件设计能力，具备相应B/S应用程序开发能力；（5）娴熟掌握Flash、Dreamweaver等网页设计工具，精通CGI网页交互语言，熟悉HTML设计等[2].在此基础上，《网页设计与制作》课程在侧重Flash、Dreamweaver及Fireworks网页教学前提下，应当进一步关注HTML设计、图形设计与处理、JavaScript代码等的教学，以强化学生计算机图形设计能力、软件设计能力；此外，还应当强调网站建设、管理，强化学生对网站组建、管理、维护等内容的系统认识.

　　要想调动起学生学习主观能动性，避免传统灌输式教学模式，在教学期间应当推行案例教学法.结合教学进度、要求引入案例并开展好备课工作，对案例涉及理论、技能进行教授讲解，探讨案例中存在的相关问题及处理对策等，同时案例要具备针对性、典型性，自符合学生接受能力开展选取、设计.好比，可选取介绍“民族传统”、“家乡美景”等的门户网站，教师通过向学生开展讲解此类网站涉及的知识点，要求学生制订学期学习计划，设计制作一个小型网站，且网站制作过程要与课程教学内容保持协调.

　　选取实际项目为前提，加大对学生分析、解决问题能力培养的力度.在专业网站设计与制作过程的前提下建立学习项目，沿着职业岗位任务主要方向明确不同模块内容，包括网站建设方案制作、网站制作以及网站设计等，依托紧贴职业实际的教学内容，有效调动起学生浓厚的学习兴趣.依据职业岗位任务主要方向提取各项能力目标，并融入进制作网站建设方案、网页基础知识储备等多个不同模拟制作任务中，达到对学生分析、解决问题能力培养的目的.与此同时，制定一系列相关独立实践任务，以使学生在完成任务的同时，对自身所学知识理论进行巩固，进而娴熟掌握各项网页制作技能.

　　将实践操作任务、模拟制作任务作为载体，关注对学生学习能力、技术应用能力及工作能力等方面的培养.在教学中部署一系列模拟制作任务，并与其中插入相应的知识内容，经由任务背景介绍、操作流程讲述、知识点拓展等布置，引导学生进行自主思考.学生通过解决问题来掌握知识，经由任务把所掌握知识应用于实际问题解决中，进而强化自身动手、解决问题的能力.与此同时，需要学生自主完成实践操作任务环节，以增强学生自学能力、技能应用能力等方面训练.以某学院网站引导页任务制作为例，应展开下述操作：（1）背景介绍，经由该学院网站，提升学院影响力，为师生相互、校企相互、家校相互等往来提供便利；（2）任务要求，对学院网站特色进行尽可能凸显，吸引更多网页浏览者，并为浏览者留下深刻印象；（3）任务分析，设计前对学院网站用户相关需求展开全面研究，找准网站风格定位，可选取图片或者Flash动作用以引导页，将图片用以引导页第一步通过PS设计好引导页效果图及Flas，然后开展切片，最后完成表格设置工作，并将图片、Flas添加进网页引来浏览者，提升网站流量；（4）延伸知识点，包括表格属性设置、切片优势、切片方法等；（5）处理问题，要想加快网页浏览速度，通常要求将大图切为小图.基于任务制作过程开展知识点延伸教学，结合实际情况让掌握理论知识的同时，了解知识的获取渠道及方法，改善学生学习效率.由于伴随技术发展，学生职业生涯会受到一定影响，因此教师一方面要权衡知识的够用情况，一方面要权衡知识点的系统性.应当尽可能拓宽学生知识面，在知识点选定过程中不仅要结合岗位群，又要自技术发展、设备软件更新所对学生职业造成的影响出发，留有一定的余量.在全面教学期间，强调对学生综合职业能力、职业素质等方面的培养，汇集教、学、做于一体，尽量适应学生为主体、教师为主导的新型教学模式的需求.各模拟制作任务均很好地融入知识目标、能力目标，侧重能用什么做什么，尽可能凸显《网页设计与制作》课程教学与职业岗位能力需求的紧密联系，强化学生专业学习针对性、实用性.

　　要想激发学生对网页设计的学习兴趣，锻造学生自学能力、创造能力，学校应当积极组织各式各样种类的就业技能大赛、Flash设计大赛、网页设计大赛等活动，通过激励性活动一方面促进学生对所学知识的实践应用，一方面有效发挥学生团队协助能力、设计创新能力.

　　借助网络开展好《网页设计与制作》课程教学.《网页设计与制作》是一实践性强、应用广泛的技术，要想说明网页设计的性质及相关实践应用，实时展示极为关键，所以在网络教学中接入互联网，通过互联网对一系列理论知识开展详实说明，如此可有效提升教学课堂生动形象性，强化学生对《网页设计与制作》课程实用性、重要性的明确认识.

　　《网页设计与制作》在线课堂要想进一步改善《网页设计与制作》课程教学成效，可考虑开设该课程的在线课堂，促进教师与师生之间的互动，实时了解学生意见，优化整合教学方法、教学进度，对学生学习遇见的疑难困惑进行及时解答.此外，还可将该课程全部课程资源传输上网，诸如教学大纲、教案、课件等资料，还可依据课程章节补充相关设计案例等.如此，学生一方面可通过网络获取课堂教学的各项内容，一方面可借助多媒体优势满足自身自主学习需求.

　　总而言之，高校网络与新媒体专业《网页设计与制作》课程教学模式的改革与实践，是一项十分复杂的系统工程.其是对传统课堂教学方式的一种挑战，对教师和学生均提出了极为严苛的要求.鉴于此，相关人员务必要不断钻研研究、总结经验，清楚认识《网页设计与制作》课程性质、教学特征及教学目标，全面分析《网页设计与制作》课程教学中存在的问题，“强化教学内容改革”、“强化教学方法改革”、“强化教学手段改革”等，积极促进促进《网页设计与制作》课程教学模式改革与实践有序开展.

　　随着现代网页设计技术的发展，CSS+ DIV成为网页设计中的核心技术，如何制作精美的网站，本文旨在引导学生分析网页表单圆角案例，运用CSS+DIV知识点完成设计。

　　案例教学法由美国哈佛商学院提出，是一种以案例为基础的教学法，通过学生间的相互讨论或研究，提高学生的学习兴趣，从而培养学生主动学习的能力。本文用CSS+DIV制作表单圆角案例，形成学生思考和分析问题的能力，从而提高学生制作网页的技能。

　　案例教学法以注重学生的基本能力为基础，避免单纯理论知识的学习，在实践过程中，可以鼓励学生进行单独的思考和创造，提高学生学习的积极性。

　　表单（Form）作为网页与用户接触最直接、最频繁的页面元素，其在网站用户体验中占有最重要的位置。而表单也常常用于用户注册、登录、投票等功能，用于吸引新用户，留住新用户的重要工具。设计一个表单很简单，但设计一个用户体验高，漂亮的表单却并不易。如果表单设计用户体验不高，无疑将会对网站用户粘性大大降低。

　　把此案例效果图展示给学生，吸引学生的注意力，激发学生探究学习案例的热情，让学生带着例子去探讨课本上的理论知识，为学生学习理论知识打下坚实的基础。

　　根据表单圆角的案例，让学生展开分析和讨论在案例中所用到的理论知识，分析表单的布局结构、分析实现的代码，学生试着写出CSS代码，并预览调整，测试优化页面。

　　教师通过学生完成的案例进行总结和点评，分析不同学生在案例中存在的优、缺点，有针对性的进行深入的分析，对出现的问题从不同角度和方法，与学生共同找出最佳解决方案。最后对此案例所涉及的理论知识和代码进行全面的总结：

　　（1）CSS+DIV布局：利用CSS样式控制DIV标签的位置来实现网页的布局。

　　（2）盒模型：盒模型是CSS的基础，它认为页面上的每个元素都被看作一个矩形，这个矩形由内容、填充（padding）、边框（border）和边距（margin）构成。

　　（3）位置控制（position）属性：位置控制属性可以确定元素在网页中的位置，分为静态定位（static）、相对定位（relative）和绝对定位（absolute）。

　　（4）浮动（float）属性：浮动属性是CSS布局中很重要的属性，用于控制元素左右移动，分为不浮动（none）、左浮动（left）和右浮动（right）。

　　（5）选择器：CSS的主要作用就是将一系列的样式规则应用于文档中，使得文档中应用了这个规则的内容实现某种样式。这一系列的样式规则就叫做选择器。文档用了不同的选择器，就呈现不同的样子。选择器主要分为标签选择器、类选择器和ID选择器。

　　（6）显示与可见性：显示（display）一般用在改变属性（如导航），增加交互（如标签），显示分为块元素（block）、行内元素（inline）和无（none）。可见性分为可见（visible）和隐藏（hidden）。

　　（7）常用CSS属性：常用的CSS属性包括字体（font）属性、背景（background）属性、边框（border）属性、边距（margin）属性、填充（padding）属性和列表（list）属性。

　　CSS+DIV方法实现网页设计已成为当前网页设计的一种趋势，本文旨在通过案例教学法使学生更好的掌握CSS+DIV的基础知识，激发学生学习的兴趣，调动学习的主动性，制作出更漂亮的网页。

　　《网页设计》是面向计算机及其相关专业开设的一门课程，是一门计算机软件应用类课程。《网页设计》课程要实现的教学目标包括：①网站的基本知识，例如网站的发展和分类知识、网站开发所需的技术、HTML语言和CSS的结构和语法等；②掌握网站的开发流程，例如建站规划、效果图制作、建立站点等相关知识；③掌握各种网页元素在Dreamweaver中的使用，例如表格、文本、图像、超级链接和表单等；④熟悉一些网页设计辅助软件的功能和使用方法，例如Photoshop；⑤能够解决一些网页设计中的常见问题。本课程旨在培养学生的计算机应用能力，使学生掌握网页设计方法、网页设计语言及相关设计工具和美化工具的使用，从而满足和适应信息化社会对物流管理专业学生综合素质的要求。

　　课程内容设计在教学大纲的指导下完成，在教学过程中适时引入新的教学案例和教学方法，这些教学内容能够丰富学生的网络知识，提高学生的网页设计能力和计算机应用能力，为将来使用和开发与专业相关的软件奠定基础。

　　课程授课采用讲练结合的方式进行。在教学过程中，不再把书本上的现成知识传授给学生作为教学目标。通过理论讲授、案例演示和分析，让学生在真实的情境中学到相关知识，这样学生就知道如何把相关知识点应用于实际。课程采用的教学案例和学生练习的内容都出自实际应用，从而大大增强教学效果。鼓励学生将课内学到的内容应用到课外实际应用中，并将学生课外创作的自选作品作为成绩考核的重要依据。

　　实践教学内容与理论教学内容保持高度一致，讲授什么知识点，学生就上机练习什么知识点，分析什么教学案例，学生就制作什么教学案例，通过实际项目的分解让学生更好地掌握《网页设计》的应用，大大提高学生的综合素质。同时，不断丰富实践教学内容，采用最新教学案例，取得较好的教学效果。

　　计算机实验室能够保证学生《网页设计》课程上机时，1人1机，全部上机在Windows7网络环境实现，利用电子教室软件实现课程电子资料实时发送，课堂电子作业实时提交，实现整个实验教学过程的无纸化。

　　教学方法采用讲授法与案例教学法。对于《网页设计》相关的概念及基础知识，采用传统的课堂讲授的教学方法完成，让学生理解并接受。对于《网页设计》课程中的一些应用性和实践性比较强的知识点，采用案例教学法，通过案例演示和分析，学生知道完成教学案例的途径和相关知识点。通过布置任务，让学生查找并应用知识点，以学生为主、教师为辅，激发学生学习兴趣，提高学生应用能力。

　　《网页设计》课程教学采用“电化教学”手段，引入“电子教室软件”辅助教学。教师通过教学课件和教学案例演示教学内容，教师微机屏幕上的内容能够实时发送到每个学生的微机屏幕上，这样学生就可以通过自己的屏幕实时看到教师的教学内容。通过“电子教室软件”，教师机的教学资料可以很快发送到学生机上，学生完成的电子作业和自创作品可以快速提交给教师。通过“电子教室软件”，教师能够很好地和学生完成提问和回答等教学互动，监控学生的操作屏幕，及时了解学生的状态并相应给出教学指导。“电子教室软件”具有电子点名功能，只需要几秒钟就可以完成整个班级的学生点名工作。

　　改革“一张卷子”评定成绩的课程评价模式，应用以单元测试、评价作品和上机实操考试为基础的综合考核方式，更注重学生平时的电子作业、教学实例和自选创新作品的完成情况，通过综合评价，变考书本为考能力，边学习边考核，加重平时成绩在总成绩中的比例，这样能够全面评价学生的网页设计能力。

　　考试命题完成是在课程教学大纲的框架下完成的，全体学生《网页设计》考试采用理论+实操的形式，试题覆盖教学的全部内容。从考试结果分析，试卷注重基础知识的考查，难度偏易，区分度较好。从学生考试时间分析，90分钟内学生全部能完成考试，以下是试卷分析结果。

　　在我国，视觉传达教育起步较晚，但是发展迅速，其人才培养和教育模式倍受社会关注。目前很多高校在艺术类网页设计课程的教学上存在两种主要现象：一是重设计、轻制作；二是重软件、轻艺术。第一种培养出的学生一般只注重静态页面的视觉效果，对网站的动态更新关注较少，不利于网页后期维护；第二种培养出的学生侧重于Dreamweaver、Flash等软件的操作，对网页的版式、VI形象等关注较少，制作出的网页往往缺乏个性、艺术表现力不强。因此，对视觉传达专业的网页设计课程的教学改革势在必行。

　　我们都知道，一门学科的课程目标通常决定了该学科的最终导向，它不仅能为教师传授正确的学科理念提供依据，同时也给学生指明正确的课程学习方向。因此，视觉传达专业网页设计课程改革的首要环节就是对该课程教学目标的重新确立。众所周知，高等教育培养出来的人才最终要服务于社会，社会的需求决定了该学科的教学内容和教学目标。随着科技的进步，时代的发展，不同时期对网页设计人员的需求也是不同的。通过市场调研，我发现目前社会上网站分工越来越细，招聘的相关岗位大体分为三类：第一类为前台美工，以视觉传达专业为主，以网站的形象塑造和界面美化为岗位内容；第二类为网站后台服务，多以h7V5数据库等做交互型网站的，以计算机专业为主；第三类就是两者都要具备的全才网页设计师，是具有技术背景和多年实战经验的创意人才。由此我们可以确定视觉传达专业培养出来的网页设计人才的岗位定位应是网页美工师，他应该具有两种专业素质：一是掌握网页设计的基本要素和美学知识相结合的方法与技巧；二是懂得简单机算计软件（PS、Dreamweaver、Flash）的操作，便于在制作网页界面时考虑到后台维护的便利。而“艺术设计教育的人才培养目标是：培养综合素质高、创造能力强的高级应用型设计人才”。所以该课程教学目标应该是培养具有以上两种专业综合素质的、创造能力强的高级网络应用型设计人才。新的培养目标确定后，该课程的教学内容应该在此基础上重新调整。

　　视觉传达专业网页设计课程教学内容应该为教学目标服务，知识结构要合理，应注意知识点之间的交叉及有机结合，同时也要有效地培养学生的创新性思维及独立分析、解决问题的能力。基于此，新的教学内容调整为两大板块：理论课程内容和实践课程内容。

　　理论课程内容在课程编排中为最先讲授内容，以教师PPT演示传授为主，学生讨论互动为辅，课时安排为总学时的四分之一。在教学过程中又分为两个环节来实现：（1）第一次课的设计把第一次课设置为课程概述，主要对网页设计课程的教学特点、教学内容、教学目的、教学重点和难点加以通篇介绍，对学生说明课程安排和考核要求，并通过简单上机实例操作来提高学生学习兴趣，进而引入网页基本理论教学环节。（2）网页基本理论学习网页基本理论学习包含三个知识板块：网页设计的基本要素、网页界面的版式设计、网页VI形象的美学塑造。我们知道每个设计门类都有自己独特的构成元素，这些不同的构成元素形成了该门类不同于别的门类的独特的艺术魅力。了解和掌握这些构成元素的特点和作用，有助于我们更好地进行设计工作。网页构成元素按功能和形式划分为两大类型，按功能划分为页眉和页脚、背景与底纹、按钮与控件、导航器和目录、功能板块和广告位；按形式分为文字、图片、色彩、多媒体和超级链接。网页设计中的构成语言不同于传统平面设计，它们之间存在很大差异，例如网页设计中的颜色是光色，是标准的RGB色彩，而传统平面设计中的颜色在输出过程中是以印刷色CMYK形式出现的；传统的平面设计不用考虑网络传输的因素，而网页设计中的构成元素应考虑在不影响显示效果的前题下，尽量压缩文件大小，便于网页文件的上传与下载；又如动画、音频等多媒体语言在传统平面设计中不用考虑，而在网页设计中它们是给网页增加活力的重要手段因此，教师在此板块教学中要选择大量实例进行比较，不但要指出网页设计各构成元素的特点和作用，而且还应指出与平面设计中相对应元素的异同之处，便于学生区别学习。网页界面的版式设计不同于传统平面设计的版式设计。平面印刷品有着各自固定的纸张大小或裁切规格，而网页界面则不然，它的显示尺寸受到电脑显示器的限制，不同尺寸的显示器显示的网页界面是有区别的。除此以外，它的最终显示控制权其实掌握在浏览者手中。如果过分注重网页界面版式设计的视觉完整性，就不能顾及网页设计元素的灵活性。所以，教师在此板块教学中应该强调网页界面版式的变化性，同时也要强调首页与内页版式的连贯性，要求学生在设计中注意网页界面版式完整性与灵活性的关系。网页设计是VI设计的一个重要组成部分，是企业视觉形象执行标准的延续和拓展。和所有的线下公司一样，一个好的网站也需要依助于VI设计。准确的、有创意的VI设计，有利于树立网站形象，使其在众多同类网站中脱颖而出，增加浏览者的浏览欲望和浏览记忆，对该企业的推广和宣传也能起到促进作用。网页设计课程上引入VI设计概念，教师应该保持教学的延续性，要求学生在进行网页设计的同时，将VI理念应用到网页界面中。网页设计应主题突出、富有创意，色彩搭配应协调统一，具有强烈的视觉冲击力，从网页LOGO到色彩运用均要突出企业视觉形象。

　　视觉传达教育的目的就是培养出创造能力强的高级应用型设计人才。应用性人才的培养模式里实践性课程比例要大，网页设计课程也是这样，理论是基础，实践是灵魂。所以实践课程内容在课程编排中为比重最大的内容，课时安排为总学时的四分之三。实践课程包含软件操作板块、简单代码学习板块和实际案例制作板块三个知识点。此部分内容在教学过程中又分为两个环节来实现：

　　此部分教学为计算机软件学习阶段，Fireworks、Dreamweaver、Flash是传统的网页设计软件学习内容，根据当今互联网开放性的特点和视觉传达学生对现有软件知识掌握的情况（PS是基本功，是学生都已掌握的软件），把传统软件教学内容更改为“网页新三剑客”（PS+Dreamweaver+Flash）的学习。简单地说，就是用PS制作静态网页界面和切图，并处理图片，用Dreamweaver布局和超级链接，用Flash做特效。而这三个软件知识板块里面教学重点依次为Dreamweaver、Flash、PS。在软件教学环节，教师可借助类似“红蜘蛛”一样的网络教学平台和学生互动教学。学生可根据老师在线传送的素材临摹教师的操作，教师也可以在线观察学生执行情况个别辅导。同时根据艺术学生英语和数学水平普遍较低的特点，在教学中应该增加一些简单代码知识，介绍一些常用的代码语言及Html标签和CSS规则的使用方法，便于优化网页样式，使整个网站风格统一，也便于对已有的网页模板进行更改，进而大大提高学生的岗位实践技能。

　　此板块教学采用以项目为载体、以任务为驱动的教学方法。教师可以引入实际项目或者虚拟项目，提出项目名称和项目要求，辅导学生进行实际案例设计。实际案例制作教学应充分强调实用性和自主性，教学环节可分三步进行。首先是教师示范环节：教师要根据实例要求演示创作过程，从网站创意草图到制作静态界面；从创建站点到Dreamweaver网页布局，创建超级链接；从美化网页样式，到制作网页特效，利用简单的代码语言和Flas实现动态、实时、交互的页面效果教师应将每个创作环节一一展示，并将知识点设计应用到整个案例实际操作中去，做到知识点与案例有效融合，案例之间能承上启下，有机衔接。其次为学生设计环节：学生可以根据老师的思路对经典案例进行学习和分析，依据实际任务的要求，进行网页设计实际操作。其间遇到问题学生可以相互讨论，或求助教师解决难题。在整个讲课过程中，教师指导为辅，学生对案例进行学习和分析为主，充分发挥学生的主观能动性。要求学生充分发挥创意性思维，从被动学习转换为为了实现项目目标而进行多渠道主动学习，提高学生学习效率，缩短和实际岗位间的操作差距，进而为走向社会奠定基础。最后为展示评价环节：学生对自己的作品公开演示汇报，并鼓励别的学生对其作品评价，找出优劣点，好的保留，差的改正。教师根据作品质量和学生评价对作品打分，以此作为该生整门课程成绩的一个依据。

　　计算机网页设计是一项具有操作性极强的一个综合性课程，想要制作出一个“有声有色”的网页，就要具备动画制作、图像处理以及文字版面处理等相关的一些知识。在计算机网页设计当中，常用的网页设计软件有：Firework、Dreamweaver以及Flash，这就是人们常说的“网页制作三剑客”。

　　在一般的技工学校开设网页设计课程时的教学模式都是沿用传统的教学模式，通过理论和实践的模式来组织教学的过程，也就是根据大纲的要求，针对各个章节来对学生进行教学，不同的知识点分别安排一次实验和理论[1]。然而这样做的结果是导致学生不能够学以致用，只会机械的照搬，不能够融会贯通，没有达到学生的创新能力的培养。虽然这种教学方式也比较注重实践教学，但是实际的教学效果却往往达不到预期想要的目标。形成这些结果的重要原因就是即使是学生对网页制作中的一些技巧以及技术掌握的非常好，但是在图片制作、内容排版编排、以及整个网站的布局和规划上缺乏对整体网站的把控能力，这一点是非常重要的。

　　案例教学法指的是在学生能够掌握基础部分的知识分析、知识理解以及能够达到辨识能力的基础上，教师通过精心的课程设计呈现给学生所要学习的案例。并且根据教学目标和课程大纲的要求和教学内容，引导学生通过运用案例来将所学的知识进行讨论和分析，并且采取团队合作和自己独立思考相结合的模式进行分析，对所学知识进行进一步的分析和辨识以及提高解决具体问题的能力。与此同时，培养学生正确的工作作风、管理理念管理理念以及沟通协调能力的一种教学模式。

　　案例教学法是一种通过实例为基本的教学方式，在教师教学的过程中通过生动形象的案例来激发学生对网页设计的学习星期，再把案例当中涉及到的知识点贯穿到学习网页制作的过程当中，让学生在学习知识的同时提高解决问题的能力。在整个案例教学的过程中教师扮演着重要的角色，既是设计者又是激励者，让学生能够积极的参与讨论。

　　在案例教学当中没有一成不变的教学方式，但是只有对每个环节的流程都加以注重才能得以有效的实施，才能够使案例教学达到成功。案例教学的流程是：案例教学设计组织案例讨论实现案例和总结。

　　进行案例教学设计是实施案例教学法的基础和前提，授课教师要根据教学要求以及教学规划对讲授的内容进行充分的备课和对案例相关的技能和理论的讨论，并且对案例教学中可能出现的问题进行分析和讨论。

　　在案例设计的时候要注意以下几点：教学案例要具有实践性，设计的案例要跟现实和教学当中的案例相吻合，这样才能被学生理解；教学案例要具有典型性，教学案例要能够涵盖课程中大部分的知识点；设计的案例要具有系统性，在教学的过程中，要用到的案例之间应该是相互联系和前后贯穿的，而且要由易到难的进行编排；案例设计必须要具有针对性，教师要针对大部分学生的接收能力来设计教学案例和选择教学案例。

　　学生在对案例进行分析的同时，还要探索和思考怎样用于实际，及时有效地促进理论向实践的转化，达到理论和实践相结合，还能不断的扩展学生的视野。如：在网页设计的教学中，给学生一个实际的题目，设计个人求职网站。因此，学生就要根据实际情况和结合所学的网页制作知识来分析求职的素材以及独立的做出设计，提高学生实践动手能力和提高学生学习理论知识的兴趣。

　　组织案例讨论的重点是对问题进行分析，并且提出解决问题的思路和办法。针对同一个案例不同的学生实现的方法和分析的结果可能不大一样，有些学生能找到简易的实现途径但是难以理解，而有的学生找到的方法比较复杂但是容易理解[2]。因此，教师要引导学生删除案例当中次要的细节，并且发现案例中的理论知识和案例结构之间的联系。案例讨论的关键是教师和学生一起努力，把案例当中的教学内容和理论知识联系起来。想要达到这样的要求，教师要做好引导工作，创造自由的讨论氛围，知道案例讨论，让学生成为主角。

　　案例教学方法主要强调的是在教师进行教学的过程中当做一种交往的情境，在此情境当中，学生可以主动的参与各种互动交流以及学习活动，能够在情境中反复的进行学习。这就和传统的教学模式有所不同，传统的教学模式是以教师为主导思想。而在案例教学当中的主体地位是学生，对学生不要求强记内容，但是要对提出的问题进行积极的思考，并且经过反复的训练，才能使学生达到分析问题以及解决问题的能力，实现培养动手能力强的目标。如：在网页设计的教学过程中，教师可以针对不同的内容采取不一样的教学方式，在最初对Dreameaver MX网页制作工具进行介绍的时候，因为学生对这个工具比较陌生，教师可以采用案例讨论的方式来进行教学。

　　通过学生对案例进行讨论以后，教师要对讨论的结果做出评价，摒弃不正确的观念。并且还要对在案例分析当中需要用到的知识技能以及技巧进行讲析。在学生上机操作的时候，就可以按照课堂上的讨论内容来对案例进行实现。这样有利于使学生对需要掌握的知识点牢记。

　　一位学者曾今说过，“人只能由人来塑造，能力只能由能力来培养”。作为一名教师的基本条件就是具有渊博的知识，这是教师传递知识和经验来决定的，教师要不断的学习通过学习方便不断地向学生提供各种新的不同的信息。只有做到这样，才能使教师的威信、影响力加以增强，并且提高教育质量。

　　教师还要通过各种形式的方式去关心和爱护学生，并且深入到学生中去，体会学生的心理感受，做学生的良师益友。

　　认知结构是认识事物、适应环境和学习知识必备的条件，而学生在学习的过程是“顺应”和“同化”机能的不断平衡的过程，是认知结构在不断构建的过程。所以，教师在呈现出新的知识点和引入一些必备的背景知识的时候， 要紧扣教学大纲的重点。教师在进行教学案例的选择的时候每一个案例都要反映到教学大纲当中的知识点上，做到有针对性。

　　如：在网页的页面布局时可以采用框架以及层和表格的方式，以一个食品网站为例做一个简单的草图：第一层插入背景图片，给网页一个主色调；第二层插入一个flas，使网页充满生机活力；第三层插入精品美食；第四层搭配歌曲体现企业的饮食文化；第五层可以添加一个浮动的物体，使整个网页看起来更具有立体感。教师要先对学生进行鼓励用表格布局的方式来解决问题，然后再引出层的概念，一步一步的解决问题，最后完成任务。

　　教师在案例教学的过程中要学会营造一种融洽的、活跃的课堂教学气氛，让学生感到心理自由和心理安全，使学生真正做到敢说、敢尝试。教师在案例教学当中处在主导地位，是案例教学的组织者[3]。因此，案例的实现过程都要由学生来完成。学生的主动性和积极性很大程度的影响了案例的教学的质量以及效果。

　　总而言之，案例教学法改变了传统教学中学生被动的角色，有利于提高学生的实践能力和对理论知识的掌握。在案例教学中学生成了学习的主体，提高了学生在学习过程中的自主性，并且还解决了在传统教学中的一些问题。案例教学法是现代教学法中的一种，想要优化课堂教学，就要运用多种教学模式，根据学生的实际情况来提高课堂教学效果，提高教学质量，培养现代化高素质的应用型人才。

　　[1]冯小东.浅谈高职院校《网页设计》课程教学改革[J]甘肃广播电视大学学报2010(2)：26-28.