网页设计与制作、网页前台设计（网页工程师）是最主要的工作岗位。依据工作岗位任职要求，参照网页设计师考核标准，明确了从事该两种岗位的职业人才必须具备以下职业能力：网页建设与设计能力、网页美工能力、网页动画能力、网页编制能力、网站编程能力、网站维护能力等。在工作过程和职业能力分析的基础上，该课程的教学应该围绕职业人应具备的知识点、技能点和职业素质来进行，并做到有机融合。于是我校构建了以项目为主要教学内容的课程体系，确定了该课程的培养目标，为学生今后从事网页设计与制作、网站开发和管理奠定基础。
针对实际工作任务需要，我校组织教师实地考察网站设计的完整过程，对工作任务、工作对象、工作过程、工作方法、常用工具、工作要求等相关信息进行分类整合、重组和序化，之后，按照工作过程又进行了整合。
在教学过程中，为了更好地培养学生的职业能力，课程开发团队本着职业性与实用性相结合的原则，以行动为导向，考虑学生实际，主要采用项目教学法、任务驱动法和六步教学法完成教学任务。以“产品宣传”网站为例，选取真实的项目——我院校办工厂“灵泉饮品有限公司”的网站制作展开教学，教学流程。通过项目导向和任务驱动的教学方法，将实际的网页案例和工作中的实际问题引进课堂，将课程知识点贯穿于网站制作的全过程，引导学生运用所学知识，学会独立解决工作中的问题、制订设计方案，其结果是大大提高了学生动手能力、自主学习能力和沟通协作能力，收到了良好的学习效果。
工作过程导向课程主要以任务为载体，特别强调过程考核。而“网页设计与制作”课程强调从学生的职业能力、实践技能、理论知识的运用能力、理论知识的拓展能力、资格认证五个方面进行考核。在考核中把握三个注重：注重学生作品的设计，注重与资格证接轨的模拟训练，注重实践技能的应用。此外，在考核中还增加了成果展示及答辩环节，将每周一次的任务阶段性展示优秀作品制作组组长评选为“周冠军”，将每月一次的项目成果展示优秀作品制作组组长评选为“月冠军”。
作者简介：钟钦钦（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个小组，每个小组选择一名小组长，小组内容自行分配文字报告撰写、资料搜集任务，调查时间为半天，讨论研究时间为半天。在整个实施阶段，教师需要全程参与，并为学生解决各种问题，同时教师要积极与各个小组保持联系，检查他们的网页制作情况，发现问题及时解决。
（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.加强教师业务进修。项目案例教学法的实施对教师的专业素质要求很高。在应用项目案例教学法时还需加强教师的专业进修。
在传统的教学中，是以教师的讲解再配合学生的练习为主要的教学方法。这种教学模式，是以教师为主导的，老师先传授基础知识，再给学生演示教学实例，演示完成后再让学生做练习来巩固学习的知识。这种方法在教学中持续了好多年，他的好处是教学系统整个教学过程比较完整。可是这种教学方法有个致命的弱点，那就是教师在台上面面俱到的教，可是学生没有实际的操作经验，难以理解，老师在孜孜不倦的教，可是学生却兴趣缺乏，往往是老师累得满头大汗，学生却收效甚微。为此，我们提出了以学生为主导的教学方法。
1.1教师备课以学生为主导，要准备合适的案例为学生开启网页设计的大门学生是教学过程的主人翁，教师实现备课，除了准备必要的基础知识以外，我准备大量的设计实例。网页设计在技能上更注重设计，因此在备课的过程中，要根据学生学习循序渐进的过程，准备各个阶段的案例项目。在学生刚开始接触网页设计之初，要给学生一个网页的整体设计思路。这时候要准备大量的成品优秀案例，最好是获奖作品，提升学生的学习兴趣，让学生觉得学习网页设计是一个非常有意思的事情。在提升了学生的学习兴趣以后，要及时的准备教学实例，这个阶段要及时地把网页设计的基础知识融入其中，这个阶段的教学实例要简单易行，让学生比较容易上手，这时候的案例要比较充裕，以大的作业量来提高学生的基础设计水平。在学生掌握了基础制作水平以后，就是学生的提升阶段了，这个阶段的学习是非常重要的，是关系到整个网页设计教学的成败，这个阶段案例的选取要有代表性，这时的案例要全面可行，每一种案例都要涉及。最后的一个阶段是总结阶段，这个阶段的案例的选择要具有实用性，要采用企业的实际案例，模仿企业的运行模式来教学，案例要选取企业中实际制作项目。这样一整个备课过程下来，教师就对整个教学有了事先的良好把握。
1.2在教学过程中采用“校企一体化”的模式校企一体化的教学模式指的是在教学过程中模仿企业的运营模式，老师是项目经理人，学生是企业员工。在这种教学过程中，一开始学生就是作为新进员工参与其中的，教师指导学生做大量的基础案例项目。这种项目可以是把制作好的网页模板切片做必要的基础链接，可以是为网页设计漂亮的导航，可以是为网页优化布局。当然可以在这个过程中加入一些简单的网页整版设计，要注意要及时的调动学生的积极性，对于完成的好的作业案例要给予表扬，适时的肯定学生的成绩会使学生的学习更为有益。在基础案例做的比较多的情况下，学生的基础制作水准有了很大的提高，这时候要及时的推动教学进入下一个提高阶段，这时候教师要把自己的角色定位为项目经理人，提出一些有代表性的项目，比如为某酒店制作一个网站，提出各种要求，让学生在规定的时间内制作完成。这阶段教学的过程，教师要有耐心，要有一定的高度，对于学生的要求要严格，对于学生作业中出现的问题要马上提出，并督促学生做出优化设计。这个阶段的案例一定要全面，给学生的项目要有代表性，对目前使用范围比较广的网站设计方向要把握准确。在最后的总结阶段，教师提出的案例最好是企业所提供的，这种实例更具有实际性和探索性。比如，为宏福祥服饰有限公司制作网站。在这个网站的制作过程中，就有学生的大量参与，从选片修片到整个版面的设计，乃至后台的制作设计，学生们都做出了巨大的努力。在这个网站的制作过程中，学生分成了五个小组，做出了五套网站设计方案，最终有一套方案被企业录用。这种企业的教学模式在网页设计教学过程中取得了很好的效果。
1.3教学结果评价的改革在以往的教学中，都是以考试来评定教学结果的。在新的校企一体化的教学模式中，我们摒弃了以往的评价模式，采用作业考评结合平时表现的模式来评价学生的学习效果。采用平时表现，作业成绩三七开的方法来考核学生。在作业的评定中，为了使评定结果更客观，我们采用专业教师和合作企业代表共同参与学生的作业讲评，根据讲评综合给分。这种考核方法更为合理有效，不仅仅考核了学生的全面的专业技能还考核了学生的职业素养。
在网页设计的主要授课过程结束以后，最好要安排一至两周的校内实训。在实训周内，整合学生的全部力量，完成一至两个大的企业实际项目案例。实训周是提高学生网页设计水平，培养学生成为网页设计师的良好时机。在这个过程中，教师要为学生选好实训项目，最好有一定的难度。学生在学习过Photoshop、Dreamweaver、Flash、Div+CSS等网页设计主要软件工具以后，一直以来都是分开来使用的，这次要把他们整合在一起来使用。把网页设计的整套设计过程整个的体验一遍，选用Photoshop制作出版式配色等整体效果设计，然后切片导入到Dreamweaver中，对需要用到特殊排版的地方用Div+CSS进行设计排版。对于画龙点晴之处最好加入特点鲜明的Flash短片，这样完成的项目更具有吸引力。通过合理有效的校内实训，可以加强学生的设计能力和创新能力。
作者简介：秦书荣（1987-），女，硕士，广东农工商职业技术学院艺术系实验员，研究方向为网站建设、三维动画设计、影视后期制作；李新（1981-），男，广东农工商职业技术学院艺术系讲师，研究方向为影视后期制作、新媒体艺术设计、美术学。
为了回答“高职高专院校在网页设计课程的教学中，如何使学生具备旨在适用的网页设计心智技能”这一问题，研究者不约而同地聚焦基于问题的学习环境（PBLEs）这一关键词，并普遍认同，问题的解决是在职业技能培养过程中广泛采用的学习活动方式。从实践层面出发，学生网页设计心智技能习得的成败与基于问题的学习环境设计密切相关。同时，谈及学习环境的设计，无疑需要关注认知心理学领域心智技能培养的理论研究。毕竟，只有依据人的心理工作方式设计的学习环境才能促使学生进行有意义的学习[1]。
本文将从培养“网页设计师”这一视角，关注学生网页设计心智技能的形成，着力为网页设计课程引入认知心理学领域的心智技能培养研究结论，并依托案例，论述如何将心智技能研究合理有效地应用到基于问题的学习环境设计中，从而促进学生适用的职业技能形成。
借鉴我国教育心理学家冯忠良教授关于心智技能的观点，可将网页设计心智技能视为在网站构思、设计、制作过程中通过有目的、有计划的学习或练习而形成的，用以调节和控制解读分析客户需求、构思网站的局部与整体、设计网页各部分要素及制作与整合网站各部分的一系列合乎网页设计规则的思维、方法和经验。
戴维·H·乔纳森将基于问题的学习环境（PBLEs）描述为“以问题解决为核心，相关案例、信息资源、认知工具、会话或协作工具及社会或境脉五要素为支撑的学习环境，其最主要的特征就是为学生提供脚手架支持的问题来驱动学生开展问题解决的学习活动[2]。
根据Merrill的观点，“有效教学就是‘问题为中心’的教学”[3]。上述两个关键词之间存在相辅相承的关系。一方面，心智技能研究结论将为基于问题的网页设计学习环境提供认知心理学的理论依据；另一方面，基于问题的学习是网页设计心智技能培养实践活动中广泛采用的方式。
冯忠良教授认为，心智技能形成需要经过原型定向、原型操作及原型内化3个基本阶段。所谓原型，可以理解为外化的心智活动的实践模式[4]。本研究认为，网页设计心智技能的形成同样要经历上述3个阶段。而“原型”作为贯穿心智技能形成的核心，其建构意义重大。本文的先期研究在对已经具备了网页设计心智技能的熟手问卷调查基础上，利用“心理模拟法”创拟了“网页设计活动原型”，如图1所示， 本研究将讨论如何利用该原型展开三阶段的培养。
对学生而言，网页设计活动的原型定向往往需要教师的示范和讲解，那么教师首先应该使学生明确网页设计活动原型的结构、各个环节的操作原则及必要性并利用脚手架支持的问题来驱动启发学生的主动性和自觉性；然后按照原型正确示范和讲解完成某一网站建设任务的完整过程。这里需要强调的是，教师需要将原型中每一个心智动作详细展开。原型定向阶段的教学，只是网页设计活动心智技能教学的开端，要使学生真正形成心智技能，还需要进行实际操作。
学生利用上述在定向阶段形成的原型，亲自从事某一网页设计活动，将在头脑中建立起来的活动程序计划以外显的方式付诸执行。在这个阶段，应该借助脚手架支持问题来驱动学生利用原型，把构成这一活动的所有动作系列，依照一定的顺序作出不能遗漏和缺失，教师可以提出以下要求：①要根据“原型“严格遵循动作序列逐一执行，及时检查和矫正动作的执行情况；②学生在实践模式的每个环节提交一些阶段性材料或者记录一些完成过程来保证是按照实践模式的步骤完成任务的；③建议学生将动作执行和言语相结合，边说边做。
网页设计心智技能的原型内化阶段是将上述实践模式向头脑内部转化的过程，表现为学生从事网站建设任务时可以离开实践模式，借助语言指导来完成。学生只有在多种不同的实践条件下反复进行网站建设的具体活动，才能不断从原型中抽取本质的东西，最后形成普遍适用于不同实践条件的原型（心智技能），只有到这一步心智技能才算线 一个充分体现心智技能三阶段理论的PBLEs设计
在网页心智技能培养三阶段理论的指导下，学习环境设计比较合理的安排是：首先依托一个充分体现原型的范例讲解和操作，完成活动原型中蕴含的相关知识和操作流程的讲解，初步形成“原型定向”。这一阶段教师应该关注脚手架支持的问题设计。然后，实施基于项目的学习，指导学生利用课后时间自主完成几项网站建设的综合任务，将原型进行操作和内化，最终使学生具备网页设计心智技能。下面就从“原型定向”阶段PBLEs设计最关注的脚手架支持问题展开叙述。
在“原型定向”阶段，教师需要提取“网页设计活动基本原型（如图1）”中的4个核心环节，然后把这4个核心环节中蕴含的相关知识和操作流程设计成脚手架支持的问题，继而通过教师逐步示范和讲解一系列问题的解决过程，完成网页设计活动的定向。例如，附件网页设计活动原型定向阶段PBLEs设计方案中，对应“网站方案设计环节”的学习内容，将其转化成9个具体的脚手架问题。它们分别对应网站建设过程中“需求分析”、“系统分析”、“风格设计”、“UI版面初步布局”、“色彩定位”及“网站建设日程规划”等重要学习内容。这些脚手架支持的问题是以完成“网站方案设计”这一环节为驱动力而提出的，将引发和维持学生在该学习阶段中的学习兴趣和动机，引导他们带着明确的问题与目标，模仿教师的示范行为，开展真实的问题解决过程。在脚手架支持的问题设计方面，教师需要依据学生能力临近发展水平，问题难度要居于该临近发展区内，这样学生就可以调动己有的网页设计基础知识及操作技能等认知经验来解决当前面临的脚手架问题。
网页设计活动是一个渐进过程，脚手架支持的问题是依照这个渐进过程的发展顺序提出的，难度一般是逐级升高。因此，在设计这些脚手架支持的问题时，还需要注意合理安排难点和重点、考虑子任务的大小、所需知识技能含量、相关影响因素等多个方面。根据问题的难度，我们提供了支持指导、相关案例、辅助资料等，并创设必要的实践条件，使问题解决具有操作性。这一阶段，还要求教师关注各个问题解决的策略选择和转换的讲解、示范及独立、协作及竞争等组织策略的合理运用。而学生则以教师演示的优秀范例为榜样，利用大量的相关案例、信息资源、认知工具、协作工具及境脉等展开原型的定向学习。事实上，教师演示如何根据客户要求完成网站建设任务的过程就充分体现了网页设计活动原型的范例，这将给予学生解决问题的逻辑结构和方法过程，它包含了一种内在的逻辑，为学生提供了支架，通过对范例的学习，学生可以模仿其中的路径和方法，从而完成原型的定向。
在原型的操作阶段，比较适合采用基于项目的学习方式，即教师布置几个不同的网站建设任务，以完成作品为驱动，通过一系列脚手架支持的问题来引导学生利用上一阶段获得的网页设计活动原型完成网站建设。这一阶段要求学生依照一定的顺序，不能遗漏和缺失地作出原型定向中的所有动作系列。该阶段的重点在于任务的设计，我们设计了以“个人网站”、“品牌推广网站”及“公司企业网站”为主题的具体项目。这3个项目的难度逐级升高，有一定的挑战性。教师还需要提供支持指导和辅助材料，并创设必要的实践条件，使任务具有可操作性，这样，学习者就能够在实践中掌握问题解决技能和方法。
在原型内化阶段，学生所从事的网站建设任务是可以离开实践模式的。教师需要为学生提供在多种不同的实践条件下反复进行网站建设活动的机会。例如，我们设计了以“小组为团队”，为本学院设计制作一个学院网站这一具体任务，期望学生通过不同的实践过程，不断的从操作原型中抽取更本质的东西，最后形成普遍适用于不同实践条件的心智技能。
客户要求：XX化妆品公司预借助互联网塑造良好的企业和产品形象，提高品牌知名度、美誉度和特色度。针对这这次品牌推广，我公司公开竞标，请有合作意向的设计团队于本月底之前提交设计方案及网站一稿，我方将从提交的方案和初稿中挑选出最满意的设计，并与其设计团队正式签约，预付30%的定金。同时，我们将提供企业LOGO、广告语、企业品牌发展历史、品牌产品的图片，推广活动视频等资料。
学习目的：学生通过观察、模仿学习教师是如何根据客户要求完成网站建设任务的完整过程。
②如何与客户沟通，提取与网站任务相关的关键词，解读网站主题，分析市场前景？
④如何结合网站主题、目标用户群体特征、企业机构已有VI色彩特征、客户提供的原始素材等确定网站的主色？
⑤鉴于主色，如何依据色彩设计原则（互补色，分裂互补三色组，类似色搭配原则等），确定网站整体的色彩定位？
⑦结合客户的要求及公司或机构的性质，如何对网站的功能模块进行规划设计，绘制出网站层次结构图，描述各功能模块及作用？
①根据网站设计方案中确定的页面尺寸，色彩定位，UI版面布局设计，风格设计，功能模块设计等信息，利用“PhotoShop”完成页面效果图设计的步骤和方法是什么？
专家熟手利用html+CSS技术制作网页有什么技巧？在制作过程可能遇到什么样的难题，该如何应对？
①如何利用JavaScript或Flash技术炫动你的网页？给页面添加动画的时候有什么需要注意的地方？
③三维动画建模活动中，“创意构思”、“模型设计”及“模型制作”这3个关键环节的目的、过程及阶段性成果分别是什么？
任务活动：结合自己的建模经验说明三维动画建模活动的完整流程，然后小组交流。
任务活动：①仔细聆听教师的范例讲解，然后借助因特网资料展开品牌场景的创意构思、设计与制作的活动，创建场景模型形成阶段性成果和建模作品；②交流和评价其他人的作品，通过竞争选出3个最优秀的场景模型。
范例讲解：展示了完成企业品牌场景任务的建模过程（审题、构思、设计、制作）。
PBLEs作为网页设计心智技能形成的关键，应该广泛引起教学实践者的关注。基于问题的学习始终应该在构建一个有意义的、真实的任务情境下，提供给学习者一系列基于案例的脚手架支持的问题，继而通过专家熟练的示范让学生明确完成任务的思维过程和问题求解的方法。在这样的学习环境中，教师承担着教练或导师的角色，需要促进学习者进行社会协商，并同步或异步的给予协助和指导。另外，后续研究应该关注学生网页设计活动原型的内化，比较适合采用基于项目的学习。该学习过程是拟真的、映射真实世界的生产活动，依照学习者的自我想法和方式来完成建站任务。只有经过这样的完整训练，学生才能真正形成网页设计心智技能，从而满足业界对网站前端设计人才的职业技能需求。
[1] 高文.学会用技术解决问题—一个建构主义者的视角[M].北京：教育科学出版社.2007：5-14.
[3] 祝智庭，顾小清.教学设计和技术的趋势与问题[M].第2版.华东师范大学出版社，2002：91.
[4] 冯忠良.结构化与定向化教学心理学原理[M]. 北京：北京师范大学出版社，1998： 29.
[5] 秦书荣，李冬睿，梁仲佳.网页设计活动原型构建研究[J].软件导刊，2013（9）：144.
随着现代网页设计技术的发展，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.