作为一名老师，时常要开展教学设计的准备工作，教学设计是实现教学目标的计划性和决策性活动。一份好的教学设计是什么样子的呢？这次漂亮的小编为您带来了网页设计教学教案范文（通用8篇），如果能帮助到您，小编的一切努力都是值得的。
关键词：案例教学法 CSS+DIV 样式选择器
中图分类号：G712 文献标识码：A 文章编号：1673-9795（2013）04（b）-0168-01
随着现代网页设计技术的发展，CSS+ DIV成为网页设计中的核心技术，如何制作精美的网站，本文旨在引导学生分析网页表单圆角案例，运用CSS+DIV知识点完成设计。
1 案例教学法
案例教学法由美国哈佛商学院提出，是一种以案例为基础的教学法，通过学生间的相互讨论或研究，提高学生的学习兴趣，从而培养学生主动学习的能力。本文用CSS+DIV制作表单圆角案例，形成学生思考和分析问题的能力，从而提高学生制作网页的技能。
案例教学法以注重学生的基本能力为基础，避免单纯理论知识的学习，在实践过程中，可以鼓励学生进行单独的思考和创造，提高学生学习的积极性。
2 表单
表单（Form）作为网页与用户接触最直接、最频繁的页面元素，其在网站用户体验中占有最重要的位置。而表单也常常用于用户注册、登录、投票等功能，用于吸引新用户，留住新用户的重要工具。设计一个表单很简单，但设计一个用户体验高，漂亮的表单却并不易。如果表单设计用户体验不高，无疑将会对网站用户粘性大大降低。
3 设计过程
3.1 展示案例，启发思考
把此案例效果图展示给学生，吸引学生的注意力，激发学生探究学习案例的热情，让学生带着例子去探讨课本上的理论知识，为学生学习理论知识打下坚实的基础。
3.2 探究讨论案例，解决问题
根据表单圆角的案例，让学生展开分析和讨论在案例中所用到的理论知识，分析表单的布局结构、分析实现的代码，学生试着写出CSS代码，并预览调整，测试优化页面。
3.3 总结和点评
教师通过学生完成的案例进行总结和点评，分析不同学生在案例中存在的优、缺点，有针对性的进行深入的分析，对出现的问题从不同角度和方法，与学生共同找出最佳解决方案。最后对此案例所涉及的理论知识和代码进行全面的总结：
3.3.1 网页设计的核心概念
（1）CSS+DIV布局：利用CSS样式控制DIV标签的位置来实现网页的布局。
（2）盒模型：盒模型是CSS的基础，它认为页面上的每个元素都被看作一个矩形，这个矩形由内容、填充（padding）、边框（border）和边距（margin）构成。
（3）位置控制（position）属性：位置控制属性可以确定元素在网页中的位置，分为静态定位（static）、相对定位（relative）和绝对定位（absolute）。
（4）浮动（float）属性：浮动属性是CSS布局中很重要的属性，用于控制元素左右移动，分为不浮动（none）、左浮动（left）和右浮动（right）。
（5）选择器：CSS的主要作用就是将一系列的样式规则应用于文档中，使得文档中应用了这个规则的内容实现某种样式。这一系列的样式规则就叫做选择器。文档用了不同的选择器，就呈现不同的样子。选择器主要分为标签选择器、类选择器和ID选择器。
（6）显示与可见性：显示（display）一般用在改变属性（如导航），增加交互（如标签），显示分为块元素（block）、行内元素（inline）和无（none）。可见性分为可见（visible）和隐藏（hidden）。
（7）常用CSS属性：常用的CSS属性包括字体（font）属性、背景（background）属性、边框（border）属性、边距（margin）属性、填充（padding）属性和列表（list）属性。
3.3.2 代码
网页表单设计的主代码及解释如下：
4 结语
CSS+DIV方法实现网页设计已成为当前网页设计的一种趋势，本文旨在通过案例教学法使学生更好的掌握CSS+DIV的基础知识，激发学生学习的兴趣，调动学习的主动性，制作出更漂亮的网页。
参考文献
[1] 谢学峰。基于DIV+CSS的网页设计技术[J].计算机光盘软件与应用，2011（11）：82，84.
[2] 曾顺。精通CSS+DIV网页样式与布局[M].北京：人民邮电出版社，2007.
>> 浅探项目教学法在《网页设计基础与应用》课中的应用 浅谈“网页制作”之网页版面的教学设计 浅谈网页设计之美 多文本阅读之教学设计浅探 浅谈中职网页设计教学 网页设计的教学实践 构成设计教学探议 动漫设计教学浅探 数学“大问题”设计之我探 网页设计之视觉信息传达分析 浅述网页之艺术设计 《背影》教学视野之探 中职计算机任务教学之任务设计探议 浅探当前初中美术教学之创意活动设计 中职网页设计课程的教学探讨 中职网页制作课程教学设计探讨 《网页框架》教学设计与反思 网页设计课程教学改革探析 高职《网页设计》课程的教学探讨 “网页设计与制作”课程教学探索 常见问题解答 当前所在位置：或。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)
随着社会的快速发展和互联网的普及，计算机技术及其应用发挥着重要的作用。为了全面提高高校学生的网页设计能力，激发学生的网页设计兴趣，探索课程改革的几点思路，从而实现对高校学生的能力提高、兴趣培养和考核标准的改革，结合课程改革的《网页设计与制作》教学模式的研究显得极为重要。
【关键词】
网页设计；课程改革；教学模式
《网页设计与制作》是一门实践性极强的课程，也是为满足社会需求而设置的。网络是人们获取信息的重要来源，随着网络在人们生活中的地位逐渐上升，企事业单位和政府机构以及个人通过网页来宣传自己的单位和个人形象。因此，提高学生对网页设计的兴趣、培养学生自己开发网站的能力显得尤为重要。
1激发学习兴趣，鼓励创新精神
1.1案例教学古语讲“学起于思，思源于疑”，良好的学习兴趣是学习的先导。首先采取案例教学，摒弃传统的教学方法。在传统的课堂上，教师讲授理论知识，之后学生进行上机练习。往往会造成机房内操作过程中无处下手。因此，结合教学内容和目标选取典型的案例进行案例教学法能够很好的解决这个问题，提高教学效果。枯燥的理论与实际案例相结合，在课堂上及时展示网页设计的效果，必将为课堂带来全新的效果，对于学生熟悉理论知识和实际操作能力也能全面加强。激发学生的学习兴趣、鼓励创新精神，化被动为主动和提高学生解决实际问题的能力是网页设计课程改革的出发点。
1.2互动教学建立教学网站，开设相应的学习论坛。在网站上传课堂视频、经典课件、网页设计的学习资料以及课堂作业，加强师生的交流、资源共享。学生在课堂上不可能掌握教师所讲的所有内容，加强互动交流和平台建设这样有助于学生的课后复习巩固，清楚学生在课堂上的疑问。
2实验设计与大作业制作标准
制作一个主题网站，主要从下面三个主题中选择：个人网页、校园生活、文学。综合运用本课程所学的内容知识，导航、布局清晰、信息分类合理。可以从网上下载部分资料，但是不能超过整个内容的30%，绝对不允许直接从网上下一个网站，一经发现直接记0分，总的页数应超过8页。（一个包含主题内容的html文件或asp文件算一页。）具体要求如下：（1）站点结构清晰，站点内文件夹名、文件名命名规范，杜绝使用中文汉字。(5分)（2）页面布局可采用表格或者css+div。（10分）（3）创建模板，并根据模板至少创建1个页面。（10分）（4）为一个页面添加浮动框架，并有链接的页面显示到浮动框架部分。（10分）。（5）使用css样式美化网页。（10分）（6）网页中必须有插入图像、文字、鼠标经过图像等页面元素，并与主题相关。（10分）（7）要求首页中加载5种链接方法：内部链接，外部链接、邮件链接、锚点链接、图像链接。（15分）（8）网站中应用的方法和技巧的种类多少。（10分）（9）网站中无断掉的链接和孤立的文件。（10分）（10）制作一份网站设计说明书，放在站点总文件夹中，并用A4纸打印一份。（该说明书必须能够体现制作网站的过程，否则视为抄袭以0分计。）（10分）在网站制作过程中应注意以下几点事项：（1）建立站点，图片存放在文件夹images中。（2）所做网页的首页文件名必须为index.html。（3）不要忘记给每个页面命名。（4）所以文件和目录名全部使用英文字母和数字，不得汉字和全角字符。（5）网上下载的文字要注意删除多余的超级链接和？之类。（6）最好在每个页面加一个超级链接返回首页。（7）网页的总容量一般不要大于15mb。（8）如果网站制作粗糙，站点结构混乱，每个扣5-10分。（9）如果运用的动画、图片等不符合作品反映内容扣5-10分不等。将制作的网页及说明书压缩成一个文件，文件名为：学号_姓名_班级。
3团队协作
在网页制作过程中，鼓励学生进行分组讨论，以团队形式完成作业，培养学生的团队协作能力。在制作过程中，将同学们以5-7人分成一个课题小组，按照分工协作、组长负责的原则加强同学之间互相讨论、互相学习、取长补短，一个团队的同学共同思考完成一个网站的制作，锻炼学生的合作精神。设计多个题目供学生选择，学生可以自选题目，充分发挥学生的兴趣和主观能动性，在规定时间内完成最后进行网页设计汇报演示。
4《网页设计与制作》课程的考核标准
多数课程通常采用笔试的方法，然而计算机类课程考核的重点是实际操作能力而非单一的理论知识。《网页设计与制作》这门课程考核内容过多偏于死记硬背的记忆性知识考核，就恰恰忽略了课程本身的性质，因此应重点培养学生的实践能力。《网页设计与制作》的课程考核方式要全面反映学生的真实学习水平、激发学生的学习兴趣和制作灵感。为充分调动学生课堂以及课后完成网页制作的积极性，在具体的考核中平时成绩占总成绩的20%，期末大作业的网站设计占总成绩的80%。这样能够调动学生上课以及完成课堂练习和实验任务的积极性。
5结语
网页设计的人才培养目标和方案必须适应市场经济对人才的需求，培养具有能够自主思考、开拓创新和独立解决实际问题能力的学生，这也是高等教育的基本目标。结合课程改革的《网页设计与制作》教模式以学生为主题，发挥学生的主观能动性，鼓励团队协作和师生平台交流必将发挥重要的作用。
参考文献：
[1]马国德。对提高课堂教学质量的一点思考[J].青海教育，2002(04):18.
[2]刘显丽。网页制作课程的整合研究[J].辽宁教育行政学院学报，2005,(02):125-126.
[3]尹玉菡，杨万军。非计算机专业《网页设计制作》课程教学设计与实践[J].辽宁师专学报，2010,12(01):44-45.
[4]史科蕾，高咏欣。《网页设计与制作》课程的教与学[J].信息技术与信息化，2007(02):129-131.
[5]刘强，张阿敏，翁艳彬。网页设计与制作[M].北京：高等教育出版社，2010.
[6]DarcyDiNucci.WebSiteRedesigns[J].PearsonEducation,2001.
[7]谢良辰．对网页制作技术课程实验教学设计探讨[M]．山西：教学与管理，2006.
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)
关键词： 网页型电子教案 制作 优化
一、前言
随着计算机技术及网页设计技术的发展与应用，教育界正在利用计算机制作电子教案，以取代传统的纸质教案。而在制作各种电子教案的过程中，最优的方法是利用网页设计技术制作，再辅以其它应用工具对其进行优化。
教育部在《面向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.教师每一年都可以通过对网页电子教案进行修改补充，制作成程序软件和升级版本，从而取得一定的商业利益，这也是对教师制作优秀电子教案努力的回报。
六、结语
总之，网页型电子教案是一种很好的电子教案制作方法，是推进我国信息化教育改革的必要手段，是一种非常值得广大教师、各级教学管理者、教材开发者及精品课程的开发者进一步探索的制作方法与理念。
参考文献：
中职生的共性就是对缺乏学习兴趣。笔者通过多年的课堂教学体会到：如果有一套行之有效的既适合中职生实际水准、又贴近他们学习生活、能激发他们学习兴趣的案例贯穿于整个课程教学，就有可能解决这个问题。基于此，笔者提出了“课程案例”这一新概念，设计并开发出一套“课程案例”应用于“网页设计与制作”课程教学中，学生通过案例的模仿再开发，全面掌握“网页设计与制作”课程知识与技能的基本要领，从而实现课程的教学目标，培养学生的网站开发和设计能力。下面详述这一“课程案例”教学的设计及所进行的课堂教学。
“课程案例”的提出和设计
（一）“课程案例”这一新概念的提出
市面上相关教材比比皆是，但从其所提供的案例方面看，没有比较适合中职学生的：要么网页主题让学生很陌生，要么网页页面设计太复杂，中职生很难掌握，而且其中的案例多是针对某一知识点或某一章节设计的，属于“知识点案例”或“章节案例”，是零碎知识，不能贯穿整个课程知识教学。所以，教科书只适合作为本课程理论知识点的参考资料。“网页设计与制作”是一门技能型课程，重要的是要教会学生如何去构建和设计一个完整的网站，而不是空泛地谈一些理论知识。“课程案例”区别于“知识点案例”或“章节案例”之处在于：该案例贯穿于整个课程教学，覆盖课程包含的所有知识，课程知识的学习以“课程案例”为线索进行，学生模仿再开发设计完该案例，课程的所有知识学习也已结束。笔者思考并设计这样的“课程案例”，并对教材进行如下处理：提炼教材所提到的知识点，将其重新排列组合，按由浅入深的学习顺序，将课程知识点结合到自主设计的“课程案例”中，分模块渐进教学，整个教学过程注重学生自身思维的开发，将个体集美术设计、课程知识学习和课程实践三者紧密结合，将学生各方的能力逐渐激发展示出来。
（二）围绕学生的兴趣进行“课程案例”的设计
学生对一门应用型技术课的学习如没有兴趣，可能是没有一个令他们感兴趣的实例吸引他们渐次深入学习，从而引导他们学习掌握课程知识。班级是校园学习生活的一个集体，班级网站中所记录的人物、活动都是学生身边的人和事，网站的主题反映的正是他们的校园生活。如果把班级网站作为教学案例，让学生以自己的学习生活为主题组建成网站，一方面能引起他们极大的学习兴趣，另一方面，作为同一个班级的学生，在设计本班级的网站过程中，能够创造很多互相交流的机会，培养互相学习的精神，也能加深同学间的友情。所以，“班级网站的设计与创作”是一个理想的课程案例。笔者应用模块教学法，将理论知识与该课程案例完美结合起来，在近似实践的学习过程中培养学生的学习兴趣，让他们在兴趣中学、在学习中增添兴趣，从而在良性循环中完成课程学习。
再考虑学生的能力方面，他们已经有了对文字、图片和表格的基本处理能力，还学过或同步学习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.
【论文摘要】《网页设计》课程是一门实用性和综合性都很强的课程。本课程教学的最大特点是易学易忘。为了提高《网页设计》课程的教学效果，必须不断改革与充实教学内容，注重突出人才培养的实践性、应用性。改革教学方法，培养学生的实际动手能力和计算机的操作能力，使学生能够运用所学的知识进行网页设计。
《网页设计》是近年来计算机专业领域发展最快和应用最广泛的课程之一，当今社会急需培养掌握计算机网页设计、面向不同应用层次的专业人才。因此，本课程自开设以来，受到学生的普遍欢迎，学生对这门课程教学的要求也越来越高。
《网页设计》课程以Dreamweaver MX软件为主干，专门介绍网页设计和制作的基本技巧。通过这门课程的学习，能够让学生掌握网页设计的基础知识，并能熟练地制作出动态网站。但是网页制作技术也在不断地发展变化，新的技术、新的方法也在不断涌现，所以我们也需要将网页设计的最新、最实用的技术引用到课堂上去。
为了提高《网页制作》课程的教学质量，笔者不断地从教学内容、教学方法、实验环节等多方面对本课程进行了积极的创新。在此基础上总结出一些实际教学经验与体会，与大家一起探讨。
一、《网页设计》课程的特点
高等学校计算机专业开设《网页设计》课程的主要目的，是通过本课程的学习，培养学生的实际动手能力和计算机的操作能力，使学生能够运用所学的知识进行网页设计。
《网页设计》不是作为一门课程孤立存在的，它要靠多门学科的知识给予支撑。它们相互渗透和依赖，构成一个科学的、完整的课程体系。
《网页设计》课程的教学内容实践性较强，能极大的激发学生的参与性，锻炼学生的动手能力，培养学生的专业兴趣。学习中一定要注意理论与实践相结合，其中实践内容是教学的主线。学生应该有较充足的动手实践机会，较熟练地创作出实用的动态网页来。理论教学服务于实践教学，实践教学反过来又作用于理论教学。在教学过程中常有学生反映，上课能看懂、理解，但课后就忘了，更不要说以后的实验了。这是本课程教学的最大特点：易学易忘。下面将探讨若干提高《网页设计》课程教学效果的方法。
二、《网页设计》课程的教学方法
1、教学内容的改革
为了让学生能够适应计算机技术的快速发展，笔者在教授这门课程的过程中，对这门课程的教学内容不断地进行着调整。教学调整的目的就是让学生能够独立完成网页设计。所以在课堂上，主要以学生掌握知识为根本、以“能懂、够用、实用”为教学原则、以培养学生动手能力为目标来指导整个教改思路。
《网页设计》课程以前主要是应用FrontPage软件，再结合图像处理软件来处理一些网页图片。而现在网页制作主要讲授的内容是由Dreamweaver软件、Fireworks软件和Flash软件组成。讲授时是按这三个软件的先后顺序对各部分进行讲解，这三个软件的功能更新也非常快，讲授内容不能一成不变，如果这样，容易出现学生学习到的知识陈旧。通过调研并根据网页技术的发展状况，在每学期的教学过程中，笔者都会对本课程的内容进行调整，删除以前教学中过时的、理论性较强的内容，增加目前实用的、流行的新技术。
2、分阶段模块化教学
在教学中应注重突出人才培养的实践性、应用性。将整个教学内容分为四个阶段，每一阶段设计了若干教学模块。第一阶段使学生能熟练使用网页设计的超文本标记语言HTML；第二阶段能熟悉并熟练使用网页制作工具Dreamweaver MX；第三阶段能进行网页设计中的图像和简单动画的制作；第四阶段掌握在网页中嵌入Javascript脚本语言，实现网页动态效果。每一阶段的教学内容完成后，在专业机房组织单元考核，以实现分阶段达标，最终使学生能独立设计小型WEB站点。 转贴于
3、案例教学法
案例教学是在学生掌握了有关基本知识和分析技术的基础上，在教师的精心策划和指导下，根据教学目的和教学内容的要求，运用典型案例，将学生带入特定事件的现场进行案例分析，通过学生的独立思考或集体协作，进一步提高其识别、分析和解决某一具体问题的能力，同时培养沟通能力和协作精神的教学方式。
案例教学使得学生成为了教学活动的主体，形成了学生自主学习、合作学习、研究性学习和探索性学习的开放型的学习氛围。与传统的以教师为主导的教学法相比，案例教学法有以下几个方面的特点：①传统教学方式是以教师和教材为中心，以灌输的方式从书本到书本，从概念到概念，关注的是向学生灌输了哪些知识，忽视了对学生学习潜能的开发，导致学生理论与实践的脱节。而案例教学十分注重学生的主体性、主动性、自主性的发挥，注重引导学生通过案例的分析推导、运用概念较好地解决实际问题，促使学生的思维不断深化，并在力图对一个问题寻找多种解答的过程中培养和形成创造性思维。②案例教学有利于提高学生分析问题和解决实际问题的能力。区别于传统的注入式教学方式，案例教学是一种动态的、开放的教学方式，在案例教学中，学生被设计成自身处在特定的情境中，在信息不充分的条件下对复杂多变的形势独立做出判断和决策，在这过程中锻炼了自我综合运用各种理论知识、经验分析和解决问题的能力。③案例教学有利于促使学生学会学习。学会学习是学习型社会对人们能力的基本要求。传统教学方式教给学生的是运用概念解决问题的现成答案，学生获得的是背诵、机械记忆、按标准答案答题的知识。而案例教学告诉学生“答案不止一个”，答案是开放的、发展的。在案例教学中，教师通过有意识的引导，让学生自己去查资料，通过个体独立或群体合作的方式做出分析和判断，积极寻找多种答案，这样经过反复多次的积淀后，就会获得了自主学习的方法，使其学会学习成为现实。④案例教学有利于促使学生学会沟通与合作，在合作中互相沟通，在沟通中增进合作。
在教学中，教师通过精心挑选案例，明确提出需要掌握的知识点及操作技能，以案例带动知识点，贯穿整个教学过程。具体做法是通过具体案例提出任务，将任务分解到每次的课堂教学中实现，教学过程中为了调动学生的学习积极性，教学过程中常常采用互动方式，即老师提出一种解决问题的思路，然后让学生采用其它方式来解决同一个问题，课堂上每介绍一个任务后，都要首先让学生上机去模仿着实现，然后再要求他们采用自己的解决方案来完成任务。实践证明，采用这种方式进行实践性强的课程教学收效非常明显。
4、注重实践环节
当学生已基本掌握了本课程的大部分内容时，就可以布置一份综合作业，要求每位学生设计一个个人网站并添加一个动态效果。要求每位学生对自己的网站要做到既有鲜明、统一的风格又有完善的内容，将页面的结构、图片的位置、链接的方式设置合理，做到网页布局的和谐统一，并且还要做到容易更新等。要做到这些，就必须在制作网站之前，对网站进行一个总体规划，然后再逐步进行设计。
为了让学生有良好的创作技巧和独特的风格，把综合作业布置之后，先让学生进行选题，构建出自己的网站结构，再上网查询相关的资料，然后对网站进行规划，写出书面的网站设计方案，教师对每个学生的方案进行审查和评阅，及时指出应改进的地方和存在的问题，满足要求了，学生方可开始制作。通过这些环节让学生学会了创建、查找、阅读专业文献资料的方法，培养了学生撰写方案的能力。
总之，教师应以培养能力为主线，强化实践性教学。
教学工作是学校工作的重点，教学方法的革新是一个永久的话题，在教学过程中必须不断探索、不断创新，只有这样才能顺应时代潮流的发展，培养出素质高能力强的人才。
【参考文献】
[1]吕慧娟。 《网页设计》课程教学的创新与实践。 电脑知识与技术。 2007.13.
【关键词】 案例教学；计算机网页设计；教学应用；注意问题
传统的网页设计教学，基本都是依据教学大纲的要求，模式化的开展教学课程，这种教学模式严重限制了学生的思维，不利用学生理论联系实践能力的培养，导致理论与实践相脱节，基于这些问题，引入案例教学，根据学生特点以及当前教学要求，科学选择案例，将教学与实际的工作内容相结合，这样才更加符合当前计算机教育培养人才的要求。
一、案例教学模式内涵以及特点
案例教学，顾名思义就是以具体案例为依托，进行网页设计教学，这种教学方法能够帮助学生掌握扎实的基础知识以及具体实践操作要点，根据教学大纲的要求，明确教学目标之后，教师带领学生一同进行实践学习，通过小组合作、探索研究等方式，对知识进行进一步解析和研究，从而不断提升学生解决问题的能力，此外，教师还应该将学生协调沟通能力、工作作风等方面纳入教学计划当中，从整体上提升学生的网页设计综合水平，在大量的实践调查分析后发现，案例教学能够充分调动学生的学习积极性，同时也能够活跃网页课堂教学气氛，在和谐的师生关系基础上，通过形象、生动的案例教学，学生对网页设计课程的兴趣会更加浓厚，学生亲自参与到网页制作的过程中，教师合理的在各个知识点结合案例讲解，学生对这些知识点的理解会更加容易，记忆更加深刻，理论联系实践意识得以强化，实践能力不断提高，教师在案例教学中充当的是引导者和启发者的角色，指导学生学习的方向，提高学生自主学习效率。
二、案例教学在计算机网页设计中的具体应用
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）.