作为一名老师，时常要开展教学设计的准备工作，教学设计是实现教学目标的计划性和决策性活动。一份好的教学设计是什么样子的呢？为了加深您对于网页教学的写作认知，下面快回答给大家整理了8篇网页设计教学教案，欢迎您的阅读与参考。

网页设计教学教案 篇一

关键词：网页设计与制作，教学设计

【中图分类号】G642

一、教学目标

完成“心理健康教育网站”的设计与制作，并在网上。在完成上述任务的过程中，学生要学会：

1）掌握网站开发流程

2）学会网页的设计和制作

3）能够正确认识心理健康教育以及相关概念，了解心理教育知识

4）通过开发网站的学习，培养学生创新能力。

5）通过分组合作学习，培养学生的自主学习能力，团结协作能力，问题解决的能力，提高学生的信息检索能力。

二、学习内容分析

以下是本次学习活动的教学内容知识结构图，也是本课程的重点。它是对网页设计全过程的总结，也是最终的教学目标。

三、教学过程设计

1.项目名称：“心理健康教育网站”的设计与开发

2.项目负责人：学习委员张红梅

3.项目的提出：

大家阅读过学校的心理健康报吗？看过几期呢？你们只能看到这学期出版的心理健康报。咱们想一个办法让学生可以随时阅读任意一期的心理健康报。就是设计一个心理健康教育网站。通过这个网站，大家不仅能够查阅校报，还可以学到心理健康教育的知识，全校的师生可以给校辅导员留言。

4.教学活动过程

从学生设计网站的过程中反映出学生已经掌握了网站开发的流程，但是网页设计的基础知识中有一部分掌握的不太好。如：站点的建立，模板的使用，CSS样式表的定义等。在今后的教学中要加强这些知识的学习。

在网站设计过程中遇到了很多问题，师生共同讨论解决。仍然有些没有解决的难题，需要进一步的解决：

（1）在模板的可编辑区域添加内容后，模板的不可编辑区域布局增加，使得表格中的内容和表格间距增大，重新修改模板也不能调整表格间距。

（2）使用了模板的网页中不能添加SPRY构件。

（3）如何解决层起始位置发生移动问题

五、总结

基于项目的学习内容呈现方式很适合网页设计课程的教学要求。充分发挥了学生的主观能动性。学生由被动转为主动，提高了学习积极性。只是学生刚刚接触项目教学法，在制定项目计划时考虑不全面，不明确，造成后期的探究活动目标不明确，容易造成学习混乱。今后在教学中要加强练习项目教学的流程。

参考文献

[1]李龙。教学设计[M].北京：高等教育出版社，2010：415

网页设计教学教案 篇二

>> 浅探项目教学法在《网页设计基础与应用》课中的应用 浅谈“网页制作”之网页版面的教学设计 浅谈网页设计之美 多文本阅读之教学设计浅探 浅谈中职网页设计教学 网页设计的教学实践 构成设计教学探议 动漫设计教学浅探 数学“大问题”设计之我探 网页设计之视觉信息传达分析 浅述网页之艺术设计 《背影》教学视野之探 中职计算机任务教学之任务设计探议 浅探当前初中美术教学之创意活动设计 中职网页设计课程的教学探讨 中职网页制作课程教学设计探讨 《网页框架》教学设计与反思 网页设计课程教学改革探析 高职《网页设计》课程的教学探讨 “网页设计与制作”课程教学探索 常见问题解答 当前所在位置：或。html)。

模块二：编辑网页元素。网页元素包括文本、图像、多媒体、超级链接、Logo、导航栏等。要求学生能够熟练地编辑各种网页元素。其中，Logo是网站的标志，一般在网页的左上角，内容一般是网站有代表性的人物、动物、花草或者英文名称等。可以鼓励学生利用生成器或者Photoshop等设计好自己的网站Logo。超级链接是实现网页跳转的重要途径。教师可以通过案例使学生掌握文本链接、图像链接、Email链接、锚点链接、空链接、脚本链接等各种链接形式。

模块三：设计网页布局。网页布局设计到网页在浏览器中所显示的外观，决定着网页设计的成败。通过表格布局、布局模式布局、框架布局三种手段来定位网页元素。其中，首页的布局尤为重要。可以运用各种形状，如矩形、圆形、菱形等，“同”字形、“匡”字形、“三”字形、“川”字形等，或者是运用曲线组成的柔美的或不规则的图形。然后将页面元素放入其中，确定它们的位置，同时要考虑整个页面的平衡、疏密等因素，编排出令人舒适的效果。最后确定页面尺寸和页面元素的尺寸。

模块四：优化网页样式。主要是通过Html标签对和CSS规则来优化整个页面的样式，使整个网站的风格较统一，并且有特色。其中，CSS层叠样式表类似于Word中的样式，它将网页的排版从网页文档的制作中独立出来。利用它可以批量地修改成百上千个网页的外观样式，大大提高了工作效率。

模块五：制作网页特效。利用层来实现对页面元素的精确定位；利用行为来动态响应用户的操作或者触发任务；利用JavaScript语言实现动态的、实时的、交互的动态效果。其中，行为一方面是指Dreamweaver8.0提供的预定义行为。实现鼠标经过图像、弹出信息、拖动层、显示弹出式菜单等动态效果。另一方面是指结合时间轴，创建自定义的动态效果。教师可以适当增加案例的数量，租金学生的学习兴趣。关于JavaScript未做重点讲解，只给学生提供―些特效代码、插件、代码下载网站，并演示如何使用现成的特效代码。

模块六：管理网站资源。通过资源面板批量的修改重复的网页元素，从而高效的管理网页中的各种资源。通过库管理和更新多次重复使用的网页元素。利用模板保存较好的文档格式，作为中间件，需要时可以套用。

模块七：其他相关知识的补充。主要是ASP语言、数据库知识和Flash。要求能够制作简单的动态网页。另外，Flash是一种简单直观、功能强大的动画设计工具。在教学过程中，教师可以鼓励学生通过案例的学习，自己动手制作网站片头、主题文字的动态效果、背景、网页切换等效果，增强网站的吸引力。

以上的七个模块，就是对“网页设计”课程全部教学内容的一个整合。然而，在每个模块的教学过程中，针对课堂上没有解决的问题，可以通过网络教学法，在课后进行有益的交流和补充。并且，每个模块学习结束后，都给学生时间将所掌握的技术应用在各自的项目方案中。

总之，“网页设计”课程是一门实践性操作性很强的课程，无论怎样安排教学内容，无论使用怎样的教学方法，都是要以学生为中心，提高学生的网页设计能力。

2.3评价阶段

当完成教学阶段的全部工作后，在学期末最后一周，由教师对学生的学习效果进行考查。每一位学生都上讲台介绍自己的网站主题、内容、所用技术等，然后，由老师当场从创意、审美、内容、技术、工作量五个角度进行点评。最终依据学生平时的上机以及作业情况(30%)加上最终提交的网页设计作品(70%)给出学生本学期的考核成绩。成绩分为优秀、良好、中等、及格和不及格五个档次。推荐优秀作品的设计者参加网页设计大赛、假期到公司实习或者考认证。

这种评价方式是以能力为中心的全程化、开放式、全面的考核方式，能够综合考查学生平时参与课程的情况、每阶段学习的状况和最重的网页设计效果，使学生的素质和综合能力得到提高。

3结束语

笔者根据多年来在“网页设计”课程中的教学经验，本着以学生为中心的原则，对传统的教学模式进行改革，提出了创新的教学思路和实践总结。笔者在“网页设计”课程的教学过程中精心设计了科学的教学方案；采用了适合的多样的教学方法；较合理地整合了网页设计的教学内容；采用了全程化的评价方式。实践证明取得了较好的教学效果。但是仍需要加强教学环节的组织，更加充分的利用网上的教学资源，丰富课堂教学内容，将“网页设计”之教学推向更高的层次。

参考文献

[1] 胡亚卓。 浅谈网页设计[J]. 科教文汇，2008,(02):180.

[2] 林菡，张军。 优良的网页设计应该注意的几个要素[J]. 北京教育学院学报(自然科学版),2007,(8):12-15.

[3] 颜谦和，颜珍平。 “网页设计与制作”课程运用案例教学法初探[J]. 计算机教育，2007,(9):65-66.

[4] 吴建梅，周莹。 “任务驱动”教学法在高职“网页设计”课程中的应用[J]. 科技广场，2007,(08):210-211.

[5] 余平。 项目驱动在网页设计实践教学中的应用[J]. 实验室科学，2007,(5):94-95.

[6] 李若兰。 “网页设计”课程之分层教学实践[J]. 大众科技，2007,(7):33.

[7] 韩慧。 关于“网页设计”课教学改革的思考[J]. 山西财政税务专科学校学报，2007,(10):79-80.

Teaching Exploration of Web Design

JIANG Hai-yan, DU Lin, LI Shu-jin, ZHAO Ke

(Department of Computer, Shandong Education Institute, Shandong Jinan 250013 , China)

网页设计教学教案 篇三

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)

网页设计教学教案 篇四

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

二、教学内容与教学条件

1.理论教学内容

（1）课程内容设计

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

（2）教学内容安排

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

2.实践教学内容

（1）实践教学内容

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

（2）实践教学条件

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

三、教学方法与教学手段

1.教学方法

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

2.教学手段

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

四、课程考核与试卷分析

1．课程考核

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

2．试卷分析

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

五、结语

网页设计教学教案范文 篇五

本文主要探讨网页设计与网站管理课程教学的现状以及在教学过程中存在的问题，结合部队院校的特点，提出更合理的教学方法建议，寻求一条新的教学思路和教学方法，以便培养出越来越多部队所需要的网页设计与网站管理人才。

【关键词】

网页设计与网站管理；教学设计；考试方法

1部队院校网页设计与网站管理课程教学存在的问题

1.1部队院校网页设计与网站管理课程的教师水平参差不齐现阶段，部队院校正处于教学改革的重要时期，但是在教学过程中一些院校的教师的教学思想仍然比较守旧，网页设计与网站管理的专业知识和设计思想没有及时更新，在教学过程中没有很好的结合现代化教学方式方法。此外，在教学过程中不能很好与网络信息技术进行整合，特别是不能及时的把军事科技的新知识、新经验融合到网页设计与网站管理教学中。教员滞后的专业知识严重影响了网页设计与网站管理学员的学习热情和学习效果。教学内容不能很好衔接，网页设计与网站管理需要的预备知识比较多，面向对象编程能力、数据库知识、美学修养等都是必须的，而学生在选课时，部分学生没有这方面的预备知识，因而学习起来比较吃力，积极性受到打击。

1.2部队院校网页设计与网站管理课程的教学方法陈旧由于部队院校的教育的发展略慢于地方院校，一些院校网页设计与网站管理的老师不能灵活应用现代教学工具，及时更新授课方式方法。因此在网页设计与网站管理课程教学时，仍然以老师教授为主，更多时候只是照本宣科，缺乏与学员间的互动，教学方法单一陈旧。而使得课堂缺乏生气与活力，从而使得学员们对网页设计的学习非常被动，严重影响了教学质量。（1）多媒体教学方式未发挥应有作用一些部队院校的教师无法发挥多媒体在教学过程中起到的重要作用，在课堂教学中教师将教学内容简单的以教学课件的形式进行展示，不能够根据部队院校学生的需求和网页设计与网站管理专业特点的角度进行课件设计。从而不能很好的提高教学的灵活性和生动性，提升课堂教学效果。（2）理论与实践结合不紧密大多数部队院校教师仍然采用传统的教育模式，教师只针对教学大纲进行授课，注重理论知识内容的讲授，忽略课堂实践环节，对于操作性极强的网页设计与网站管理课程，按照原来的教学模式授课，大大降低了学员的学习兴趣很差难以保证教学效果。虽然在教学过程中也有实践课程，但仅仅是对知识点的简单上机操作练习，没有采用项目教学、案例教学等新式教学方式进行教学，实践教学环节作用不突出，没有达到实践教学的效果。（3）教学内容衔接性差网页设计与网站管理需要的预备知识比较多，面向对象编程能力、数据库知识、图片处理能力、动画制作能力等都是必须学习的，而学生在选课时，部分学生没有这方面的预备知识，因而学习起来比较吃力，积极性受到打击。（4）教学内容和考试方式单一目前在很多部队院校网页设计与网站管理课程的理论考核部分仍然占据较大比例。整个教学过程以教师为中心，学员被动学习，最后只会做老师教的，不能达到举一反三、灵活掌握，导致学员缺乏创新能力和自学能力。在考试方式上，老师为了更好地完成教学任务，主要精力仍然放在学生们的理论知识和试题上。课后作业大部分以理论试题为主，结课考试学员们的成绩达到了院校要求。学员自身学习兴趣、分析问题和解决问题能力都受到挫伤。最终不能实现该课程的教学目标，不能适应部队对网页设计与网站管理需要的人才要求。

2教学设计分析

网页设计与网站管理课程教学特点：知识点多、内容分散、学生学习主动性差。因此，建议采用项目教学法、案例教学法相结合，来调动学生学习的积极性，突出理论与实践结合的重要性。

2.1项目教学法项目教学法是指在教师的指导下以学员为中心的教学方式。教师在学员学习过程中不仅传授学生理论知识，实践操作技能，还要帮助和提高学员解决实际问题的能力，在整个教学实施过程中注重学习的全过程而不是学习结果。尤其是对于部队院校的学员来说让他们掌握整个项目开发的全过程要比设计出一个简单的网页作品更重要。采用项目教学使学员的学习更有针对性和实用性，提高了学员的实践能力、分析解决实际问题的能力和团结协作的能力。与传统的教学模式相比，该模式是从教学目标出发。作为教师，既要讲解网页设计与网站管理相关理论基础知识，还要负责对每个项目组进行指导，检查督促项目进度；作为学员不光要掌握网页设计与网站开发的整个流程和相关专业知识，还要对所做网站的相关内容进行学习。这种教学方法促使学员从被动学习转为主动学习，大大提高了学员的学习积极性。

2.2案例教学法案例教学法从总体上讲是一种归纳模式，课堂案例是来自身边的真实情境或事件，透过此种方式能够有助于培养和提高学员学习的主动性和积极性。案例教学法涉及的层面很广，包括案例选择、案例编制、案例分析和案例评价，每一个层面的好坏都直接决定了案例教学的成败。网页设计与网站管理课程学习需要根据网站所要表达的主题思想设计不同风格的网页，所以包括的知识内容多而散。比如文本设计、图片设计、版面设计、软件知识等。教师应该根据所授课程的教学内容结合部队的相关资料制作出网页案例，并通过组织学员讨论交流等方式对案例进行分析最终掌握相应的理论要点和操作步骤。

2.3考核方式灵活化网页设计与网站管理是一门实践性很强的学科，该课程需要的考核方式不应该仅用传统的理论考试和课堂表现来测评学员的能力素质，应该通过学员自主设计作品的方式来全面反映学员实践操作能力。考核的目标是学员在设计作品过程中的整体构思、基本专业知识的掌握、实际动手能力和综合设计水平的检验，侧重于如何使用现有的网页素材更好的应用到部队的网页设计与网站管理上，最终实现教学目的。

3结论

通过对教学方法的分析和实践，让我们意识到作为部队院校的教师想要更好的教好网页设计与网站管理这门课程，培养出部队需要的网页设计与网站管理专业人才，首先要提高自身的专业水平和创新教学方式方法；其次通过项目教学法和案例教学法的教学方式注重培养学员的学习兴趣，提高学员的动手实践能力和完成整体案例能力；最后要突出部队院校特色，进一步提升学员将部队最新信息与资源融合到网页设计与网站管理中去的能力。有力的提升部队院校网页设计与网站管理课程的教学质量。

参考文献：

[1]段芸。艺术设计专业《网页设计》课程实践研究[D].沈阳：沈阳师范大学硕士学位论文，2013.

网页设计教学教案范文 篇六

（一）环节一：导入新课、创设氛围

1.教师活动

（1）展示班

>> 《动态网页设计》案例生活化教学设计 动态网页设计教学探讨 模拟公司教学法在动态网页设计课程中的实践与思考 项目教学法在《动态网页设计与制作》课程中的应用 比较学习法在《ASP动态网页设计与应用》教学中的应用 一体化教学在ASP动态网页中的应用与反思 “ASP动态网页设计技术”项目教学法的研究与实践 《ASP动态网页设计》课程教学方法改革与实践 浅谈运用动态网页辅助教学 借助Xmind思维导图辅助动态网页教学 浅谈《ASP动态网页设计》课程教学改革 职业院校ASP动态网页设计教学刍议 高职《动态网页设计》课程教学改革研究 浅谈《ASP动态网页设计》教学研究 PHP 动态网页制作课程一体化教学模式的探索与实践 《狐假虎威》教学案例与评析 教学案例的设计与解读 《风筝》教学案例与反思 教学案例认识与体会 《泪珠与珍珠》教学案例 常见问题解答 当前所在位置：），在该页面的合适位置尝试创建表单。

（3）学生思考自己个人网站的表单里需要设置什么样的题目，才可以有效获得浏览者有价值的信息。

（4）根据设置的调查题目内容选择恰当的表单控件元素，并根据具体题目的选项，尝试修改控件的属性。

（5）学生尝试在表单区域内添加按钮控件，并测试表单页面运行后，各表单控件元素的选定或填写后的变化。

3.设计意图

通过评价其他同学的网站作品去设置调查的问题，可以使学生的表单任务更具有针对性和实用性。通过层层深入的关联问题，引出新知识，调动学生的学习积极性。

（三） 环节三：知识探究，解决问题――表单数据提交到哪里？接收页面收什么？怎么接收？如何显示？

（1）通过再次观看在线互动页面的填写提交过程，发现交互的过程有两个页面，引出需要一个页面来处理前一页面发送或提交过来的数据，建立数据处理页面feedback.htm，两个页面有什么关系？（发送和接收）

（2）通过建立两个页面的关系，引出表单form属性的动作设置（Action= feedback.htm）。

（3）通过接收数据，讲解Request.Form（“表单元素名称”）对象的基本语法及使用方法。

（4）通过显示已接收的数据，讲解输出语句（<%= %>的基本语法及使用方法）。

（5）通过上传第一次测试，结果不成功，找问题：引出基于服务器端动态网页ASP（讲解动静态网页区别及工作过程）。

（6）根据上述新知，修改feedback.htm后缀为asp，第二次上传测试：成功。（结合基于服务器端环境的动态网页工作原理，思考原因）

……

二、教学反思

网页设计教学教案 篇七

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

一、前言

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

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

六、结语

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

参考文献：

网页设计教学教案范文 篇八

【关键词】 案例教学；计算机网页设计；教学应用；注意问题

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

一、案例教学模式内涵以及特点

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

二、案例教学在计算机网页设计中的具体应用

1、案例教学设计

案例名称：某旅游公司“一日游”的专题网页设计

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

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

2、主要教学内容

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

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

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

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

三、案例教学落实过程中应该注意的问题

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

1、营造轻松、和谐的学习氛围

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

2、提高教师素质，构建良好的师生关系

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

3、建立科学合理的知识体系，选择合适的教学案例

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

四、结束语

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

【参考文献】

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

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

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

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

汉屈群策，策屈群力。以上就是快回答给大家分享的8篇网页设计教学教案，希望能够让您对于网页教学的写作更加的得心应手。