网页设计教学教案精编3篇

【导言】此例“网页设计教学教案精编3篇”的教案资料由阿拉题库网友为您分享整理，以供您学习参考之用，希望这篇资料对您有所帮助，喜欢就复制下载支持吧！

网页设计教学教案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 a the discussion of the concrete case and thinking, induct a student of creation 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)

三人行，必有我师焉。以上3篇网页设计教学教案就是山草香小编为您分享的网页教学的范文模板，感谢您的查阅。

网页设计教学教案2

关键词： 网页型电子教案 制作 优化

一、前言

随着计算机技术及网页设计技术的发展与应用，教育界正在利用计算机制作电子教案，以取代传统的纸质教案。而在制作各种电子教案的过程中，最优的方法是利用网页设计技术制作，再辅以其它应用工具对其进行优化。

教育部在《面向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.教师每一年都可以通过对网页电子教案进行修改补充，制作成程序软件和升级版本，从而取得一定的商业利益，这也是对教师制作优秀电子教案努力的回报。

六、结语

总之，网页型电子教案是一种很好的电子教案制作方法，是推进我国信息化教育改革的必要手段，是一种非常值得广大教师、各级教学管理者、教材开发者及精品课程的开发者进一步探索的制作方法与理念。

参考文献：

网页设计教学教案3

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

二、教学内容与教学条件

1.理论教学内容

（1）课程内容设计

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

（2）教学内容安排

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

2.实践教学内容

（1）实践教学内容

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

（2）实践教学条件

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

三、教学方法与教学手段

1.教学方法

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

2.教学手段

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

四、课程考核与试卷分析

1．课程考核

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

2．试卷分析

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

五、结语