时间：2023-08-12 09:06:54
引言：易发表网凭借丰富的文秘实践，为您精心挑选了九篇网页设计教学教案范例。如需获取更多原创内容，可随时联系我们的客服老师。
众所周知，计算机网页设计课程具有很强的综合性和操作性等特点，若想制作效果良好的网页，需要具备文字版面处理、动画制作及图像处理等相关知识。设计计算机网页时，通常使用Flash、Firework和Dreamweaver三种网页设计软件。现阶段，很多技术学校依然采用传统的网页设计教学模式，即利用实践和理论的方式组织教学过程，具体地说，按照教学大纲要求，有针对性的对学生实施章节教学，若知识点不同，则会分两次进行理论和实验教学，这就导致学生无法灵活运用所学知识，一味的照搬课本内容，不会融会贯通和相互联系，以致无法培养学生的创新意识及能力。传统教学模式虽然同样重视实践教学，而其实际教学效果常常达不到预期目标，这主要是因为学生在熟练掌握网页制作技术及技巧的情况下，未能有效掌控网站、图片制作和内容排版编排的规划和布局造成的。
2、案例教学模式的内涵
所谓的案例教学模式，是指学生熟练掌握基础部分相关知识辨别、知识分析及知识理解的前提下，教师精心设计教学案例，进而为学生展示课程内容，同时，根据课程大纲和教学目标的教学内容和要求，指引学生通过教学案例的有效运用，分析、讨论相关知识，并以独立思考和团队合作有机结合的方式进行分析，促使学生进一步辨别和分析所学知识，进而提高其解决问题的能力。除此以外，教师还应重视培养学生的协调沟通能力、工作作风以及管理理念。
3、案例教学模式的特点
我们认为，案例教学方式的实施基础是实例，实际的案例教学过程中，教师往往利用形象、生动的教学案例，有效激发学生学习网页设计课程的兴趣，并在网页制作的学习中贯穿教学案例中的相关知识点，进而使学生在学好相关知识的基础上，不断提高自身的问题解决能力。教师在整个案例教学过程中，始终充当着激励者和设计者的重要角色，以促使学生积极参与案例讨论。
二、案例教学的具体实施方法
一般情况下，案例教学的教学方式多种多样、不断变化，因而只有高度重视各教学流程，才能有效实施案例教学，进而达到事半功倍的教学效果。我们认为，案例教学流程包括教学案例的设计、组织学生讨论教学案例、总结和实现教学案例三部分，具体实施过程为:
1、教学案例的设计
通常来讲，有效实施案例教学的前提和基础是设计教学案例，因而教师一定要按照教学规划和教学要求，充分准备授课内容，并讨论教学案例的相关理论和技能，同时还要分析案例教学过程中可能发生的问题。此外，设计教学案例时还应注意:第一，确保教学案例具有较强的实践性，即保证设计的教学案例符合教材及现实案例的相关要求，以便学生更好的理解;第二，确保教学案例具有较强的典型性，也就是说，教学案例可以涵盖大部分课程知识点;第三，确保教学案例具有较强的系统性，具体地说，设计的教学案例之间应具有前后贯穿的关系，并按照由易及难的顺序进行排列;第四，确保教学案例具有较强的针对性，这就要求教师根据学生实际的接收能力选择或设计教学案例。另外，学生还要在分析教学案例的基础上，不断思考和探索其实际应用，并有效、及时的促使教学案例理论知识逐渐转变为实践应用，进而实现理论结合实践的教学目标，同时不断拓宽学生的视野。例如，网页设计教学过程中，教师可让学生根据实际题目设计求职网站，因而学生需要结合网页制作的相关知识，根据实际情况，具体分析相关的求职素材，进而独立设计求职网站，这不仅激发了学生对理论知识的学习兴趣，还提高了其实践动手能力。
2、组织学生讨论教学案例
实际上，组织学生讨论教学案例的目的在于分析分体，进而提出合理、有效的办法和思路。每个学生实现同一教学案例方法以及分析结果各不相同，虽然部分学生能找到容易、简单的实现方法，却无法充分理解;部分学生虽然找到了容易理解的实现方法，其实现过程却非常复杂。所以，教师应有效指导学生果断删除不重要的案例细节，同时寻找教学案例的结构与理论知识之间的联系。此外，讨论教学案例的核心是学生和教师共同努力，进而将教学案例的理论知识和教学内容有机相连，这就要求教师充分发挥引导者的作用，并为学生创造自由、和谐的讨论氛围，同时让学生成为教学案例讨论的主角。一般来讲，案例教学模式着重强调教师教学过程中的交往情境，而学生在这一情境中，也能主动参与到学习及互动交流活动中，进而反复学习。与传统教学模式不同是，案例教学抛弃了教师为主的旧观念，将学生作为教学主体，且不强迫学生进行记忆，只要求其积极思考提出的相关问题，并反复训练，从而达到提高学生解决及分析问题的能力，最终实现培养学生积极动手能力的教育目标。例如，计算机网页设计案例教学中，教师应根据实际教学内容选择合理、有效的教学方式，如介绍网页制作工具时，由于学生对其比较陌生，因而教师可通过讨论案例实施教学活动。
3、总结和实现教学案例
学生结束教学案例讨论后，教师应恰当评价讨论结果，以便去除错误观点。同时，教师还要分析、讲解教学案例分析的相关技巧及知识技能，进而在学生通过计算机进行操作时，根据课堂讨论内容具体实现教学案例，以利于学生牢固掌握相关知识点。
三、案例教学在计算机网页设计教学中的具体应用
1、营造轻松、和谐的学习氛围
计算机网页设计的案例教学中，教师应注重为学生营造活跃、融洽的学习氛围，促使学生在心理上产生安全、自由的感觉，进而激发其敢做、敢说的勇气。此外，教师在计算机网页设计的案例教学中，始终扮演着指导者和组织者的重要角色。所以，学生要独自完成整个案例教学过程，且学生在这一过程中表现出的极大的积极性和主动性，直接影响着教学效果和教学质量。
2、提高教师素质，构建良好的师生关系
若想保证计算机网页设计案例教学顺利进行，需要教师具备知识渊博、经验丰富的特点，这也是教师为学生传递经验和知识的基本条件。因此，教师必须要不断的学习，以便为学生提供丰富的信息。因为只有这样，才能提高教师的影响力和威信，进而提高教学质量和教学效果。除此以外，教师还应全面、多角度的爱护和关心学生，同时融入学生中间，以便更好的感受和体会其内心世界，进而在做好教师的同时，努力成为学生的朋友。
3、建立科学合理的知识体系，选择合适的教学案例
一般来讲，学生学习必备、认识事物和适应环境的基本条件是认知结构，且其学习过程是不断平衡同化和顺应机能的过程，也是不断构建认知结构的过程。因此，教师若在教学过程中引入相关背景知识和展示新知识点，都要密切结合教学大纲。此外，教师选择教学案例时，应保证案例具有较强的针对性，且能充分反映教学大纲中的相关知识点。例如，为网页页面进行布局时，可通过表格、框架和层的方式进行，如为食品网站做简图时:为确定网页的主色调，应将背景图片插在第一层中;为给网页增添活力和生机，可将flas插在第二层中;将精美食品插在第三层中;为体现饮食文化，可在第四层中搭配相关歌曲;为增强网页的立体感，可在第五层中添加浮动物体。此外，教师应先鼓励学生使用表格布局解决相关问题，尔后引出层的内涵，进而逐步解决问题，直至完成学习任务。
四、结语
1案例教学模式内涵以及特点
案例的教学，美其名曰就是以实际的案例作为依托，然后实习网页设计教学，这样的教学形式可以帮助学生能够爆出扎实的基础知识与实际实践操作的要点，按照教学大纲上的需要，对于教学的目标加以确认之后，教师带着学生工程完善实践的学习，同时采用小组合作和探索研究的方式，积极的对知识予以进一步的解析与研究，从而不断对学生处理问题的能力加以提升，另外，教师还需要积极的调动起学生进行沟通的能力和从工作作风等多个方面去进行教学计划，从整体上去对学生的网页设计整体水平加以提升，在很多的实践调查分析之后我们能够看出，案例教学可以充分的调动起学生进行学习的积极性，并且还可以对网页课堂教学气氛进行活跃，从而提升学生进行学习的积极性。
2案例教学在计算机网页设计中的具体应用
2.1案例教学设计
案例名称：某旅游公司“一日游”的专题网页设计（1）企业概况。本次进行的案例教学，以某旅游公司的专题设计为内容，该公司从事旅游资源开发工作，是一家具有民营性质的合法公司，在庐山脚下，四通八达，以“庐山”为景点的一日游独具特色，价格合理，是针对各个群体要求定制的套餐服务，该公司具有自己的宣传网站，属于“三星级”旅游公司。（2）“庐山一日游”的主题介绍。人们生活节奏加快，身心俱疲，在周末或者是闲暇的时候，去庐山欣赏自然风光，缓解身心疲劳，通过体验大好的自然风光，唤醒人们对祖国打好河山的热爱，
2.2主要教学内容
（1）准备阶段。在准备阶段，教师应选择适当的情况，提供给学生，学生根据教师提供的情况，设计主题，进行相关数据收集，教师应该考虑学生的兴趣，兴趣和学习特点作为基础，选择当前的热点问题，以及学生关心的问题，善于解决问题，从而保护案例教学的成功。（2）明确的设计主题。教师将成为向课堂上所有学生分发的第一种材料，根据教学目标和公司情况，清晰的设计主题，要求学生设计具有风格特点，可以对互动功能页面产生市场影响。（3）练习分组。在班上有45名学生，9人分为5组，每组选择一组组长，组内容分配书面报告写，数据收集任务，调查时间为半天，讨论研究时间是长时间。在整个实施阶段，教师需要参与整个过程，为学生解决各种问题，教师积极与各个小组保持联系，检查他们的网页制作情况，发现问题及时解决。（4）结束的过程。这一阶段是总结网络生产情况，分析问题，总结过程中的经验，案例评估可以是学生自我评价，教师评价和群体相互评价三种方法。
3案例教学落实过程中应该注意的问题
在案例教学过程中，和谐学习分为良好的师生关系和科学知识体系，这是促进案例教学成功的重要因素。因此，教师应更加注重这些方面，并为案例教学提供更多良好的条件。
3.1营造轻松、和谐的学习氛围
网页设计教学，和谐气氛，学生的思维能更加积极，心理会产生安全感和自由感，网页设计，数据分析与分析的时间，可大胆的想象力，教师在案例教学实现，记住他只是一个指导，在适当的时候给予学生辅导，但不能取代学生的思维和设计，教师应该充分发挥学生的主动性，让学生独立完成案例教学过程。
3.2提高教师素质，构建良好的师生关系
如你想确保计算机网页设计案例教学的顺利进行，教师需要有博潮知识，有经验的特点，这是老师为学生传授的基本条件的经验和知识。因此，教师必须继续学习，以便为学生提供丰富的信息。因为唯一的办法是提高教师的影响力和威望，从而提高教学质量和教学效果。此外，老师应该全面，多角度关心和关心学生，而学生在中间，为了更好地感受和体验内心世界，然后做好老师，努力成为学生朋友。
3.3建立科学合理的知识体系，选择合适的教学案例
良好的认知系统是帮助学生掌握快速消化知识的关键，学生有基本的条件来理解和适应环境，在学习中可以继续实现知识的同化适应，遵守功能也是更优秀。但是良好的认知系统不是从一开始的，老师应该引导学生建立内在知识和新知识点之间的联系，以大纲为基础，案例教学，应该确保案例有很强的针对性，可以充分反映相关知识点的大纲。例如，当布置网页时，可以通过使用表，框架和层来完成。例如，当你为一个食物网站制作图表：要确定页面的主要颜色，将背景图像放在第一层：添加活力和活力，可以插入第二层哈希动画：食物将入到第三层：为了反映食物文化，可以与第四层的歌曲相关联：增强页面三维，将浮动对象添加到第五层。此外，教师应鼓励学生使用表单布局来解决问题，然后是层的内涵，然后逐渐解决问题直到完成学习任务。
结束语
案例教学是网页设计教学中最有效的教学方法。它的应用突破了传统的无聊和单一教学模式，释放了学生的思维，教学更相关，学生成为学习主体。设计本身非常实用，教学必须结合理论与实践两个方面，案例教学符合教学理论与实践的要求，提升网页设计教学质量和效率。本文从几个方面分析案例教学在网页设计教学中的应用，希望为相关教育工作者提供一些建议和参考。
引用：
[1]陈思聪.浅析电子商务案例教学模式[J].教育现代化，2016（10）.
[2]林丽钗.案例教学在高职教育学中的实际运用[J].科学中国人，2016（15）.
关键词：案例教学法；网页设计教学；应用研究
前言：
二十一世纪是一个信息化时代，社会对于信息技术型人才需要越来越高，传统填鸭式的教学方法已经无法满足现代教育需求，只有引入新型教学法与新型教学理论才能培养应用型信息技术人才，而案例式教学法以具体案例分析为主，以学生为主体，可以有效的培养学生的网页设计与网页制作能力，是网页设计教学中可以应用L试的一种教学方法。
1案例教学法的基本概述
案例式教学法在19世纪末期由美国哈弗大学兰德尔教授提出，是一种建立在构建主义教学理论基础上的教学方法，其以“抛锚式教学”为原型，让学生从真实的案例和事件出发去分析问题、解决问题，可以更加直观的加深学生对于知识的体验，因此案例式教学法又被称之为“实例式教学法”以及“基于问题教学法”。通常情况下，案例式教学法可以分为两种，即案例讲解法和案例分析法，首先案例讲解法就是在课堂教学中运用一些针对性很强的案例，教师放弃以往的逻辑性讲解，采用案例直切主题。而案例分析法又被称之为“案例讨论法”在这一过程中以学生为主体，注重学生的课程参与性，以讨论或者分析的方式，来培养学生的思辨能力和问题解决能力[1]。但是值得注意的是在应用案例式教学法进行教学时，一定要注意两个问题，第一在不同的学科教学中，应用案例式教学法的应用策略各有不同，如在网络设计教学中，应用案例教学法最常见的一种方式就是进行典型网站设计，让学生对典型网站进行分析规划点评，从而进行创造设计。第二案例教学法与案例分析有所不同，案例教学法强调的是案例、理论、案例这一过程，既以案例为出发点又以案例为落脚点，这样学生既可以实现理论知识的提升，也可以实现实践操作能力的提升，这就是案例式教学的特点。
2案例教学法在网页设计教学中应用的可行性
案例式教学法作为一种新型教学概念，在网页设计教学中应用案例式教学法是具有一定可行性的，首先网页设计教学注重的就是学生的实践操作，以及各种计算机技术的熟练应用，如Photoshop图片制作、Fals、Dreamweaver等小型网站开发，在这个过程中涉及到的计算机技术有很多，由此可以看出网页设计教学是一门操作性和综合性都比较强的学科，为此学生在学习的过程中必定会产生各种困难，但若是采用案例式教学法通过一些特殊的网页与案例进行讲解，学生就可以更加直观的去理解这些概念，这就攻克了以往教学中的难题[2]。其次应用案例式教学法可以更大程度的调动学生学习的积极性，在案例教学活动中，学生与教师占有者同等的教学分量，体现出了“教”与“学”的平衡，学生可以自由的表达自己的观点，同时也可以通过案例抒发自己的意见，这从某种程度上是强调学生主体作用的，所以学生有了更多展示自己的空间，这就可以大幅度的提升学生学习的积极性，有利于教学目标的实现。最后案例式教学法打破了以往有条不紊的教学组织模式，整个教学更加突出学生的实践操作能力与知识运用能力，是一种理论与实践相结合的新型教学模式。
3案例教学法在网页设计教学中的应用策略
3.1合理选取案例内容，发挥案例教学价值
在应用案例式教学法进行网页设计教学时，教师能够选择合理的案例内容，是发挥案例式教学法应用价值的前提条件，同时也是培养学生实践操作能力的关键。为此笔者认为教师在选择案例内容时，必须要体现出以下几个方面的原则，首先要具有真实性原则，教师选用的教学案例最好是实际生活中真实存在的案例，切记不可使用华而不实的虚拟案例，同时案例的选择要具有一定的典型性和普遍性，能够让学生通过案例的分析给予自身启迪和收获，如京东、聚美优品的网页设计就是符合以上几点原则的案例内容，教师在教学中可以有针对性的进行选择[3]。其次要具有关联性，也就是案例内容与学生训练的课程知识具有关联，例如在学习“网页标题栏设计”这节课程时，教师就可以利用百度网页标题栏，腾讯网页标题栏作为案例，向学生讲解网页标题栏的设计样式与方法，从而达到预期的培训目标，实现良好的培训效果。最后选取的案例内容要具有实时性，网页设计是一个与时俱进的教学内容，如果不能让学生时刻学习最新的知识，学生就会被社会所淘汰，因此选择的案例内容也是如此，必须要将现在最新的网页案例与设计方法传授给学生，才能让学生时刻保持创新思维。
3.2明确案例教学步骤，养成思维习惯
通过上文的介绍可以知道，案例式教学法与案例分析有着本质的不同，案例式教学法强调案例、理论、案例这一过程，以案例出发又以案例落脚，整个教学过程中具有很强的严谨性和协调性，因此教师在应用案例式教学法进行网页设计教学时，必须要明确案例教学步骤，有针对性的进行教学，才能为学生良好的网页设计学习思维习惯，具体而言，在进行案例式教学时，整个教学可以分为四个阶段，即案例选择、学生收集资料、小组讨论、案例评析，案例教学组织贯穿一条主线，即发生了何种问题、问题因何而起、问题如何解决、日后采取何种对策，这就是案例式教学的实质，在教学过程中，教师一定要明确案例式教学的这四个步骤，才能从本质上提升学生网页设计能力。
3.3注重学生讨论分析，加深知识认知
案例式教学法是一种以问题谈论为线索，通过学生自身对案例的分析，加深知识认知的一种新型教学形式，因此在这个过程中分组谈论是案例式教学法应用的一个核心环节，为此在这个教学过程中教师一定要强化学生的主体地位，给予学生更多发表意见的机会，并且摇要将案例问题面向全体，集思广益、共同解决问题。同时由于网页设计中所涉及到的知识点比较多，因此教师无法对知识进行逐一解释，为此在进行案例点拨时，教师可以采用聚焦式的启发方式，对案例中的一些关键问题进行点拨谈论，然后选派小组代表提出本组的解决策略，其他学生倾听发言者讲解，最后教师在进行适当的补充说明，通过这样的案例式教学训练，不但可以为学生养成积极思考的学习习惯，也可以加深学生对于知识的认知。
总结：
在网页设计教学中，最重要的就是培养学生的实践操作能力，而案例式教学法以学生为主体，以教师为主导，注重的正是学动手操作能力的培养，由此可见案例式教学法与网页设计教学十分契合，在今后的教学中教师要注重对案例式教学法的运用。
参考文献：
[1]黄丹丹.网页设计教学中激发中职生的创造潜能[J].科教文汇（上旬刊）.2015（01）
一、主旨
旨在建立一个全新的社交网站，利用人们对他人给予自己评价的好奇心来设计的网站。通过好友之间的匿名互评，匿名建议，达到最终共同进步的目的，这也是在此起名为“进步网”的原因。
本网站的初步构思灵感来源于1月18号所报道的新闻，关于一周之前美国的“立方决斗”的上线与迅速扩张的信息。“立方决斗”是一个建立在同事关系之上，让同事之间匿名评价，利用了同事之间微妙关系，即不愿在公开自己信息的情况下给他人积极或消极评价的心理的网站。
而“进步网”建立在此匿名评价基础上，在评分之外增设功能，主题在于促进共同进步。
二、目标客户群
可以借鉴校内网经验，从大学生群体入手，逐渐扩展到校园之外，工作群体，甚至最后扩展到邻里关系群体。
三、优势分析
“进步网”需要一个自己的独立平台。
虽然在一个一般性的社交网站上面，同样可以设置此发起调查与评价功能，但是如果该社交网站的主营业务不是评价的话，也就是说，该网站上不是所有的人都会去参与评价的话，人就会有部分顾虑心理。因为你正在做的评价是可以被其他任何一个不做这件事情的人看到的。这时候，就多少会影响这个功能的扩展。因此，独立设置评价网络平台是有自己的优势的，他不受其他社交网络的影响，目前为止，国内还没有类似评价系统网络。
尽管校内上面设有调查问卷活动，qq上面设有好友评价，但是不能呈规模性、专业性扩张。
四、功能设置
(一)主要功能是设置匿名评价系统。
用户的个人主页上面设三个版块：
第一、始终置顶显示的版块是“xxx正在进行的调查”。
该调查由用户自行设置调查内容，可以同时发起多项调查，提供备选答案供大家选择，并由用户自行设置隐私权限，设有保留或删除功能。同时设置发起问卷的结束时间。
调查最后给出各答案选项的人数，同时在结果下方设置两个匿名留言版块，一个设为对该调查人的评价，一个设为给调查发起人提出意见。
举例：我发起评价“你认为我是一个有思想的人吗?”选项1.非常有思想2.有点儿思想3.还行一般人4.只有那么一点儿思想5.一点思想都没有。下方设置留言板快一“对于这个调查你还想说”，版块二“你认为我怎样可以进步”。然后供大家留言。当然都是匿名进行的。
第二、在上述板块下方重叠显示两个板块。
一个是“xxx的好友对她的评价”。其实就是如上类似的已经结束的调查结果。
条形柱显示“xxx的好友认为xxx：非常有思想###人，有点儿思想###人，还行一般人###人，只有那么一点儿思想###人，一点儿思想都没有###人。”
关键字：网页设计 开发 案例教学法
近年来，随着IT行业的迅速发展，特别是电子商务网站的发展与成熟，《网页设计与开发》课程已经成为了计算机、电子商务等专业的必修课程之一。网站的发展带来了专业人才的需求空间，也相应的提高了学生对课程教学的要求。通过案例教学法，让所教学生更加了解网页设计的内容，同时适应企业对人才的要求。
一、案例教学法概论
案例教学始于哈佛商学院，从十九世纪末开始至今，在法学、管理学等学科领域应用广泛[1]。案例教学比较传统型教学更加具有开放性和双向性，能在一定程度上提高学生的思维能力和创新能力。从某种意义上说，案例教学法的主体不仅仅是教师，它更加注重教与学的结合，同时具有启迪性，通过分析让学生举一反三灵活应用，从而让学生学习到与未来职业接近的工作方式和解决问题的实际能力。由于案例教学法中采用的教学案例来自于工作中所遇到的实际问题，也能提高学生的学习兴趣和职业能力。
二、采用案例教学法的原则
（一）符合课程特点的原则
网页设计与开发是一门实践性很强的课程，通过学习这门课程能够培养学生解决实际工作问题的能力。案例的选择必须是与现实工作相关的内容，让学生能够充分了解工作的实质和学习解决实际问题的方法。
（二）符合学生特点的原则
对于学生应采用因材施教的原则，在学习案例的同时，要不断的启迪学生，让学生能够将所学的只是融会贯通。
（三）符合课程体系特点的原则
《网页设计与开发》是一门结合多种软件制作工具的课程，其中包括：Dreamweaver、Flash、Fireworks、Photoshop等，加上HTML技术以及有关的数据库，可见学生要掌握和了解的知识点相当多，容易造成知识之间的干扰，不利于吸收知识，因此应该以Dreamweaver为主线，结合相关案例让学生能够将所学的各项内容有机的结合起来。
三、案例教学法的具体应用
（一）课程引导阶段
此阶段主要在于培养学生的兴趣，激发学生的好奇心。通过演示一些经典的网页案例来启发学生的积极性，例如新浪网、淘宝网、百度等一些优秀的具有不同功能的网站让学生进行观看。在演示的同时，让学生思考例如商业网站和个人网站的不同与特点，综合性网站和商业网站的不同于特点等等。同时讲解站点的设计理念、标志的设计、色彩的应用、信息的组合、超链接的层次等等。在这个阶段需要对网页设计的知识点讲解透彻，让学生对于如何制作网页与网站有清晰的条理，为学生制作网页打下好的基础。
（二）学习制作阶段
例如在进行Dreamweaver教学时，可以讲教学内容与实际案例相结合，在讲到表格时，可以举表格布局网页的例子，在说到层时可以通过弹出菜单的例子来进行分析讲解；在说到“行为”时，可以掩饰单机播放辅导能够广告漂浮栏的实例。在进行Photoshop教学时，可以将各大网站的LOGO截图给学生进行观看，让学生了解网站LOGO的制作对网站的重要性，再引入PS教学。在进行Flash教学时，可以下载网上大量的素材，在制作蝴蝶花丛飞的动画时，先播放一段蝴蝶翩翩起舞的影片，制作猎豹奔跑的动画，可以让学生在网上分别寻找猎豹和森林的背景图片，通过素材的收集和应用，不仅可以提高学生的审美能力、想象力和兴趣，还可以制作出更加生动的动画作品。
（三）综合项目合作阶段
通过一段时间的基本技能的学生后，让学生分组完成网站的制作。要求学生在课余时间去学校附近联系自己的客户，客户可以是物流公司、小商铺、学校、企业等，为客户制作一个小型的宣传网站。通过这种方式一方面可以为我们搭建一个学习的平台，使学生在学习的过程中也能体会到制作网站的整个流程；同时也可以培养学生在网站制作过程中能及时与客户进行交流沟通的能力，为以后从事这方面的工作打基础。
四、结束语
实践证明，通过在《网页设计与开发》课程中采用案例教学法，同时利用好实践教学环节，可以有效的将理论教学与能力应用相结合，通过自己分析、制作、合作大多数学生都可以自己或者与团队一起完成完整的网页作品。不同的环节采用的不同案例，让学生能够学会主动研究问题、分析问题、解决问题。俗话说“授人与鱼不如授人与渔”。学生本身也很愿意接受这种教学方式，且在课后也能够积极主动的完成教学任务。希望通过更多的实践与探讨，给计算机教学带来新的启示。
参考文献：
关键词：技工院校；网页设计
案例教学在信息时代快速发展的今天，各行各业对技术型人才的要求普遍提高。技术院校捕捉到市场对人才的新要求，也在积极地进行教学改革。将全新的教学方法与网页设计教学结合起来，是促进网页设计教学目标实现的重要手段。案例教学法与网页设计课程的操作性与实践性特点相符，以此来打破传统教学模式对网页设计教学的限制，能够让学生的发展需求得到满足。
一、做好内容选择工作
选择案例教学法内容，是实施案例教学活动的第一步。在选择案例教学内容时，教师要坚持两点原则。第一，教学案例要具有真实性与典型性。教师选择教学案例时，需要查找社会生活中真实存在的网页设计案例，杜绝一切不真实的案例走进课堂。教学所用案例要具有典型性，不仅与生活密切相关，更要能够启发学生的网页设计思维，促进学生找到切入点去讨论。实事求是的教学，才能促进学生网页设计能力的提升。第二，教学案例内容要与教学内容相关。之所以将案例教学法引入技工院校的网页设计课堂中，就是为了促进网页设计教学目标的快速实现，让学生通过网页设计知识的学习，提高自己的实践能力。因此，教师需要在教学目标的引导下选择案例教学的内容，本着提高全体学生网页设计技巧的目的选择有针对性的案例教学内容。
二、出示任务书
出示任务书是利用案例教学法实施教学的重要环节。任务书中包括案例学习的内容以及具体要求，教师要重视任务书的设计工作，将学生要掌握的理论知识与实践技巧明确地整理在任务书中，让学生以任务书为引导实施开展学习。换言之，如果学生掌握了任务书中的知识点，达到了任务书中的目标，就等于完成了课本相关内容的学习。值得注意的是，教师要重视技工院校学生创造力的培养，在任务书中设置的任务要具有启发性，设置任务的难度不宜太大，要给学生完成任务的信心。例如，在讲解制作文本网页知识时，教师可以设计这样一个任务书：掌握网页文本格式的设置技巧，如空格、对齐、项目列表、标题、字体字号的设置等。这部分内容学习难度不大，教师可以选择学生所在城市的一个旅游景点，让学生为这个旅游景点设计一个文本网页。这样让学生参与到真实的案例中，可以锻炼学生的网页设计技巧，有利于提高专业技能。
三、组织学生讨论
让学生在案例学习活动中发挥自己的主观能动性，是提升学生学习效果的重要手段。在案例教学中，教师要组织学生就难以解决的问题进行讨论，让学生在互帮互助中成长起来。讨论活动的实施要有标准，教师要求小组内的每一位成员都表达自己的看法，分析自己的网页设计工作，为小组成员的学习贡献自己的力量。在所有观点都摆上台面上之后，再针对关键问题进行讨论。例如，在旅游景点文本网站的设计中，一些学生对旅游景点的特色列表持有不同见解，教师要鼓励学生分析网页服务对象以及受众，讨论出最佳方案，让学生在自主探究中实现个人能力的提升。
四、总结点拨，提高案例教学成效
学生的学习能力再强，也需要教师的引导。在技工院校的网页设计教学中，教师要积极发挥在课堂教学中的主导作用。教师通过案例教学法实施教学，给学生创造了更加自由与多元化的学习、探究与讨论的空间，也让教学内容更加开放，从而使教师的教学行为更加轻松。在学生的讨论过程中，教师要巡回指导，避免使学生的学习走入歧途，浪费时间。例如，在学习网页设计的知识时，教师引入城市现代化进程网页的案例组织学生讨论。讨论中，一些小组在特效功能上产生了分歧，教师要及时指导，帮助学生明晰每一种特效的视觉作用与情感作用，并引导学生开发特效的设计方法，保证案例学习的质量。
五、小结
综上所述，网页设计知识的应用性与综合性较强，教师要重视专业理论知识的讲解，也要针对企业对人才的需求、学生的个人能力等加强对操作方法的指导。选择科学合理的案例教学内容，突出学生在案例学习中的主体地位，让问题讨论更加深入，鼓励学生说出自己的疑惑。科学应用案例教学法，是推动技工院校教学改革的重要环节。
参考文献：
[1]王哲.项目教学法在技工院校《网页设计与制作》课程中的探索与实践[D].南昌:南昌大学,2012.
[2]盛志燕.案例教学法在中职《网页设计与制作》课程中的应用分析[J].信息与电脑(理论版),2015(16).
关键词：案例教学法 网页设计 应用
目前，许多中、高级职业院校都开设了网页设计与制作相关课程，它已成为计算机应用、电子商务和计算机网络等专业的必修课，同时也是其他专业选修率较高的一门课程。笔者学院计算机教研室教师在多年教学实践的基础上，本着知识系统、全面、够用、实用的原则，在重视实践能力培养的方针指导下，引入案例驱动法开展教学，帮助学生在最短的时间内快速掌握最实用的网页设计与制作知识。
一、案例驱动法的内涵
随着教学改革的不断深入，案例教学法、任务驱动教学法、项目教学法等等各种新颖的教学方法引入到日常的教学工作之中。在教学实践中，采用单一的教学方法往往无法发挥其最大功效。而案例驱动法是构建于案例教学法与任务驱动法两者之上的教学模式。它是指教师在课堂教学以及实训教学中以实践案例为引导，激发学生学习的主动性与自觉性，充分发挥其在教学过程中的主体地位，从而真正体现职业院校计算机教学系统、全面、够用、实用的原则。
二、学情分析
以往职业院校在开展计算机教学时，盲目照搬照抄普通中、高等学校的教学模式，导致课堂教学“水土不服”。要真正搞好职业院校的计算机教学，首先必须做好学生的学情分析。每到新学年的开学之时，笔者就采用问卷调查的方式对所任教班级的学生进行摸底评测，通过调查结果发现，随着普通高中的扩招，职业院校的生源素质逐年下降，偏远农村的生源比例越来越高，但他们的文化素质却逐年降低。以笔者所任教班级为例，在初中阶段系统接受过计算机基础知识系统教育的不到10%，接触过计算机的占50%，能够熟练操作的不到5%，还有30%的学生从未接触过计算机。因此，教师在教学过程中应因材施教，合理安排教学内容，灵活运用教学方法。
三、案例驱动法的实施
1.情境激发
许多学生由于计算机基础较差，导致其在教学中无法跟上教学进度，进而产生怕学、厌学的现象。因此，在教学中应采用情境激发的方法在第一时间集中学生的注意力。所谓情境就是为学生创设一种使之身临其境的学习意境，以此强化感性认识，激发学生兴趣。为更好地激境，笔者根据新的教学理念，注重审美体验，在新课引入时，采用了多媒体教学的方式。
2.案例驱动
新的职业院校计算机教学鼓励学生在感受、体验、参与、探究、思考和合作等学习活动的基础上，进一步学习基本的计算机知识与技能，体验计算机学习的过程和方法。为此，在案例设置这个环节要充分考虑学生的基本素质，由浅入深、循序渐进。如在讲解编辑矢量对象时，以汽车标志的绘制为案例，引导学生首先新建一个Fireworks文档，画布大小为300*150，分辨率为72像素/英寸，颜色为白色（#FFFFFFF）。选择“椭圆”工具，在文档编辑区域内按住【shift】键画一正圆，颜色为黑色（#000000）；然后选择“编辑”“复制”命令，在同一位置复制出相同的图形，修改其颜色为白色（#FFFFFFF）；选择“修改”“变形”“数值变形”命令，将克隆出的白色圆形缩放至原始大小的85%；再选择“视图”“标尺”命令，在文档编辑区显示标尺；选择“视图”“辅助线”“显示辅助线”命令，并从上标尺和左标尺中各拖出一条辅助线，用于定位两个同心圆的圆心；再选择“多边形”工具，先在“属性”面板中将其改为3边的星形，然后从辅助线的中心交点直接向外绘制星形直至内圆边界处，颜色为黑色（#000000）；最后选择“部分选定”工具，对三角星形的各个控点分别进行调整，产生最终的图形效果。
3.总结评价
关键词： 网页型电子教案 制作 优化
一、前言
随着计算机技术及网页设计技术的发展与应用，教育界正在利用计算机制作电子教案，以取代传统的纸质教案。而在制作各种电子教案的过程中，最优的方法是利用网页设计技术制作，再辅以其它应用工具对其进行优化。
教育部在《面向21世纪教育振兴行动》中提出“形成开放式教育网络，构建终身学习体系”，分三步逐步推进我国信息化教育：第一步是计算机多媒体为核心的教育技术在学校的普及运用；第二步是组织上网，利用网上资料；第三步是开展远程教育，提供广泛的学习资料，不断满足社会终身教育的需求。
随着计算机技术的广泛应用，在中国教育教学信息化的今天，各级各类学校全面要求教师完成信息化的第一步，即以多媒体教学为核心的教育技术应用于教学中。第二步与第三步也在广泛开展，广大教师都在广泛开发各种各样的多媒体课件，各类的教材出版社也都为各自所出版的教材增加竞争的砝码，在出版教材的同时，80%的教材都有增值服务：如配送电子教案，网上在线学习卡，教学及学生自学光盘和其它类似服务。这些正是教育部在《面向21世纪教育振兴行动》中提出的推进我国信息化教育的具体体现。
二、电子教案概念、重要性及常见的制作技术
所谓电子教案就是指利用计算机技术，将教学过程中的大部分内容存储在计算机中，教学过程通过投影仪或网页浏览进行教学或让学生自学。
电子教案在现代信息化教育的今天，具有非常大的重要性，主要体现在如下几个方面。
1.便于电子教案中的各种资源随时更新与修改。
2.便于教学中的各种教学资源如：文字、图片、动画、影片、音乐的高效组合。
3.便于学生复制到家后自我学习，如果将其放在网页上可供学生浏览学习，及其他教师参考。
4.是响应国家创建节约节性社会的需要，可以大量节约纸张。
5.减少教师的重复劳动，提高教师的备课效率，及授课效率。
6.减少教师课堂板书及粉笔使用，还可以减少粉笔灰对教师与学生身心健康危害。
将计算机技术广泛应用于教学中是在Windows95与Office95以后，从而利用计算机技术取代传统的电教方法：幻灯片、录音机、录像带的播放。而广泛采用Word文档和PowerPoint幻灯片的方法，也开始逐步取代纸质教案，而后又开始出现各种动画技术、视屏技术应用于教学中。这一类可以说是计算机多媒体课件。这种可以称之为传统的多媒体技术，是在以教师为主导的教学模式中，借助多媒体的特有表现形式，对教学内容中的重难点部分展开，以发挥传统媒体所不能发挥的作用。教师可利用学校的投影教室，播放的教学软件、图片、视屏、声音、动画、多媒体光盘，用Word电子教案、以PowerPoint制作的幻灯片进行授课。
随着网络技术及网页设计与编程技术的推广使用，网络课件，也可以说是网络型电子教案应运而生，但网页设计技术没有普及，所以90%教师都是用PowerPoint制作的课件，同样，很多教材出版社出版的教材，也有约85%所提供的配套课件是PowerPoint课件，有约10%是教学光盘，只有约5%是网页形式的电子课件。
三、网页设计制作电子教案的优点
网页型电子教案，就是利用网页设计技术及网页编程技术，将教学所用的各种资源融合于一体的电子教案。它是教育信息化的实践前沿、学法教法改革的试验，是网络学习的小型集约化活动平台，不同于PowerPoint一类的课件，优点主要表现在如下几个方面。
1.利于提高教师的教学水平，减少重复劳动。
教师制作网页型电子教案，可以将各种教学资源有效地、有序地整合在一起。网页型电子教案是教师的移动教案，是教师的教学资源库，有利于教师进行教学；有利于教师对教学资源进行修改与补充，进而提高自己的教学水平与能力。
2.有利于学生学习效率的提高。
其一，教师丰富的教学内容、全新的教学形式可以提高教学的质量和学生的学习兴趣。
其二，教师可以将网页型电子教案放到学校的网站上，供学生学习相关的知识；可以将QQ在线代码写在网页中，这样学生就可以在网上与老师进行在线交流，将第一课堂延伸到第二课堂。
其三，学生自学。放在网站上的电子教案，学生可以自学，而这种自学模式则突破了看书或翻阅笔记获取知识的唯一渠道，他们根据自己的需要，在合适的时间、合适的地点、合适的条件下，反复利用网络点播、观看多种资源，包括教师的教案、参考资料等丰富的背景资源，建立一种综合性、创造性、灵活性极强的学习模式。
3.有利于教师同行资源共享。
网页型电子教案放在网站有利于教师同行之间的交流，有利于教学资源的共享，教师可相互促进、相互学习，从而全面地提高教师整体的教学水平。
4.有利于提升院校形象，可作为开发精品课程的基础阶段。
现在高等学校都要求开发自己的精品课程。通过多个院校网上查寻，做得好的精品课程都采用网页形式，这是网页型电子教案的最高形式，所以教师制作网型电子表教案正是精品课程的源泉。
四、网页电子教案的制作基本技术及要求
网页电子教案的主要内容是文字、图片、动画，只有通过超级链接到其它素材上，丰富的内容才可以提高教案的视听效果和教学效果。在制作与设计网页电子教案时要注意如下方法与技巧。
1.网页制作的工具选择。
（1）FrontPage简单易学易用，功能强大，基本操作命令同于Word的操作，有利于广大教师学习与应用。
（2）Macromedia公司的网页三剑客：Dreamweaver具有强大的网页设计功能，是用于专业制作网页的工具软件、但不易精通；Flash用于制作一些网页动画及网页，也可以制作Flash课件；Fireworks用于网页图片进行优化处理。
（3）其它工具。利用相关的工具软件和网页特效。
（4）动态网页技术。可以利用ASP、PHP、JSP等语言编程和用Access、MS SQL、MySQL数据库技术编制动态网页，从而实现交互功能。
2.网页电子教案的组织与规划。
一个成功的网页电子教案，教师的规划能力有相当程度的影响力。网页规划包含的内容很多，如网页的结构、项目的设定、网页颜色搭配、页面版面布局、文字图片的运用等。
3.网页内容的布局。
网页的具体内容可以用表格结构、框架结构表示，Dreamweaver用“层”来进行网页的布局。最好的是用框架结构。用框架结构组织的网页型教案，学生易于浏览，教师易于维护、更新。
4.用网页模板来建立网页。
在网页建立过程中，可以将相同的内容建立网页模板，从而有利于网页编辑与修改。
5.用站点的方式来管理电子教案。
在设计制作网页电子教案的过程中，必须用站点的方式来管理，如文件的移动、更名等操作，否则超级链接的属性就会发生变化。
6.网页交互式设计。
交互式设计可以作为网页电子教案的高级应用，有利于师生、同行教师之间交流，还有利于学生自学与自测。
五、网页电子教案的优化
网页电子教案的优化主要体现在它的高级应用。很多人认为电子教案就是用于教师教学，但作用信息化的今天，教育部在《面向21世纪教育振兴行动》提出推进我国信息化教育进程。网页电子教案的优点就是在于将教案融于网页之中，网页更有利于信息的供享。所以对网页电子教案的优化处理是网页电子教案的重要体现。
1.将网页电子教案上传到院校的网站上，供学生自我学习。
2.通过电子书制作工具，这些工具可通过网络下载。如：eBook workshop，eBook Edit Pro等软件，将电子教案制作成电子书，可以让学生复制到手机中，从而自由地学习。
3.通过网页制作的电子教案，加入一定的网页特效，如在网页中，禁止复制，禁止另存为，这些特效可以从网上搜索，并辅以框架结构，实现一定的版权保护。这种优化处理，特别有利于教材出版社，可以保护版权，也有利于教师教学成果的保护。
4.在上述2、3点的基础之上，还可以对网页电子教案进行打包格式为“EXE”文件，再辅以制作安装程序软件，如安装程序制作专家，可以实现网页电子教案的软件化处理，可以加入安装序列号，制作成需要安装的学习软件程序。
5.教师每一年都可以通过对网页电子教案进行修改补充，制作成程序软件和升级版本，从而取得一定的商业利益，这也是对教师制作优秀电子教案努力的回报。
六、结语
总之，网页型电子教案是一种很好的电子教案制作方法，是推进我国信息化教育改革的必要手段，是一种非常值得广大教师、各级教学管理者、教材开发者及精品课程的开发者进一步探索的制作方法与理念。
参考文献：
《网页设计与制作》是我院计算机各专业及电子商务类专业的必修课程，自开设以来深受学生的喜爱。因本课程教学内容及教学资源较多，学生很难在课程中完全掌握所学知识，为更好地补充和辅助学生进行课外学习，更加开放的网络教学成为本课程的有益补充和良好的学习途径。
二、课程分析与设计
《网页设计与制作》课程是高职高专计算机专业的一门技能课程，结合职位岗位对人才的需求，我们收集了网页设计、平面设计、动画设计、动态网页开发等课程的相关知识，对本课程的教学内容、知识结构、信息资源的选取、教学策略的使用进行了精心的策划和设计。我们将学生熟练的网页设计与开发的操作技能作为培养重点，在课程教学设计中，以“高素质、技能型”人才为培养目标，采取“小组协作学习”的学习方式完成整个课程的教学，并注重对小组的考核评价。
（一）学习需求分析
对于高职高专的学生，学习的主动性和积极性不够强，但对于操作性比较强的课程，往往有强烈的学习愿望，针对学生的特点，并根据《网页设计与制作》这门课程的性质特征，在教学中我们主要采用任务驱动的教学方法，实施项目教学，让学生的学习和工作的内容紧密相联，这样不仅能够吸引学生的注意力，并且能够提高学生的学习兴趣，同时达到“工学结合”的教学理念。
（二）学习内容分析
我们分析了多门与网页设计与制作相关的教材，从课程的实际应用与培养需求出发，对教学内容进行了重新安排。从本课程的教学实际出发设定的学习目标是：培养学生具有一定的艺术素养，较强的网页鉴赏能力，熟悉网页设计创意的原理和方法，熟悉HTML、CSS、JavaScript和网页制作工具，熟悉网页的制作和流程。能够根据客户需求进行网页设计与制作以及进行网站的维护和管理工作等。考虑到学生的层次不同，大家可以根据自己的实际情况有选择的学习适合自己的模块，自学能力较强的学生可以通过我们的网络平台得到进一步的提高和知识的拓展。
（三）知识结构体系
网页设计与制作融合了平面设计、网页制作、动态程序、数据库等知识，作为一门综合性强的课程.。把核心知识以最快、最有效的方式传递给学生，而又要能使学生容易掌握，所以本课程以“表格式”布局作为教学的主线，把Photoshop平面设计、Flas设计融入其中，同时适当引入“div+css”网页布局的内容。而在动态网页设计中，简单介绍Asp+Aceess动态网页设计知识。据此，在学习内容的组织上，以“用表格进行页面布局”和“网页与数据库”这两个知识点为主线，将其它知识串联起来，可帮助学生迅速建立起知识的体系结构。
三、信息资源的选择
在《网页设计与制作》网络课程的设计中，以课内项目、课外项目和教学专题的形式进行信息资源的规划与整合，选择合适的形式来展现信息资源是非常重要的。如在网页的中文排版教学模块中，网页文字材料应以文本为主，而涉及的图片只需提供原始图片即可，增强学生对资源的应用与处理。而在“实验演示”、“动态网页的原理”模块中，以动画的形式形象地展示出来，激发学生的想象力。而在课外拓展模块中，信息资源应以视频的形式展现，使学生方便参照与模仿。信息资源总体结构见图1。
四、教学策略的设计
（一）任务驱动的教学模式
“任务驱动教学”就是将要学习的新知识隐含在一个或几个任务中，学生通过对任务进行分析和讨论，明确该任务所涉及的课程知识，并找出其中的新知识，然后在老师的指导和帮助下找出解决问题的方法，继而完成相应任务。《网页设计与制作》课程在教学中使用“任务驱动教学法”的具体做法是：教师先给学生呈现一个具体的网页效果，接着与学生共同分析该网页需要如何去处理，然后在老师的指导下师生共同完成网页，形成“阶梯式螺旋化”教学模式。这样做的好处是：通过一个任务的完成，培养学生发现问题、分析问题、解决问题的能力，激发学生的学习兴趣，同时能够提高学生的实际动手能力；而且将新知识点融入任务中进行学习，所学知识具有一定的针对性与目的性，学生的学习就会认为学的有价值，且通过一项任务的完成，学生同时可以体会到一种成就感。
（二）开放式自主学习模式
本课程建立的网络教学平台中包含本课程的教学资源、教学课件、课程教案、教学指导等模块。通过网络提供10大类、45000多个文件的立体化教学资源，所有的教学资源可在网上浏览和下载，任何学生在任何时候、任何地方都能借助网络学习。同时开发了在线答疑系统，提供了QQ和TQ两种访问途径，在线访问和离线留言两种方式。在“学习资源区”针对不同层次的学习者设计了丰富的学习资源。通过电子教案，学习者可以了解教师课堂上讲授的知识要点，并可下载素材进行相应的训练；如果在学习中遇到了困难，一般通过“学习资源区”中的“你问我答”即可解决，确需教师帮助的，也可在网络的“教师答疑”中给教师留言。专题学习板块基本上覆盖了较高层次学习者所要了解的知识。
（三）课外小组协作学习模式
在课外作业环境，采用基于构建主义学习理论的协作学习模式。一方面教师在网络教学平台创建学习主题和要求，另一方面学生可自由创建学习主题和内容，挖掘优秀学生的潜能。由学生自行组成小组并进行分工设计，在设计过程中可通过小组讨论、师生网络交流进一步深化和完善学习内容，完成后相互进行评价和交流。因此在设计网络课程时要注重协同工作环境的设计，充分发挥网络的功能。
五、学习评价系统的设计
为更好地评价学生在网络教学中的学习效果，学习评价系统的设计是十分重要的。在本网络课程中，根据学习者的学习需求和特点，进行不同程度的强化练习评价，并及时给出反馈意见。在学生完成对应的学习内容后，教师可以对学生进行评价，学生之间也可以相互评价。同时完成专题学习后，挑选出优秀的作品进行课外开放式评价，增强学生的成就感，以此达到学生的再学习的主动性。
