网页设计教学教案范例【热选4篇】

【阅读指引】阿拉题库网友为您分享整理的“网页设计教学教案范例【热选4篇】”范文资料，以供您参考学习之用，希望这篇文档对您有所帮助，喜欢就下载分享给大家吧！

网页设计教学教案【第一篇】

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)

网页设计教学教案范文【第二篇】

论文摘要《网页设计》课程是一门实用性和综合性都很强的课程。本课程教学的最大特点是易学易忘。为了提高《网页设计》课程的教学效果，必须不断改革与充实教学内容，注重突出人才培养的实践性、应用性。改革教学方法，培养学生的实际动手能力和计算机的操作能力，使学生能够运用所学的知识进行网页设计。

《网页设计》是近年来计算机专业领域发展最快和应用最广泛的课程之一，当今社会急需培养掌握计算机网页设计、面向不同应用层次的专业人才。因此，本课程自开设以来，受到学生的普遍欢迎，学生对这门课程教学的要求也越来越高。

《网页设计》课程以Dreamweaver MX软件为主干，专门介绍网页设计和制作的基本技巧。通过这门课程的学习，能够让学生掌握网页设计的基础知识，并能熟练地制作出动态网站。但是网页制作技术也在不断地发展变化，新的技术、新的方法也在不断涌现，所以我们也需要将网页设计的最新、最实用的技术引用到课堂上去。

为了提高《网页制作》课程的教学质量，笔者不断地从教学内容、教学方法、实验环节等多方面对本课程进行了积极的创新。在此基础上总结出一些实际教学经验与体会，与大家一起探讨。

一、《网页设计》课程的特点

高等学校计算机专业开设《网页设计》课程的主要目的，是通过本课程的学习，培养学生的实际动手能力和计算机的操作能力，使学生能够运用所学的知识进行网页设计。

《网页设计》不是作为一门课程孤立存在的，它要靠多门学科的知识给予支撑。它们相互渗透和依赖，构成一个科学的、完整的课程体系。

《网页设计》课程的教学内容实践性较强，能极大的激发学生的参与性，锻炼学生的动手能力，培养学生的专业兴趣。学习中一定要注意理论与实践相结合，其中实践内容是教学的主线。学生应该有较充足的动手实践机会，较熟练地创作出实用的动态网页来。理论教学服务于实践教学，实践教学反过来又作用于理论教学。在教学过程中常有学生反映，上课能看懂、理解，但课后就忘了，更不要说以后的实验了。这是本课程教学的最大特点：易学易忘。下面将探讨若干提高《网页设计》课程教学效果的方法。

二、《网页设计》课程的教学方法

1、教学内容的改革

为了让学生能够适应计算机技术的快速发展，笔者在教授这门课程的过程中，对这门课程的教学内容不断地进行着调整。教学调整的目的就是让学生能够独立完成网页设计。所以在课堂上，主要以学生掌握知识为根本、以“能懂、够用、实用”为教学原则、以培养学生动手能力为目标来指导整个教改思路。

《网页设计》课程以前主要是应用FrontPage软件，再结合图像处理软件来处理一些网页图片。而现在网页制作主要讲授的内容是由Dreamweaver软件、Fireworks软件和Flash软件组成。讲授时是按这三个软件的先后顺序对各部分进行讲解，这三个软件的功能更新也非常快，讲授内容不能一成不变，如果这样，容易出现学生学习到的知识陈旧。通过调研并根据网页技术的发展状况，在每学期的教学过程中，笔者都会对本课程的内容进行调整，删除以前教学中过时的、理论性较强的内容，增加目前实用的、流行的新技术。

2、分阶段模块化教学

在教学中应注重突出人才培养的实践性、应用性。将整个教学内容分为四个阶段，每一阶段设计了若干教学模块。第一阶段使学生能熟练使用网页设计的超文本标记语言HTML；第二阶段能熟悉并熟练使用网页制作工具Dreamweaver MX；第三阶段能进行网页设计中的图像和简单动画的制作；第四阶段掌握在网页中嵌入Javascript脚本语言，实现网页动态效果。每一阶段的教学内容完成后，在专业机房组织单元考核，以实现分阶段达标，最终使学生能独立设计小型WEB站点。 转贴于

3、案例教学法

案例教学是在学生掌握了有关基本知识和分析技术的基础上，在教师的精心策划和指导下，根据教学目的和教学内容的要求，运用典型案例，将学生带入特定事件的现场进行案例分析，通过学生的独立思考或集体协作，进一步提高其识别、分析和解决某一具体问题的能力，同时培养沟通能力和协作精神的教学方式。

案例教学使得学生成为了教学活动的主体，形成了学生自主学习、合作学习、研究性学习和探索性学习的开放型的学习氛围。与传统的以教师为主导的教学法相比，案例教学法有以下几个方面的特点：①传统教学方式是以教师和教材为中心，以灌输的方式从书本到书本，从概念到概念，关注的是向学生灌输了哪些知识，忽视了对学生学习潜能的开发，导致学生理论与实践的脱节。而案例教学十分注重学生的主体性、主动性、自主性的发挥，注重引导学生通过案例的分析推导、运用概念较好地解决实际问题，促使学生的思维不断深化，并在力图对一个问题寻找多种解答的过程中培养和形成创造性思维。②案例教学有利于提高学生分析问题和解决实际问题的能力。区别于传统的注入式教学方式，案例教学是一种动态的、开放的教学方式，在案例教学中，学生被设计成自身处在特定的情境中，在信息不充分的条件下对复杂多变的形势独立做出判断和决策，在这过程中锻炼了自我综合运用各种理论知识、经验分析和解决问题的能力。③案例教学有利于促使学生学会学习。学会学习是学习型社会对人们能力的基本要求。传统教学方式教给学生的是运用概念解决问题的现成答案，学生获得的是背诵、机械记忆、按标准答案答题的知识。而案例教学告诉学生“答案不止一个”，答案是开放的、发展的。在案例教学中，教师通过有意识的引导，让学生自己去查资料，通过个体独立或群体合作的方式做出分析和判断，积极寻找多种答案，这样经过反复多次的积淀后，就会获得了自主学习的方法，使其学会学习成为现实。④案例教学有利于促使学生学会沟通与合作，在合作中互相沟通，在沟通中增进合作。

在教学中，教师通过精心挑选案例，明确提出需要掌握的知识点及操作技能，以案例带动知识点，贯穿整个教学过程。具体做法是通过具体案例提出任务，将任务分解到每次的课堂教学中实现，教学过程中为了调动学生的学习积极性，教学过程中常常采用互动方式，即老师提出一种解决问题的思路，然后让学生采用其它方式来解决同一个问题，课堂上每介绍一个任务后，都要首先让学生上机去模仿着实现，然后再要求他们采用自己的解决方案来完成任务。实践证明，采用这种方式进行实践性强的课程教学收效非常明显。

4、注重实践环节

当学生已基本掌握了本课程的大部分内容时，就可以布置一份综合作业，要求每位学生设计一个个人网站并添加一个动态效果。要求每位学生对自己的网站要做到既有鲜明、统一的风格又有完善的内容，将页面的结构、图片的位置、链接的方式设置合理，做到网页布局的和谐统一，并且还要做到容易更新等。要做到这些，就必须在制作网站之前，对网站进行一个总体规划，然后再逐步进行设计。

为了让学生有良好的创作技巧和独特的风格，把综合作业布置之后，先让学生进行选题，构建出自己的网站结构，再上网查询相关的资料，然后对网站进行规划，写出书面的网站设计方案，教师对每个学生的方案进行审查和评阅，及时指出应改进的地方和存在的问题，满足要求了，学生方可开始制作。通过这些环节让学生学会了创建、查找、阅读专业文献资料的方法，培养了学生撰写方案的能力。

总之，教师应以培养能力为主线，强化实践性教学。

教学工作是学校工作的重点，教学方法的革新是一个永久的话题，在教学过程中必须不断探索、不断创新，只有这样才能顺应时代潮流的发展，培养出素质高能力强的人才。

参考文献

[1]吕慧娟。 《网页设计》课程教学的创新与实践。 电脑知识与技术。

网页设计教学教案【第三篇】

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

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

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

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

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

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

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

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

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

评价阶段

当完成教学阶段的全部工作后，在学期末最后一周，由教师对学生的学习效果进行考查。每一位学生都上讲台介绍自己的网站主题、内容、所用技术等，然后，由老师当场从创意、审美、内容、技术、工作量五个角度进行点评。最终依据学生平时的上机以及作业情况(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)

网页设计教学教案【第四篇】

中职生的共性就是对缺乏学习兴趣。笔者通过多年的课堂教学体会到：如果有一套行之有效的既适合中职生实际水准、又贴近他们学习生活、能激发他们学习兴趣的案例贯穿于整个课程教学，就有可能解决这个问题。基于此，笔者提出了“课程案例”这一新概念，设计并开发出一套“课程案例”应用于“网页设计与制作”课程教学中，学生通过案例的模仿再开发，全面掌握“网页设计与制作”课程知识与技能的基本要领，从而实现课程的教学目标，培养学生的网站开发和设计能力。下面详述这一“课程案例”教学的设计及所进行的课堂教学。

“课程案例”的提出和设计

（一）“课程案例”这一新概念的提出

市面上相关教材比比皆是，但从其所提供的案例方面看，没有比较适合中职学生的：要么网页主题让学生很陌生，要么网页页面设计太复杂，中职生很难掌握，而且其中的案例多是针对某一知识点或某一章节设计的，属于“知识点案例”或“章节案例”，是零碎知识，不能贯穿整个课程知识教学。所以，教科书只适合作为本课程理论知识点的参考资料。“网页设计与制作”是一门技能型课程，重要的是要教会学生如何去构建和设计一个完整的网站，而不是空泛地谈一些理论知识。“课程案例”区别于“知识点案例”或“章节案例”之处在于：该案例贯穿于整个课程教学，覆盖课程包含的所有知识，课程知识的学习以“课程案例”为线索进行，学生模仿再开发设计完该案例，课程的所有知识学习也已结束。笔者思考并设计这样的“课程案例”，并对教材进行如下处理：提炼教材所提到的知识点，将其重新排列组合，按由浅入深的学习顺序，将课程知识点结合到自主设计的“课程案例”中，分模块渐进教学，整个教学过程注重学生自身思维的开发，将个体集美术设计、课程知识学习和课程实践三者紧密结合，将学生各方的能力逐渐激发展示出来。

（二）围绕学生的兴趣进行“课程案例”的设计

学生对一门应用型技术课的学习如没有兴趣，可能是没有一个令他们感兴趣的实例吸引他们渐次深入学习，从而引导他们学习掌握课程知识。班级是校园学习生活的一个集体，班级网站中所记录的人物、活动都是学生身边的人和事，网站的主题反映的正是他们的校园生活。如果把班级网站作为教学案例，让学生以自己的学习生活为主题组建成网站，一方面能引起他们极大的学习兴趣，另一方面，作为同一个班级的学生，在设计本班级的网站过程中，能够创造很多互相交流的机会，培养互相学习的精神，也能加深同学间的友情。所以，“班级网站的设计与创作”是一个理想的课程案例。笔者应用模块教学法，将理论知识与该课程案例完美结合起来，在近似实践的学习过程中培养学生的学习兴趣，让他们在兴趣中学、在学习中增添兴趣，从而在良性循环中完成课程学习。

再考虑学生的能力方面，他们已经有了对文字、图片和表格的基本处理能力，还学过或同步学习Photoshop、Flash、计算机网络基础等相关课程，所以，只要对网页素材的处理提出具体的要求，或对他们略加指导即能自行设计处理完成。对于该课程，虽然大部分学生浏览过很多网站内容，但并没有真正了解网站是怎么回事；对互联网世界充满兴趣和好奇，却还没有网页设计与制作的理论知识和实践技能，对网站常识还比较陌生。因此，在课程学习中，重点是要力求深入浅出、尽可能直观全面地剖析一个好的网站案例，运用视、听的方法，帮助学生建立有关网页设计与制作的基本概念和基本知识，掌握建设网站的基本技能。

鉴于此，教师如何将Dreamweaver、HTML和CSS三部分内容有机结合，让学生通过课程学习，模仿再开发出一个比较完整的“班级网站”，着力培养学生的实际建站能力、设计开发能力，从而提高他们自主学习与创新能力、信息收集与处理能力、提出问题并分析问题和解决问题的能力，成为课程教学的重要目标。

“课程案例”教学方法的设计

教学手段以“多媒体机房、网络、项目开发”三项结合。多媒体机房为学生设计网站提供基本条件，网络是学生寻找素材资源和借鉴别人经验的空间，项目开发是他们学习的任务。

教学方法上，采用示范讲解、任务驱动的教学模式，从以下三个方面展开：

采用案例讲解的教学模式 教学过程根据编排好的知识点内容和事先创建好的“班级网站”实例，逐步讲解该“课程案例”，便于学生理解和进行模仿设计开发。

实施模块化教学方法 遵循学生“由浅入深，循序渐进，由感性到理性”的认识规律，把知识点组合后分模块渐进教学。教学过程讲练结合，以学生实践为主，完成“班级网站”这一“课程案例”中包含的每个模块的再设计与再创作；以教师引导为辅，讲解设计与创作过程中遇到的新知识，组织学生完成能力拓展训练。

走四步教学流程，融“教、学、练”于一体 第一步，教师展示课程案例，演示创作过程，讲解涉及的知识点内容；第二步，下达任务，提出完成任务的具体要求和完成时间；第三步，学生模仿再设计再创作，完成任务；第四步，任务验收，学生自我评价，教师综合讲评。

“课程案例”的课堂教学

基于学生的现有知识技能，教师课程教学中重点讲授如何设计开发网站，在其他环节只扮演一个组织者和启迪者的角色，一步步引导学生完成本课程的目标，充分培养和发挥学生的自主设计能力、绘画能力和创新能力。

整个课程的课堂教学以“课程案例”为主线，设定以下几个教学模块。

模块一：学习有关网页的基本知识，介绍建设网站的工具等。

模块二：草拟“网站地图”，设计网站“模板页”。展示课程案例网站，分析班级网站的风格、页面的布局和包含的元素，先给学生一个真实的空间印象，之后让学生模仿如何设计这样的网站。首先设计出纸质的网站空间布局和内容：包括考虑整个网站的 风格、主色调、页面布局、页面的大概内容等，每一个页面设计草拟在一张纸上，其实这就是网站地图了。做足了这个功课，日后的整个班级网站的设计就有了头绪。为避免各页面出现相同内容的重复设计，提出设计制作“模板页”来生成其他页面。例如：把风格和内容相一致的部分（如班级广告图、班级徽标、导航条、版权信息等）设计出来，作成模板页保存下来，以备后面制作网站各页面时利用模板页生成，并在此基础上进行相应页面内容的设计创作。草拟“网站地图”和设计制作网站“模板页”是同时进行的，要结合着做。这个阶段都还是“纸上练兵”。

模块三：收集和创作素材。班级网站的素材主要来源于学生自己的学习生活，可以是活动的照片、活动记录，也可以是为自己班级创作的班级广告图、班级徽标等Flash或Photoshop作品，将这些素材分门别类放入建好的站点目录树中。

模块四：学习Dreamweaver，首先建立班级网站站点。

模块五：设计创建“模板页”。根据前期草拟的网站地图，利用布局表格设计模板框架。框架搭好后就是为模板页添加素材。模板上需要的素材并不太多，关键是要“精”，用精心选择和创作的素材。提醒学生，模板上大块的空间要留出来给各页面添加相应的内容，这点至关重要。

模块六：利用模板生成网站各页面。模板设计成熟并制作出来后，就要根据模板上的导航设计生成相应的页面，并将各页面互相链接起来。

模块七：完善各页面内容。每一两次课完善一个页面的内容，直到网站中各页面内容全部添加完成。当然，课后要为如何合理安排这些页面内容花很多时间去构思、去创作或收集相应的素材。所以，收集素材这项工作是一直贯穿于整个网页设计过程中的。

模块八：应用一些网页特效的代码，如添加背景音乐、QQ互动、图片文字的滚动、表单等，让页面动起来，增加网页的吸引力和活力。

模块九：本地站点测试。

教学评价设计

评价方案 （1）学生自我评价：即每个学生对自己的评价。教师事先给出评价标准和具体要求，学生对照自己的学习态度、创作的作品，对自己给出合理评价。（2）模块作品评价：教师对每个学生的评价。教师通过对学生课堂反映、每个模块上交的作品、讨论活跃程度等方面，对每个学生进行评价。（3）期末考核：教师通过对学生一整学期模仿再设计创作的“班级网站”进行评分，考核学生的实践与动手的综合能力，对学生进行合理的评价。

成绩评定 按出勤率、模块作品成绩、成熟作品成绩加权考核。

结语

在“网页设计与制作”课程案例的课堂教学中，笔者采用的是兴趣教学和让学生贴近实战的方法，以保持学生对知识探索的兴趣并提高学生的动手能力。这种教学的重要前提是要设计一个好的案例，“好”的标准是内容贴近学生的学习生活、设计难度又适合他们的实际水平，“班级网站”这一课程案例便是好案例之一。此外，在教学过程中，笔者为学生提供了十分丰富的信息资源，教会他们信息资源该如何收集、从哪里获取、以及如何有效利用等知识。

参考文献：

[1]刘瑞新。网页设计与制作教程[M].北京：机械工业出版社，2010.

[2]唐乾林。网站界面设计案例教程[M].北京：机械工业出版社，2011.

[3]尚俊杰。网络程序设计——ASP[M].北京：清华大学出版社，北方交通大学出版社，2009.

[4]赵丰年。网页制作三剑客操作互动[M].北京：人民邮电出版社，2011.