网页设计制作教案范文第1篇

Abstract:The article elaborated the theories foundation, teaching process, teaching case of adoption case teaching method in webpage designing and creation course teaching of design and want attention in the teaching of problem.Pass a the discussion of the concrete case and thinking, induct a student of creation potential.It even don't care can get right answer, it real value of is get case of thinking process.

关键词：案例教学 最终真理 创造潜能 思考过程

Key words:Case teaching;End truth;Create potential;Thinking process

【中图分类号】G642 【文献标识码】A 【文章编号】1004-7069（2009）-06-0147-02

案例教学法符合网页设计与制作课程的教学模式，适用于培养学生的创新能力、分析能力和解决问题的能力。因此将案例教学法引入网页设计与制作的课程教学，可有效地提高学生的学习兴趣，鼓励学生勇于实践，敢于动手，熟悉解决问题的过程，从而有利于学生系统掌握这门课程的知识和技能。

一、什么是案例教学法

案例教学法（Case methods of tdaching）最先运用于法学界，其后运用于管理学界，在教育学界特别是师资培训中得到运用是二十世纪七十年代后的事情，后被引入德国职业教育界。

案例教学法即通过对一个具体教学情景的描述，引导学生对这些特殊情景进行讨论的一种教学方法。

在案例教学中，教师与学生承担着更多的教与学的责任，要求有更多的投入和参与。就教师来说，他有责任去选择和组织要讨论的材料，要从大量的资料中选择出适当的案例。如果手头没有现成的可以覆盖所教内容的案例的话，他还是要自己动手撰写这些案例，并以一定的程序把它呈现出来。就学生而言，他也担负着一定的责任，要对教师所提供的具体事实和原始材料进行分析、讨论。并在教学过程中，每一个个体都需要贡献自己的智慧，没有旁观者，只有参与者。学生一方面从同学间的交流、讨论中提高对问题的洞察力，同时也及时从教师和同学那里获得反馈。在这种情景中，为学生将来的职业岗位设置了一个近乎真实的场景，缩短了教学与实践之间的差距。

案例教学为教师与学生提供的是同样的决策信息，从这些信息出发，不同的观点和解决问题的方案在课堂上交锋，虽然最终也没有确切的结论，但解决问的种种可能性及障碍已经被师生充分地预见和了解到了，而且还得到了大家认真的分析与揭示，并展示了学生不同的思维技术及对问题解决的思路等。

二、案例教学法的特点

案例教育的目的不是把学生培养成只会解释问题的“理论高手”，而是培养学生具有解决实际问题的“智慧高手”，解决“怎么干”、“干什么”的问题。因此案例教学法与其他教学方法具有相同的地方，也具有自己独特的地方。

1、案例教学的着眼点在于学生创造能力以及实际解决问题的发展，而不仅仅是获得那些固定的原理、规则，而是如何用更有效的方式获得知识。

2、学生通过案例教学得到的知识是内化了的知识，并逐渐学会如何处理众多的疑难问题。案例教学是一种“做中学”的形式，它是从经验与活动中获取知识，增进才干。这些知识、才干在案例教学的过程中，逐渐成了学生知识与能力结构的一个重要组成部分，并且与原有的知识、能力加以整合。

3、通过案例教学，学生不仅可以从中获得认知的知识，而且有助于提高表达、讨论的技能，增强面对困难的自信心。

4、案例教学大大缩短了教学情景与实际职业情景的差距。学生在学的过程中，就能设身处地的从实际的场景出发，设想可能遇到的种种障碍，自己有可能产生的种种偏见，解决问题的多种可能方案。一旦他们走上工作岗位，上手就快，与企业磨合时间就短。

5、案例教学的测评与传统测评不同，案例教学的测评是一项难度极大的工作。它不以卷面测试为唯一形式，而是涵盖个人准备的情况以及小组讨论、全班讨论的参与程度等。因而测评方式多种多样，因案而定、因情况而定、因预期目标而定。

6、案例教学具有适时性特点。支撑案例的管理、决策以及教学的原理可以是恒定的，但展示的情景必须与时代和实际职业情景相适应。

三、案例教学法的教学设计案例

（一）、案例名称：九江麒麟旅游公司“庐山一日游”专题网页设计

（二）、总体背景介绍

1、企业概况

九江麒麟旅游公司是江西省九江市的一家专门从事庐山旅游资源开发和提供旅游服务的民营性质的合法公司。该公司坐落于庐山脚下，交通方便，价格合理，提供符合不同群体要求的套餐服务，有自己的宣传网站。通过2008年旅游质量评比，获得“三星级”优质服务旅游公司。

2、庐山一日游专题介绍

由于人们平时工作繁忙，双休期间，出现两种现象：有家庭的人群普遍反映家庭琐事较多，只有一天时间闲暇；未成家的人群普遍反映社会应酬较多，也只有一天时间闲暇。为此，九江麒麟旅游公司提出“庐山一日游”的项目。注：该项目具体材料另外展示。

3、市场现状

在九江市从事旅游服务的公司多达20余家，其中有5家获得“四星级”优质服务称号，8家与该公司同时获得同等殊荣，全省获得如此殊荣的公司近50家，其他旅游公司更是数不胜数。九江麒麟旅游公司在强势旅游企业的夹缝中获得一息生存空间，但公司老总志在挽救企业颓势，强力推行“庐山一日游”项目。

（三）、主要工作

1、根据公司目前情况，设计一个科学合理、风格奇异、具有市场轰动效应的交互性专题页面。

2、就大家所调查的内容进行多种形式的展示和交流，提出问题，解决问题（提交文字报告和网页设计初步方案）。

（四）、分组调查及时间要求

1、按全班40人的规模，每8人一组，分为5组，并自行选出组长、资料搜集员、文字报告撰写人、网页设计初步方案拟稿人。

2、五组顺序分为1、2、3、4、5组，去相应的专题网站进行调查。

3、半天调查，半天展开讨论。

四、案例教学法在网页设计与制作课程教学中存在的问题

1、忽略了学生综合能力的培养，仍停留在知识传授的层面上。基于高职高专类人才的培养，是以第一线最需要的高技能专门人才为方案，历来存在着传授知识与学生接受能力成反比例问题。案例教学应该弥补学生实践锻炼的相对不足，促使学生真正成为综合运用知识的通才。

2、把案例教学等同于教学案例，没有抓住案例教学的真谛。案例教学应该是一种科学、有效的学习方法。真正有效的学习，并不是对前人经验的照搬、抄录和背诵。其关键是要立足于对前人经验的深入分析，从中汲取正确的立场、观点和方法，用以解决不断出现的新问题，并在解决问题的过程中验证、发展和深化前人的认识，从而超越前人。案例教学的可贵之处，正是在于它从来自社会实践的案例中的问题出发，启动自身的教学程序，而在每一教学系统过程的末尾，又重新归结到问题的解决之上。与传统的“从概念到概念”的灌输、填鸭式教学方式相比，已显示出它促使学生尊重社会实践、理论联系实际和科学有效学习的极大优越性。

3、教师与学生的“角色”没有根本改变。在案例教学过程中，教师的“角色”应该发生根本性的变化，不再是站在讲台之上，滔滔不绝地分析概念和做出结论的讲演者与评论家的形象；而是要“隐居”幕后和深入到学生之中，通过启发和诱导，促使他们走向探讨未知、陈述己见和获取真知的教学前台。这样的换位，有利于教师转变教风，促使教学相长，并可深入地了解受教育者的状况，做到因材施教，虚心向受教育者学习，促使具有良好学风的新一代人才迅速成长。

4、形式单一，缺乏“自由”的讨论与分析，不利于学生创新能力的培养。案例教学的基本方式是在学生与学生之间、学生与教师之间，展开各种各样的分析讨论，以此来深化每一个人的思想认识，积累丰富的科学理论知识。案例教学要有利于学生在问题的切磋、琢磨中明辨是非，加深对知识的理解；要有利于学生在概括和表达自己观点的过程中，以自己特有的逻辑思维方式和个性语言结构，真正接纳和融会知识；要有利于学生发现问题，提出解决办法，迸发智慧的“火花”；要有利于培养学生的交往能力和团队精神。

参考文献:

[1]张桂华.案例教学法在计算机教学中的应用[M].天津市财贸管理干部学院学报,2006(1)

网页设计制作教案范文第2篇

［关键词］网页设计与制作 案例教学 任务驱动

在网络技术迅速发展的今天，网页制作已成为当今社会上一种比较热门的技术。“网页设计与制作”是我院网页设计专业的必修课，作为一门新型学科，与传统的其他学科相比具有鲜明的自身特点：

（1）具有很强的操作性和综合实践性，特别强调学生的操作能力和学以致用的综合实践能力。

（2）极富创造性。学生通过对信息技术、信息科学基本理论和方法的学习，在掌握基本技能的同时，不仅拓展了思维，而且培养了独特的创造力。

（3）集现实性、实效性于一体，具有明显的时展特点。这门课程的教学目标不是教会学生如何掌握单纯的某些知识和某种技能，而是通过学习计算机、网络等一系列基本技能，培养学生的网页制作能力、网上信息获取和加工能力、自主学习能力和团队协作能力，课程结束时学生能自行开发一个静态网站。

基于以上特点，“网页设计与制作”这门课程设计出了一套从学生实际出发，以“教师为主导，学生为主体”的符合这门学科特点的教学与管理模式，让学生在教师的指导下，对所学的课题进行探索、分析、研究，在实践操作中培养学生实践动手能力。课堂教学采用案例教学法，实践教学采用任务驱动法。所采用的教学模式在授课过程中，根据教学内容安排及要求，由教师创设环境，师生发现问题，以问题的出现、探究和解决来激发学生的求知欲、创造欲和主体意识，从而培养学生的创造能力。

一、课堂教学采用案例教学法

所谓案例教学，是为了培养和提高学习者知识能力的一种教学方法，即将已经发生或将来可能发生的问题作为个案形式让学习者去分析和研究，并提出各种解决问题的方案，从而提高学习者解决实际问题的能力。

案例教学的目的是在学生掌握了基本理论知识的基础上，在教师的精心策划和指导下，根据教学目的和教学内容的要求，运用典型案例，将学生带入特定事件的现场进行案例分析，通过独立思考和共同写作，进一步提高学生分析、解决实际问题的能力。在教学任务上，要求学生通过对案例的分析研究积累经验，以发展自己的创造能力。在教学活动中，学生在教师引导下分析和解决问题，学生活动在教学中处于主导地位，教师的传授、指导为辅，配合学生进行。在教学过程中，总是从案例开始，然后分析问题，最终解决问题或提出解决问题的捷径。因此，引导学生做好独立分析研究工作是教学的中心环节，而教学的准备、教师的指导都是为学生的分析研究服务的。

在讲授“网页设计与制作”课时，首先向学生讲授Flash，Fireworks软件的使用，再介绍DreamweaverMX网页编辑工具，并将三者结合起来，讲解图片插入网页中和在网页中如何设置字体格式等网页制作的基本知识，然后结合学生的实训课题，将一个有特定主题的网页呈现给学生，引导学生对这张网页进行分析，并提出实现网页的方法和步骤。在教学过程中，针对不同的内容，可采用不同的教学方式。在刚开始介绍DreamweaverMX网页制作工具时，由于学生对DreamweaverMX网页制作工具的使用还比较生疏，可采用以教师为主的案例讲解法，等学生熟练使用DreamweaverMX后，教师则可采用案例讨论教学法。在实施案例教学过程中，必须注意以下问题：

1.选择合适的教学案例。教师要根据教学进度和教学要求设计案例，并充分备课，讲授并解析与案例相关的理论和技能，分析案例讨论中可能出现的任何问题，以提前查阅相关资料应对。选择的案例必须具有典型性、针对性、实践性、系统性的特点，并且与学生的学习、工作紧密相关。我们结合课程内容，制作了近百个精美的案例，每个案例都综合了若干个知识点。课堂上先让学生观看相关案例，引出问题，然后在讲解知识点的同时实现案例的功能。在讲解过程中注重基础知识的传授和基本技能的培养，同时介绍网页制作中的相关规范和标准，并且注意总结一些实用的技巧。这种教学方式目的明确、形式生动，学生带着问题听课，学习兴趣和效果明显提高。学生在分析案例的同时，一方面不断形成新的理论视野，增长案例分析的技巧；另一方面探索思考理论如何运用于实际，从而及时、有效地促进了理论向实践的转化，真正达到理论与实践的结合，有利于加强高职院校学生的实践动手能力。

2.组织良好的课堂讨论。案例教学法实际上是强迫学生参与到课堂学习中去，要求学生真正从实际工作的角度来思考问题。组织案例讨论旨在分析问题，提出解决问题的途径和方法。教师要引导学生删除案例中次要的细节，发现案例中主要的结构和案例与理论知识之间的内在联系。教师关键要做好启发引导工作，想方设法创造自由宽松的讨论氛围，在宏观上把握和指导好案例讨论，让学生成为案例讨论的真正主角，同时又不至于出现大的方向性的偏差。

3.进行适宜的案例总结。案例经过学生的讨论后，教师应该及时做出讲评，并再次讲授案例分析中所需要用到的理论知识和技能。这样做有利于学生把要求掌握的知识记牢，符合高职院校学生的实际情况。

同时，我们改革课程成绩的评价方式，提高平时成绩的比例，刺激学生上课的积极性。实行一段时间之后，学生变上课被动为主动，课堂气氛日渐活跃。学生课下主动复习预习，课上积极发表自己的见解，取得了很好的效果。

二、实践教学采用任务驱动法

任务驱动教学是建立在一定理论基础上的一种教学模式，它强调学生的学习活动必须与任务相结合，以问题的探索来引导和维持学习者的学习兴趣和动机。教师应创建真实的教学情境，让学生带着真实的任务去学习，以使学生拥有学习的主动权，掌握网站设计与网页制作的知识与技能，培养学生计算机的综合应用能力和解决实际问题的能力。

在做“网页设计与制作”这门课程的第一次实验时，我们会推荐一些富有特色的网站供学生欣赏，将学生带入真实的学习情境中去，激发他们学习的热情，同时引导他们去思考如何建设网站、设计网页，由此确定课程的总体任务――建设一个完整网站。然后针对课程中每一部分知识点将总体任务细分为若干大任务，如文本、图像、链接、表格、框架、CSS样式、层时间轴、模板和库等，再将这些大任务进一步细分为一些小任务，让学生了解建设网站的一般程序和方法。而后，通过布置一个学习任务（网站作品），使学生迫切感受到课程要求与自己现有认知结构的关系和差异，进而明确学习活动的方向和要达到的目标。学生可以个人或团队方式对任务进行分析和探索，最终使问题得到解决。该任务作为一条主线自始至终贯穿课程，整个学习活动的展开都围绕着这条主线进行。

在高职院校网页制作的教学实践中，任务的设计必须考虑到学生的差异。动手能力强的学生可以做一些较复杂的网页，动手能力弱的学生可以先做一些简单的网页，遵循“模仿―提高”这一过程。例如，在学习“表格”的内容时，教师可通过让学生浏览观察几个网站的页面，激发他们的热情，再提出任务。初始任务可以是较为简单页面的制作，其中包含“表格的插入”“表格的修改”“表格属性的设置”等一些知识点。之后，教师可给出较为复杂的设计任务。例如让学生利用“布局视图”“布局表格”“绘制布局单元格”去实现一些较为复杂的页面。最后可以让学生根据页面主题内容进行页面的布局设计，为后面的教学打下基础。这样的教学设计使基础差的学生，在前两个任务完成后，再逐渐过渡到最后的创新设计中；而基础好的学生，从开始就可以完成较复杂的任务，大胆地展示自己的想象力及创造力。

在任务驱动实践教学的过程中，我们要求每个学生务必做到以下几点：首先，要求学生对一个网站进行全面的剖析，分析网站的基本要求和技术要求。基本要求包括整体风格、排版布局、色彩搭配、网站Logo、音乐、网页特效、网站中必有的网页元素等；技术要求包括主页文件命名规范、作品文件空间上限、栏目规划、导航和链接要求、网站文件管理、网页浏览兼容性等。其次，在完成演示案例制作的基础上，对学生提出拔高要求，让他们根据教师提供的素材和要求做出扩充的演示案例网页；也可以给学生一个更高要求，让他们自己收集资料和素材，以教师提供网页案例为模板，制作网页。最后，选择任务时，要仔细推敲每个知识点，统筹兼顾，为学生设计出一系列有典型的操作性和针对性的任务，让学生在完成任务过程中掌握知识、技能和方法，真正体现教学中学生的主体地位和教师的主导地位，充分发挥学生的主观能动性，训练他们的创造性思维，全面提高他们的综合素质。比如最后阶段，要求制作个人求职网站，学生需要结合所学网页设计制作知识，根据设计任务，分析求职素材，独立做出设计，从而提高学习理论知识的兴趣和实践动手能力。

三、总结

在两年的高职院校“网页设计与制作”课程教学中综合运用案例教学法和任务驱动法，有利于学生实践能

力的提高和理论知识的掌握。通过一段时间的运行，取得了很好的效果。学生在走出校园之后，能够很快适应社会发展的需求，赢得了用户单位的好评。我们将进一步采用各种先进的教学方法和手段，提高课堂教学效果和教学质量，培养符合时展要求的新型高素质应用型人才。

［参考文献］

［1］颜谦和，颜珍平.《网页设计与制作》课程运用案例教学法初探［J］.电脑知识与技术（学术交流），2007（9）.

［2］吴安平，王明珠，王继忠.案例教学法研究与实践［J］.长春大学学报，2002（5）.

网页设计制作教案范文第3篇

1．改革传统的教学模式

在传统的教学中，是以教师的讲解再配合学生的练习为主要的教学方法。这种教学模式，是以教师为主导的，老师先传授基础知识，再给学生演示教学实例，演示完成后再让学生做练习来巩固学习的知识。这种方法在教学中持续了好多年，他的好处是教学系统整个教学过程比较完整。可是这种教学方法有个致命的弱点，那就是教师在台上面面俱到的教，可是学生没有实际的操作经验，难以理解，老师在孜孜不倦的教，可是学生却兴趣缺乏，往往是老师累得满头大汗，学生却收效甚微。为此，我们提出了以学生为主导的教学方法。

1.1教师备课以学生为主导，要准备合适的案例为学生开启网页设计的大门学生是教学过程的主人翁，教师实现备课，除了准备必要的基础知识以外，我准备大量的设计实例。网页设计在技能上更注重设计，因此在备课的过程中，要根据学生学习循序渐进的过程，准备各个阶段的案例项目。在学生刚开始接触网页设计之初，要给学生一个网页的整体设计思路。这时候要准备大量的成品优秀案例，最好是获奖作品，提升学生的学习兴趣，让学生觉得学习网页设计是一个非常有意思的事情。在提升了学生的学习兴趣以后，要及时的准备教学实例，这个阶段要及时地把网页设计的基础知识融入其中，这个阶段的教学实例要简单易行，让学生比较容易上手，这时候的案例要比较充裕，以大的作业量来提高学生的基础设计水平。在学生掌握了基础制作水平以后，就是学生的提升阶段了，这个阶段的学习是非常重要的，是关系到整个网页设计教学的成败，这个阶段案例的选取要有代表性，这时的案例要全面可行，每一种案例都要涉及。最后的一个阶段是总结阶段，这个阶段的案例的选择要具有实用性，要采用企业的实际案例，模仿企业的运行模式来教学，案例要选取企业中实际制作项目。这样一整个备课过程下来，教师就对整个教学有了事先的良好把握。

1.2在教学过程中采用“校企一体化”的模式校企一体化的教学模式指的是在教学过程中模仿企业的运营模式，老师是项目经理人，学生是企业员工。在这种教学过程中，一开始学生就是作为新进员工参与其中的，教师指导学生做大量的基础案例项目。这种项目可以是把制作好的网页模板切片做必要的基础链接，可以是为网页设计漂亮的导航，可以是为网页优化布局。当然可以在这个过程中加入一些简单的网页整版设计，要注意要及时的调动学生的积极性，对于完成的好的作业案例要给予表扬，适时的肯定学生的成绩会使学生的学习更为有益。在基础案例做的比较多的情况下，学生的基础制作水准有了很大的提高，这时候要及时的推动教学进入下一个提高阶段，这时候教师要把自己的角色定位为项目经理人，提出一些有代表性的项目，比如为某酒店制作一个网站，提出各种要求，让学生在规定的时间内制作完成。这阶段教学的过程，教师要有耐心，要有一定的高度，对于学生的要求要严格，对于学生作业中出现的问题要马上提出，并督促学生做出优化设计。这个阶段的案例一定要全面，给学生的项目要有代表性，对目前使用范围比较广的网站设计方向要把握准确。在最后的总结阶段，教师提出的案例最好是企业所提供的，这种实例更具有实际性和探索性。比如，为宏福祥服饰有限公司制作网站。在这个网站的制作过程中，就有学生的大量参与，从选片修片到整个版面的设计，乃至后台的制作设计，学生们都做出了巨大的努力。在这个网站的制作过程中，学生分成了五个小组，做出了五套网站设计方案，最终有一套方案被企业录用。这种企业的教学模式在网页设计教学过程中取得了很好的效果。

1.3教学结果评价的改革在以往的教学中，都是以考试来评定教学结果的。在新的校企一体化的教学模式中，我们摒弃了以往的评价模式，采用作业考评结合平时表现的模式来评价学生的学习效果。采用平时表现，作业成绩三七开的方法来考核学生。在作业的评定中，为了使评定结果更客观，我们采用专业教师和合作企业代表共同参与学生的作业讲评，根据讲评综合给分。这种考核方法更为合理有效，不仅仅考核了学生的全面的专业技能还考核了学生的职业素养。

2．有效合理的利用校内实训

在网页设计的主要授课过程结束以后，最好要安排一至两周的校内实训。在实训周内，整合学生的全部力量，完成一至两个大的企业实际项目案例。实训周是提高学生网页设计水平，培养学生成为网页设计师的良好时机。在这个过程中，教师要为学生选好实训项目，最好有一定的难度。学生在学习过Photoshop、Dreamweaver、Flash、Div+CSS等网页设计主要软件工具以后，一直以来都是分开来使用的，这次要把他们整合在一起来使用。把网页设计的整套设计过程整个的体验一遍，选用Photoshop制作出版式配色等整体效果设计，然后切片导入到Dreamweaver中，对需要用到特殊排版的地方用Div+CSS进行设计排版。对于画龙点晴之处最好加入特点鲜明的Flash短片，这样完成的项目更具有吸引力。通过合理有效的校内实训，可以加强学生的设计能力和创新能力。

网页设计制作教案范文第4篇

【P键字】 行动导向课程设计网页

一、了解工作过程，制定课程主要内容

行运导向课程是基于工作过程的，《网页设计与制作》相关内容是网站建设的，有必要先了解网站建设的基本工作过程，其过程为：（1）对网站进行需求分析；（2）网站地图规划；（3）网页结构设计；（4）网页美工设计；（5）网页素材收集；（6）网页代码编写；（7）网站测试和以及上线；（8）网站运行维护。要完成上述的工作过程需要多门科目的相关知识与技能，比如“网页美工设计”就需要photoshop知识，“网站上线”需要用到服务器、域名等知识。因为课程时间有限，就必需对工作工过相关知识有所取舍和有所侧重，在《网页设计与制作》课程中，将网站地图规划、网页结构设计、网页代码编写这三个内容作为主要内容，如果学生有一定的photoshop基础技能，可将网页美工设计和网页素材收集这两个过程纳入课程的教学中，如果学生没这些基础，则无须花太多时间在本课程中讲解和练习，在网页结构设计中采用草图，在美工设计中教师可直接给出相关的素材。

二、了解工作岗位，制定课程的培养目标

与本课程相关的常见岗位有：（1）网站设计员；（2）网站美工制作员；（3）网页前端开发员；（4）网站后台程序开发员；（5）网站维护员。其中网页前端开发的工作量是最大的，因此在课程设计中将网页代码编写作为重点知识与技能。根据工作岗位的情况，设置了三个培养目标：知识目标、能力目标和情感目标。

2.1知识目标

知识目标是传统教学模式中为学生制定的学习目标，它是弊端是学生掌握了基础知识后却不会应用在工作中，但学习基础知识是为了有能力去完成任务，知识目标是基础，不应被忽视，现将本课程知识目标制定如下：

（1）了解网站开发的工作过程；

（2）掌握网站地图及网页结构相关知识；

（3）掌握HTML基本标签的使用；

（4）掌握表格布局、框架网页、层的布局等知识；

（5）掌握模板和库的使用；

（6）掌握CSS的样式的定义、设置及应用；

（7）掌握Javascript、JQuery脚本语言的使用。

2.2能力目标

基于工作过程的教学方法非常强调动手能力，在学完某一课程后，是否有能力去完成相关的工作，是否有能力去胜任相关的工作岗位，现将本课程能力目标制定如下：

（1）能够设计网站地图及网页结构；

（2）能够通过HTML、CSS及JS等代码实现网页。

2.3情感目标

情感态度指兴趣、动机、自信、意志和合作精神等影响学生学习过程和学习效果的相关因素以及在学习过程中逐渐形成的祖国意识和国际视野。制定合理的情感目标，保持积极的学习态度是学习成功的关键。

（1）培养学生独立进行系统分析、设计、实施、评估的能力；

（2）培养学生获取、分析、归纳、交流、使用信息和新技术的能力；

（3）培养学生自学能力、理解能力与表达能力；

（4）培养学生口头语书面表达能力、人际沟通能力；

（5）培养学生计划组织能力和团队协作能力；

（6）培养良好的心理素质和克服困难的能力。

三、传统讲授与行动导向相结合的教学模式

课程的教学模式主要分为两大部分：

第一部分为基于教师讲授的传统教学部分，主要内容有：

（1）网站及网页概述与开发步骤；

（2）网站地图及网页结构；

（3）HTML语言与CSS样式基础；

（4）Javascript、JQuery基础。

第二部分为行动导向教学模式，通过已掌握的基础知识及开发过程中获取的技能完成案例网站的开发，以网站完整的开发过程为案例，这样可以让学生了解一个网站的开发流程，主要内容有：（1）网站地图的设计；（2）网页结构的设计；（3）网页内容的实现。

之所以在本课程中加入教师讲授这种传统的教学方法，是因为在以往的行动导向课程中发现，直接进入案例的行动导向教学，学生在刚开始接触这门课程时是没有相关的基础知识，学生就需要从大量的知识中找到任务所需的知识，这犹如大海捞针，所以一个任务完成，学生不知道要学哪些知识，打击学生的积极性。

教师以传统的讲授教学模式进行，从而缩小学生自学知识点的范围，减少学生的迷茫，减轻学生在行动导向过程中的学习负担，提高汇报知识的准确性，提升学生学习兴趣，增加学生的成就感，让学生快乐地学习。

讲授法虽然能让学生掌握知识，但无法让学生将所学的知识转化成技能，无法胜任工作岗位对能力及情感的要求，应用到网页开发工作过程当中，故因将课程的重点放在案例实施的过程中，以行动导向教学模式为平台，让学生掌握完成网页实现的方法，有能力完成案例中的网页，并能将技能扩展到其他网页设计与制作中。但仅仅一个网站的案例无法完整展示该门学科的知识，需要在课堂练习及课后练习补充相应的小案例，以完善课程的知识结构。

四、细心地设计各小案例

教师在每次课前都应细心地设计每个小案例中的教学任务，每个小案例的教学任务应注意以下几个方面：

（1）在每个小案例中都应体现知识目标、技能目标与情感目标，在不同的案例中运用相关的技能实现网页的制作，需要让学生有完成任务的技能，还要让学生掌握完成任务的方法，因为课堂所学的知识与技能在现实的网页制作中是不够用的，学生只有即掌握技能又有方法获取新的知识，才能胜任网页设计与开发的岗位。

（2）同一小案例中安排不同层次的任务，对于前期知识与技能掌握较好的学生提出相对复杂的任务，对于掌握较差的学生提出相对较简单的任务，无论哪种难度的任务都能完成本案例，鼓励学生完成复杂的任务，实在困难先完成简单的任务，在课后再完成复杂的任务，这样即能让知识较差的学生学习该案例中的知R技能与方法，提升他们的积极性，又不妨碍较好的学生对更高层次知识技能与方法的掌握。

（3）任务相关知识的扩展与提升，比如：某个效果可以用多种方法实现；某个方法可以在不同的效果上实现。行动导向教学强调的是知识与技能的迁移与应用，在设计小案例时应将相关知识与技能的扩展提示给学生，培养学生自学能力与理解能力。

（4）注重学生的自我总结与分享，每个小案例完成后，让学生分享通过本任务中所学的知识与技能，任务实施过程中所走的弯路，分享能够培养学生进行总结的良好习惯，提升学生口头语书面表达能力、人际沟通能力。

（5）教师的教学行为重点放在课程准备教师点评。在传统的教学方法中，以教师讲授为主，学生是被动学习知识，在行动导向教学模式中，学生是主体，学生主动学习，教师从旁辅助。但并不是说教师的工作并不重要，一堂好的课，需要教师在课前精心地准备案例、课堂流程，才能更好地引导学生去掌握知识与技能，教师在点评中即可以表扬学生，增加学生的自信心和成就感，也可以评价学生完成任务时的方式方法的正确性，更主要的是能完善学生学习与总结过程中知识与技能的不足，并提出任务的相关扩展知识与应用。

（6）通过学生工作页引导学生进行任务实施，在完成相关任务或习题后，达到该次课的教学目的。

以“用CSS制作弹出菜单”课题为例，学生前期已经学习了HTML列表标签与CSS浮动，学生只需要找开所需的“：hover选择器”与“display属性”的使用方法，这个任务学生是可以通过自学完成的。

这个案例的操作技能非常简单，因此本堂课的重点与难点并不在操作技能的掌握上，而是在培养学生“遇到未掌握知识时如何解决问题”的情感能力上。

（1）制定的学习目标为：知识目标，掌握：hover选择器与display属性的使用；能力目标，能够通过CSS样式实现菜单显示与隐藏；情感目标，培养学生“遇到未掌握知识时如何解决问题”的能力。

（2）教学方法采用行动导向教学模式中的任务驱动法，有布置工作任务、任务分析、任务实施、展示与评价、教师讲解、教学小结、作业布置七个教学过程，其中任务实施过程由学生通过电脑自己网络上的相关知识，并应用到本堂课的任务中，以学生自主学习为主，教师引导为辅。

（3）学生工作页任务流程：

①有哪些功能尚未实现？应该怎么办？

②请问你查找知识的途径是？

③本次任务中的关键代码是什么？

④请简述关键代码的作用。

…

请在电脑上编写本次任务所需的代码。

（4）采用两种难度的任务习题，在较难的习题中，要求学生先用前期学习的列表标签及浮动属性制作静态导航条，并在适当的地方加入“：hover选择器”与“display属性”就可完成本堂课任务，在较易的习题中，已经将列表标签及浮动属性的代码编写好，只需在适当的地方加入“：hover选择器”与“display属性”就可完成本堂课任务。学生可根据自身的情况选择用何种难度完成本次任务

（5）提示学生进行两个方向的知识展，第一个扩展方向：弹出菜单功能除了可以用CSS样式制作，还可以用哪些技术制作（扩展知识点：Javascript、JQuery等脚本语言）；第二个扩展方向：“：hover选择器”与“display属性”还可以实现哪些效果（鼠标滑过图片放大显示的相册效果等）。

（6）要求学生对本次任务的完成经过进行汇报。

（7）教师点评与总结，表扬完成得较好的学生，鼓励尚未完成的学生，并重点讲解“：hover选择器”与“display属性”与“遇到未掌握知识时如何解决问题”的方法。

以行动导向教学模式为主导，通过本课程的学习，学生具有网页设计和制作工作最基本的知识与技能、具备较高的职业素质，能基本胜任各公司的网页设计师和网站管理维护等岗位工作。

参 考 文 献

[1]林姗，刘罡.基于行动导向的课程教学模式改革.[J].计算机教育，2015，16（44-48）

[2]苗树红.基于学案导学的行动导向教学探究.[J].中国职业技术教育，2015，05（79-81）

网页设计制作教案范文第5篇

近几年来，随着技工院校内涵建设的不断深入，教学改革取得了一定的成效。技工院校创新教育、专业建设等教学成果也频频出现在研究文献中。但是，在网页设计与制作课堂教学方面，研究成果非常少。为此，笔者对本院和兄弟技工院校的电子商务专业网页设计与制作课程教学进行了调研，对国内学者有关网页设计与制作课程教学的文献进行了综合分析，然后结合自己的教学实践，综合得出该课程教学存在以下问题。 

1.教学内容设计不合理 

虽然大多技工院校所选择的网页设计与制作授课教材是基于一定的教学方法编写的，比传统教材更为合理。但是，在教学实践中普遍存在老师直接按教材编排的内容顺序从头讲到尾的情况，教学效果并不理想。比如，笔者学校选择张苏中、吕威飞、尤胜编著的《网页设计与制作》（高等教育出版社出版，2014）。这本教材是按项目教学法编排的教材，以了解网页设计工作、元素的添加与操作、页面布局编排等项目进行编排内容，虽然符合从易到难的规律，但是，设计的不同项目选择了不同的网站实例，并不能使学生了解网页设计的全貌，不利于课程教学目标的实现，而且该教材很少有关于网站维护管理以及网络编辑等的内容，没有考虑到电商岗位要求学生掌握商品图像处理、网页的美化等技能训练的需要。这样的教学内容设计，导致培养的电子商务毕业生与社会实际需要的人才脱节。 

2.教学案例不连贯 

电子商务网站是一个完整的系统。网站各网页的设计应该围绕某一个或者某一些产品进行营销服务，因此，设计的各网页应该考虑整体风格。但是，在实际教学中，老师依照教材提供的案例进行教学，各案例主要是服务于本项目的教学任务，彼此之间缺乏统一性，导致各案例成为“孤岛”，比如我院选择的张苏中等编写的教材共涉及10个项目，每个项目各有一案例，案例之间缺乏整体性。这往往会影响后续学生实践教学的效果，难以培养学生独立完成一个完整的网站。 

3.课程与专业的关联性不强 

从调研结果发现，许多技工院校老师在讲授网页设计与制作课程时，在处理教学内容等只考虑该课程，而没有和专业建立必要的关联性。该课程培养目标是能适应电子商务企业工作岗位的人才，因此，教学中应该把握商务特点，而不能一味地为讲技术而技术。 

二、技工院校电子商务网页设计与制作课程教学建议 

针对以上存在的问题，笔者根据自己多年的教学实践经历，结合当前技工院校电子商务网页设计与制作课程教学现状，提出以下建议，旨在抛砖引玉，与同行交流。 

1.专业视角设计教学内容 

电子商务专业课程应该考虑该专业的特征，也就是说，教学内容应该着重考虑“商”的特点，以某一产品营销平台构建教学内容，比如在讲授网页编辑时，可以按照电子商务企业岗位工作任务要求，把图像美化等内容充实到课程教学中，提高学生技能。 

2.专业角度选择教学案例 

教师在教学中，应该尽量选择完整的电子商务网站案例。假如不便于选择完整的电子商务网站案例进行课堂教学，可以在布置学生作业环节中以完整的电子商务网站内容安排课外作业。教师在围绕完整的电子商务网站案例教学时，可以将总教学任务分成若干模块，每一模块完成一定的教学任务，在结束整个学期的教学后，学生就能掌握网站建设的全过程技能。这种贴近实际工作的教学有助于提高学生就业的竞争力。