关键词：网页设计与制作，教学设计
【中图分类号】G642
一、教学目标
完成“心理健康教育网站”的设计与制作，并在网上。在完成上述任务的过程中，学生要学会：
1）掌握网站开发流程
2）学会网页的设计和制作
3）能够正确认识心理健康教育以及相关概念，了解心理教育知识
4）通过开发网站的学习，培养学生创新能力。
5）通过分组合作学习，培养学生的自主学习能力，团结协作能力，问题解决的能力，提高学生的信息检索能力。
二、学习内容分析
以下是本次学习活动的教学内容知识结构图，也是本课程的重点。它是对网页设计全过程的总结，也是最终的教学目标。
三、教学过程设计
1.项目名称：“心理健康教育网站”的设计与开发
2.项目负责人：学习委员张红梅
3.项目的提出：
大家阅读过学校的心理健康报吗？看过几期呢？你们只能看到这学期出版的心理健康报。咱们想一个办法让学生可以随时阅读任意一期的心理健康报。就是设计一个心理健康教育网站。通过这个网站，大家不仅能够查阅校报，还可以学到心理健康教育的知识，全校的师生可以给校辅导员留言。
4.教学活动过程
从学生设计网站的过程中反映出学生已经掌握了网站开发的流程，但是网页设计的基础知识中有一部分掌握的不太好。如：站点的建立，模板的使用，CSS样式表的定义等。在今后的教学中要加强这些知识的学习。
在网站设计过程中遇到了很多问题，师生共同讨论解决。仍然有些没有解决的难题，需要进一步的解决：
（1）在模板的可编辑区域添加内容后，模板的不可编辑区域布局增加，使得表格中的内容和表格间距增大，重新修改模板也不能调整表格间距。
（2）使用了模板的网页中不能添加SPRY构件。
（3）如何解决层起始位置发生移动问题
五、总结
基于项目的学习内容呈现方式很适合网页设计课程的教学要求。充分发挥了学生的主观能动性。学生由被动转为主动，提高了学习积极性。只是学生刚刚接触项目教学法，在制定项目计划时考虑不全面，不明确，造成后期的探究活动目标不明确，容易造成学习混乱。今后在教学中要加强练习项目教学的流程。
参考文献
[1]李龙.教学设计[M].北京：高等教育出版社，2010：415
（福建广播电视大学晋安校区 福建 福州 350003）
摘要：根据多年对“网页设计与制作”课程的教学探索，提出“课程案例”这一新概念，并设计开发出一个学生既熟悉、又感兴趣的“课程案例”——班级网站，让学生在模仿再开发该案例网站的过程中学习课程知识，从而掌握本课程的知识和运用技能，达到教与学的良好效果。
关键词 ：网页设计与制作；课程案例；班级网站
中图分类号：G712 文献标识码：A 文章编号：1672-5727（2014）11-0093-03
作者简介：王淑云（1965—），女，福建福州人，福建广播电视大学晋安校区高级讲师，研究方向为计算机软件。
中职生的共性就是对缺乏学习兴趣。笔者通过多年的课堂教学体会到：如果有一套行之有效的既适合中职生实际水准、又贴近他们学习生活、能激发他们学习兴趣的案例贯穿于整个课程教学，就有可能解决这个问题。基于此，笔者提出了“课程案例”这一新概念，设计并开发出一套“课程案例”应用于“网页设计与制作”课程教学中，学生通过案例的模仿再开发，全面掌握“网页设计与制作”课程知识与技能的基本要领，从而实现课程的教学目标，培养学生的网站开发和设计能力。下面详述这一“课程案例”教学的设计及所进行的课堂教学。
“课程案例”的提出和设计
（一）“课程案例”这一新概念的提出
市面上相关教材比比皆是，但从其所提供的案例方面看，没有比较适合中职学生的：要么网页主题让学生很陌生，要么网页页面设计太复杂，中职生很难掌握，而且其中的案例多是针对某一知识点或某一章节设计的，属于“知识点案例”或“章节案例”，是零碎知识，不能贯穿整个课程知识教学。所以，教科书只适合作为本课程理论知识点的参考资料。“网页设计与制作”是一门技能型课程，重要的是要教会学生如何去构建和设计一个完整的网站，而不是空泛地谈一些理论知识。“课程案例”区别于“知识点案例”或“章节案例”之处在于：该案例贯穿于整个课程教学，覆盖课程包含的所有知识，课程知识的学习以“课程案例”为线索进行，学生模仿再开发设计完该案例，课程的所有知识学习也已结束。笔者思考并设计这样的“课程案例”，并对教材进行如下处理：提炼教材所提到的知识点，将其重新排列组合，按由浅入深的学习顺序，将课程知识点结合到自主设计的“课程案例”中，分模块渐进教学，整个教学过程注重学生自身思维的开发，将个体集美术设计、课程知识学习和课程实践三者紧密结合，将学生各方的能力逐渐激发展示出来。
（二）围绕学生的兴趣进行“课程案例”的设计
学生对一门应用型技术课的学习如没有兴趣，可能是没有一个令他们感兴趣的实例吸引他们渐次深入学习，从而引导他们学习掌握课程知识。班级是校园学习生活的一个集体，班级网站中所记录的人物、活动都是学生身边的人和事，网站的主题反映的正是他们的校园生活。如果把班级网站作为教学案例，让学生以自己的学习生活为主题组建成网站，一方面能引起他们极大的学习兴趣，另一方面，作为同一个班级的学生，在设计本班级的网站过程中，能够创造很多互相交流的机会，培养互相学习的精神，也能加深同学间的友情。所以，“班级网站的设计与创作”是一个理想的课程案例。笔者应用模块教学法，将理论知识与该课程案例完美结合起来，在近似实践的学习过程中培养学生的学习兴趣，让他们在兴趣中学、在学习中增添兴趣，从而在良性循环中完成课程学习。
再考虑学生的能力方面，他们已经有了对文字、图片和表格的基本处理能力，还学过或同步学习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.
[5]赵丰年.网页制作技术——Dreamweaver Flash Fireworks[M].北京：人民邮电出版社，2003.
[6]马月.网站界面设计[M].北京：北京理工大学出版社，2006.
中职生的共性就是对缺乏学习兴趣。笔者通过多年的课堂教学体会到：如果有一套行之有效的既适合中职生实际水准、又贴近他们学习生活、能激发他们学习兴趣的案例贯穿于整个课程教学，就有可能解决这个问题。基于此，笔者提出了“课程案例”这一新概念，设计并开发出一套“课程案例”应用于“网页设计与制作”课程教学中，学生通过案例的模仿再开发，全面掌握“网页设计与制作”课程知识与技能的基本要领，从而实现课程的教学目标，培养学生的网站开发和设计能力。下面详述这一“课程案例”教学的设计及所进行的课堂教学。
“课程案例”的提出和设计
（一）“课程案例”这一新概念的提出
市面上相关教材比比皆是，但从其所提供的案例方面看，没有比较适合中职学生的：要么网页主题让学生很陌生，要么网页页面设计太复杂，中职生很难掌握，而且其中的案例多是针对某一知识点或某一章节设计的，属于“知识点案例”或“章节案例”，是零碎知识，不能贯穿整个课程知识教学。所以，教科书只适合作为本课程理论知识点的参考资料。“网页设计与制作”是一门技能型课程，重要的是要教会学生如何去构建和设计一个完整的网站，而不是空泛地谈一些理论知识。“课程案例”区别于“知识点案例”或“章节案例”之处在于：该案例贯穿于整个课程教学，覆盖课程包含的所有知识，课程知识的学习以“课程案例”为线索进行，学生模仿再开发设计完该案例，课程的所有知识学习也已结束。笔者思考并设计这样的“课程案例”，并对教材进行如下处理：提炼教材所提到的知识点，将其重新排列组合，按由浅入深的学习顺序，将课程知识点结合到自主设计的“课程案例”中，分模块渐进教学，整个教学过程注重学生自身思维的开发，将个体集美术设计、课程知识学习和课程实践三者紧密结合，将学生各方的能力逐渐激发展示出来。
（二）围绕学生的兴趣进行“课程案例”的设计
学生对一门应用型技术课的学习如没有兴趣，可能是没有一个令他们感兴趣的实例吸引他们渐次深入学习，从而引导他们学习掌握课程知识。班级是校园学习生活的一个集体，班级网站中所记录的人物、活动都是学生身边的人和事，网站的主题反映的正是他们的校园生活。如果把班级网站作为教学案例，让学生以自己的学习生活为主题组建成网站，一方面能引起他们极大的学习兴趣，另一方面，作为同一个班级的学生，在设计本班级的网站过程中，能够创造很多互相交流的机会，培养互相学习的精神，也能加深同学间的友情。所以，“班级网站的设计与创作”是一个理想的课程案例。笔者应用模块教学法，将理论知识与该课程案例完美结合起来，在近似实践的学习过程中培养学生的学习兴趣，让他们在兴趣中学、在学习中增添兴趣，从而在良性循环中完成课程学习。
再考虑学生的能力方面，他们已经有了对文字、图片和表格的基本处理能力，还学过或同步学习Photoshop、Flash、计算机网络基础等相关课程，所以，只要对网页素材的处理提出具体的要求，或对他们略加指导即能自行设计处理完成。对于该课程，虽然大部分学生浏览过很多网站内容，但并没有真正了解网站是怎么回事；对互联网世界充满兴趣和好奇，却还没有网页设计与制作的理论知识和实践技能，对网站常识还比较陌生。因此，在课程学习中，重点是要力求深入浅出、尽可能直观全面地剖析一个好的网站案例，运用视、听的方法，帮助学生建立有关网页设计与制作的基本概念和基本知识，掌握建设网站的基本技能。
鉴于此，教师如何将Dreamweaver、HTML和CSS三部分内容有机结合，让学生通过课程学习，模仿再开发出一个比较完整的“班级网站”，着力培养学生的实际建站能力、设计开发能力，从而提高他们自主学习与创新能力、信息收集与处理能力、提出问题并分析问题和解决问题的能力，成为课程教学的重要目标。
“课程案例”教学方法的设计
教学手段以“多媒体机房、网络、项目开发”三项结合。多媒体机房为学生设计网站提供基本条件，网络是学生寻找素材资源和借鉴别人经验的空间，项目开发是他们学习的任务。
教学方法上，采用示范讲解、任务驱动的教学模式，从以下三个方面展开：
采用案例讲解的教学模式 教学过程根据编排好的知识点内容和事先创建好的“班级网站”实例，逐步讲解该“课程案例”，便于学生理解和进行模仿设计开发。
实施模块化教学方法 遵循学生“由浅入深，循序渐进，由感性到理性”的认识规律，把知识点组合后分模块渐进教学。教学过程讲练结合，以学生实践为主，完成“班级网站”这一“课程案例”中包含的每个模块的再设计与再创作；以教师引导为辅，讲解设计与创作过程中遇到的新知识，组织学生完成能力拓展训练。
走四步教学流程，融“教、学、练”于一体 第一步，教师展示课程案例，演示创作过程，讲解涉及的知识点内容；第二步，下达任务，提出完成任务的具体要求和完成时间；第三步，学生模仿再设计再创作，完成任务；第四步，任务验收，学生自我评价，教师综合讲评。
“课程案例”的课堂教学
基于学生的现有知识技能，教师课程教学中重点讲授如何设计开发网站，在其他环节只扮演一个组织者和启迪者的角色，一步步引导学生完成本课程的目标，充分培养和发挥学生的自主设计能力、绘画能力和创新能力。
整个课程的课堂教学以“课程案例”为主线，设定以下几个教学模块。
模块一：学习有关网页的基本知识，介绍建设网站的工具等。
模块二：草拟“网站地图”，设计网站“模板页”。展示课程案例网站，分析班级网站的风格、页面的布局和包含的元素，先给学生一个真实的空间印象，之后让学生模仿如何设计这样的网站。首先设计出纸质的网站空间布局和内容：包括考虑整个网站的 风格、主色调、页面布局、页面的大概内容等，每一个页面设计草拟在一张纸上，其实这就是网站地图了。做足了这个功课，日后的整个班级网站的设计就有了头绪。为避免各页面出现相同内容的重复设计，提出设计制作“模板页”来生成其他页面。例如：把风格和内容相一致的部分（如班级广告图、班级徽标、导航条、版权信息等）设计出来，作成模板页保存下来，以备后面制作网站各页面时利用模板页生成，并在此基础上进行相应页面内容的设计创作。草拟“网站地图”和设计制作网站“模板页”是同时进行的，要结合着做。这个阶段都还是“纸上练兵”。
模块三：收集和创作素材。班级网站的素材主要来源于学生自己的学习生活，可以是活动的照片、活动记录，也可以是为自己班级创作的班级广告图、班级徽标等Flash或Photoshop作品，将这些素材分门别类放入建好的站点目录树中。
模块四：学习Dreamweaver，首先建立班级网站站点。
模块五：设计创建“模板页”。根据前期草拟的网站地图，利用布局表格设计模板框架。框架搭好后就是为模板页添加素材。模板上需要的素材并不太多，关键是要“精”，用精心选择和创作的素材。提醒学生，模板上大块的空间要留出来给各页面添加相应的内容，这点至关重要。
模块六：利用模板生成网站各页面。模板设计成熟并制作出来后，就要根据模板上的导航设计生成相应的页面，并将各页面互相链接起来。
模块七：完善各页面内容。每一两次课完善一个页面的内容，直到网站中各页面内容全部添加完成。当然，课后要为如何合理安排这些页面内容花很多时间去构思、去创作或收集相应的素材。所以，收集素材这项工作是一直贯穿于整个网页设计过程中的。
模块八：应用一些网页特效的代码，如添加背景音乐、QQ互动、图片文字的滚动、表单等，让页面动起来，增加网页的吸引力和活力。
模块九：本地站点测试。
教学评价设计
评价方案 （1）学生自我评价：即每个学生对自己的评价。教师事先给出评价标准和具体要求，学生对照自己的学习态度、创作的作品，对自己给出合理评价。（2）模块作品评价：教师对每个学生的评价。教师通过对学生课堂反映、每个模块上交的作品、讨论活跃程度等方面，对每个学生进行评价。（3）期末考核：教师通过对学生一整学期模仿再设计创作的“班级网站”进行评分，考核学生的实践与动手的综合能力，对学生进行合理的评价。
成绩评定 按出勤率、模块作品成绩、成熟作品成绩加权考核。
结语
在“网页设计与制作”课程案例的课堂教学中，笔者采用的是兴趣教学和让学生贴近实战的方法，以保持学生对知识探索的兴趣并提高学生的动手能力。这种教学的重要前提是要设计一个好的案例，“好”的标准是内容贴近学生的学习生活、设计难度又适合他们的实际水平，“班级网站”这一课程案例便是好案例之一。此外，在教学过程中，笔者为学生提供了十分丰富的信息资源，教会他们信息资源该如何收集、从哪里获取、以及如何有效利用等知识。
参考文献：
[1]刘瑞新.网页设计与制作教程[M].北京：机械工业出版社，2010.
[2]唐乾林.网站界面设计案例教程[M].北京：机械工业出版社，2011.
[3]尚俊杰.网络程序设计——ASP[M].北京：清华大学出版社，北方交通大学出版社，2009.
关键词： 案例教学 网页设计与制作课程教学 教学设计
一、案例教学概念
案例教学法就是教师列举案例进行教学的方法。教师根据教学目标、教学内容的要求，组织学生对典型案例进行分析、讨论、交流，学习掌握知识，加深对基本概念和基本原理的理解，同时提高学生分析问题和解决问题的能力。
二、案例教学设计实例
（一）教学内容分析
《网页设计与制作》课程的教材有很多种。网页开发软件也有很多选择，如Dreamweaver，FrontPage等。我校选择的教材是《DreamweaverCS5中文版基础与实例教程》。在讲解过程中不能完全按照教材的章节内容进行教学，必须根据课程内容的逻辑关系进行合理教学设计。在教学设计过程中按照知识点的难易程度和各章的逻辑关系，将本书的知识点归纳为下图：
（二）学习者分析
1.一般特征
《网页设计与制作》课程是计算机网页设计专业的一门专业必修课，是计算机专业的核心课程。授课对象是计算机网页设计专业一年级学生。这些学生年龄基本在十七八岁，这一阶段的学生直觉思维能力较强，思维活跃，喜欢学习技巧性的知识。如果在教学中能合理地对学生进行引导，能够发挥出学生潜在的创新能力。该教学班的学生以男生为主，女生占很小比例。每个班45人，女生只有6-10人。在教学过程中要注意观察学生的行为，及时提醒学生进行有意注意。职业学校的学生在个性差异方面和普通中小学生差别很大。职业学校的学生对于学习动机中的认知内驱力很弱。在长期的不良学习习惯影响下，他们不会主动学习自己想知道的知识。反过来只要是他感兴趣的知识，他的学习动机就会很强。所以教师的主导作用很重要。他们不善于语言文字的表达，可是这些学生特别聪明，尤其在逻辑、身体运动、人际交往、自然观察等方面表现突出 。所以进行在教学设计时让学生多参与，多发言，注重技能练习是很有必要的。在学习风格方面，职业学校的学生喜欢听觉、视觉、触觉上的刺激，而不喜欢枯燥的文字说明。职业学校的学生不好管理的一个最重要的问题就是学生的情绪不稳定，容易冲动。所以在讲课过程中教师要格外注意学生的情绪变动，变换不同教学组织方式吸引学生注意，维持他们的学习动机。
2.初始能力
中等职业学校的学生生源比较广泛。学生分布不集中，由于地域限制，个体差异较大，学生的学习基础也不同。有的学生经常接触计算机，已经掌握了计算机的基础应用，有的学生很少接触计算机，连基本的计算机操作都不会。但是计算机专业不只有网页设计专业，还有计算机应用、计算机网络专业。学生既然选择网页设计专业，就应该对本专业进行过了解，对网页设计有浓厚兴趣。
3.信息素养
职业学校的学生普遍喜欢上网，对于计算机的基本使用方法已经初步掌握。有些学生家里也有计算机，所以他们的信息检索能力很强。接受和使用电子新设备的能力也很好。能够运用所学知识解决实际问题。
（三）学习目标
知识和技能：了解网站开发的流程，学会建立站点，能够用自己的话对网站的总体规划进行描述。
过程和方法：在教师的指导下分析确定主题下的目标用户，掌握网站的总体规划，清晰划分网站模块，版面设计合理，完成预期的网页跳转。
情感态度和价值观：在网站设计过程中，学生依据网站评价标准，不断对网页的色彩搭配、整体风格进行完善，这样才能锻炼学生对色彩的审美能力、创新能力。
（四）教学重点和难点
教学重点：网站的整体规划
教学难点：首页版面布局的合理设计
（五）教学策略
本节课的内容是理论性知识，学生在学习时没有学习兴趣，如果仍然按照教师讲解、学生接受的教学方式进行教学，则教学效果不理想。应选择基于案例的探究型的集体学习模式进行学习，让学生通过对案例的学习，反过来总结出知识。这样学生才能够更深刻地理解知识。
（六）教学流程
[情境导入]
师：大家是通过什么渠道知道这个学校的？生：朋友，同学，亲戚介绍，学校招生（引起学生注意，激发学生学习兴趣，并引导学生明确网站的用户定位）。
师：看过学校的招生简章后，大家对学校进行了了解，那么有没有同学上过咱们学校的网站呢？学生回答：有（使学生对学校网站产生浓厚的兴趣）。
现在我们一起来欣赏学校网站，并提问：同学们自己能够设计出一个完整的网站吗？怎样设计？生：能（调动学生的积极性）。
[展示案例]
这是学校网站的首页，这个网页中包含哪些网页元素？学生回答：文字，图片，导航栏，超级链接，滚动文字，视频，友情链接等（复习知识）（引导学生选择适合的布局方法）。
这些内容是怎么组织起来的？学生回答：表格布局，层布局，框架，DIV+CSS。
[学生探究]
1.首页版面设计
师：大家试着先将网站首页的版面进行整体规划。学生实践操作。
2.确定网站整体风格
师：布局规划好后确定一种色彩作为网站的主色调，包括文字，背景，导航，模块的色彩。
学生讨论， 并使用CSS定义文字、图片的背景色。
3.收集素材
师：网站首页中的元素是怎么获取的？学生回答：上网收集。
4.网页的设计制作
师：我将这些元素给大家发下去，大家将这些元素添加到设计好的布局中，并记录下问题和困难。
学生分别讨论网页中图片、文字、视频的添加方法，并对元素进行添加，对遇到的问题进行记录。
师：网站的首页基本信息添加完成，但是网站并不是只有一页，那么其他页和首页怎样进行跳转？学生讨论导航栏的设置和各网页的层次结构，并进行链接。
5.动态模块添加
师：现在的网页内容都是静态的，我们学过哪些知识可以实现动态效果？学生回忆代码设置文字，图片滚动，SPRY构件添加选项卡效果。师：最后不要忘记学校的地址和联系方式。学生设置下方模块内容并输入版权信息。
6.测试运行
师：大家的网站能够正常运行吗？学生进行运行调试。
[知识总结]
师：从大家设计网站首页的实践可知网站开发的流程是什么？学生回答：整体规划，确定网站的整体风格，收集资源，设计制作网页，添加动态网站代码，运行测试（引导学生对实践过程进行总结，归纳出新知）。
老师补充：设计网站的第一步是明确主题，分析用户需求。之后进行草图的设计。学生梳理知识。（教师的总结能够使学生对新知识掌握得更加牢固深刻。）
[评价]
对各组学生作品进行评价，并对遇到的问题进行解答。学生评价，反思，领会（评价、反思、反馈能更好地促进学生对知识的建构）。
三、教学反思
案例教学法的成功运用需要教师依据教学目标、教学内容、教学重难点知识精心设计好案例，并在教学过程中运用适当的方法对学生进行提问，引导学生进行分析、讨论、总结、评价，最后教师让学生进行自主创作。学生充分运用所学知识与技能，进行创造性的实践操作。上交作品后，师生共同对学生作品进行评价，进一步促进学生对知识的建构。
参考文献：
[1]刘勇.案例教学法在网页设计教学中的应用研究[J].南昌高专学报，2010（6）：107-109.
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)
关键词：“网页设计与制作”；项目案例教学法；教学设计
笔者所在的济南幼儿师范高等专科学校，“网页设计与制作”主要是面向初等教育学院的学生开设。他们将来的工作岗位是小学教师，掌握好这门课程，有助于其在工作岗位上进行班级管理、班级文化建设、校园文化建设等方面的工作。所以在实践教学中，选用项目案例教学法是非常有必要的。
一、案例教学法的内涵
案例教学法指在教学过程中，教师和学生为了共同实施一个完整的项目案例而采取的一系列以教师为主导、学生为主体的教学活动。这种教学法在培养学生的自主能力和合作能力方面有着显著的效果，它能够引导学生主动参与项目案例有关的课堂讨论，调动学生的学习兴趣和积极性。
二、高职“网页设计与制作”课程中应用项目案例教学法的适用性分析
“网页设计与制作”是在初等教育学院五年制小学教育专业大专第三、四学期开设的专业基础必修课。通过本课程的学习，学生需要掌握的相关内容有：了解设计和制作网站的一般流程；了解WWW、HTTP、HTML、CSS的定义、概念和作用；理解W页、网站、网址、浏览器等基本概念；掌握添加和编辑各类对象如文字、图像、表格、表单、音频和视频的基本方法；掌握创建超级链接的方法；掌握表格、层、框架的使用方法；掌握表单、行为的使用方法。
这门课程具有较强的可操作性和实践性，教师需要寻找既与实际工作情境密切相关、又能将教学内容紧密结合的教学方法组织教学。项目案例教学法非常适用于该课程的教学需求，经过近年来备课组的实践与探索，发现这一教学法能够为全面提高学生的信息素养提供保障性支持。
三、高职“网页设计与制作”课程中的项目案例设计
项目案例的设计是保证顺利开展项目案例教学的基本
1.项目案例的设计要立足于实际工作情境。“网页设计与制作”课程的目标之一就是培养能够胜任实际工作任务的人才，所以案例的设计要从实际工作任务出发。学生在完成学习的过程中熟悉了相关的工作岗位流程，今后从事类似工作时能够更加游刃有余。
2.项目案例的设计要将知识点与实际需求相结合。项目案例的选取既要考虑到具体知识点，又要根据实际需求将知识点融合入案例中。“网页设计与制作”课程的知识点多且散，比如网页对象的应用中包含文字对象、图片对象、音频和视频对象等知识点，所以在设计案例时要考虑到所有知识点。
3.项目案例的设计要生活化、社会化。在设计教学项目案例时，既要考虑到学生的就业方向，也要面向全社会的相关岗位，所设计的项目案例既要来源于学生自身专业，又要做到生活化、社会化。
根据济南幼儿师范高等专科学校初等教育学院小学教育专业的人才培养目标，以及“网页设计与制作”课程的目标和教学实施方案，课题组设计出了8个综合项目案例，综合项目案例设计流程见表1。
四、高职“网页设计与制作”课程中的项目案例教学设计
1.创设情境、展示效果。教师创设具体的工作情境，展示项目案例的完成效果，学生在此过程中明确接下来要完成的项目任务。
2.分组讨论、分解任务。各组长引领组员讨论项目案例中的目标要求并分析涉及的知识点，分解任务后根据组员的特点将任务布置给小组成员。
3.自主探究、小组合作。
此阶段为关键阶段，每个小组任务后，由组长负责将所有组员完成的部分进行整合。
4.交流讨论、三方评价。教师引导全班学生进行交流，并对作品进行三方评价，分别为个人自评、组内互评、教师评价。从评价中教师可以把握学生的学习状况，学生也可以了解到自身的优势和薄弱部分。
5.归纳总结、扩展提升。根据评价结果，学生归纳总结在完成本次项目案例过程中的收获与不足，并在今后的项目案例学习中加以改进。
五、出现的问题
1.优质学习资源欠缺。项目案例教学法成功实施的关键是项目案例的设计和组织。但是目前各高职院校的“网页设计与制作”课程尚没有建立项目案例资源库，优质学习资源欠缺。所以，建立一个内容丰富、可共享的项目案例资源库势在必行。
2.加强教师业务进修。项目案例教学法的实施对教师的专业素质要求很高。在应用项目案例教学法时还需加强教师的专业进修。
关键词 网
>> 高职“网页设计与制作”课程的教学研究与实践 翻转课堂教学模式在高职网页设计与制作课程中的实践研究 项目案例教学法在高职“网页设计与制作”课程教学中的应用研究 论高职院校《网页设计与制作》项目化课程的开发与实践 高职高专《网页设计与制作》课程案例教学法探讨 《网页设计与制作》课程的开发与实践探析 案例教学在《网页设计与制作》课程中的应用研究 高职高专《网页设计与制作》课程教学改革与实践 “技能+证书”高职网页制作课程教学改革与实践 高职《网页设计与制作》课程教学设计与实现 《我做小导游――Word制作网页》教学案例 《网页设计与制作》课程教学的创新与实践 浅谈高职《网页设计与制作》课程教学 高职“网页设计与制作”课程教学探讨 高职网页设计与制作课程教学改革探析 高职网页设计与制作课程教学的几点改进 基于企业应用的高职数据库教学案例开发与实践 网页设计与制作课程的教学改革与实践研究 《网页设计与制作》课程教学改革研究与实践 项目教学法在高职《网页设计与制作》课程中的应用研究 常见问题解答 当前所在位置：l、left.html、main.html。在各个网页中注意基础标签的使用。
5 创新点
1）打破传统的基于Dreamweaver开发环境的实践教学案例，开发和研究出一套完整的以HTML语言为核心的网页制作课程实践教学案例。在实践教学案例的开发和研究中，以HTML语言为主要研究对象，所开发的实践教学案例首先使学生掌握核心技术，随后再接触Dreamweaver开发工具。这样就可以解决以往学生在学习网页制作时将HTML和Dreamweaver混为一谈、分不清主次的问题，并能从根本上排除学生对HTML语言和Dreamweaver开发工具之间关系的困惑，从而大大提高实践教学质量。
2）改进以往耦合度过高或者案例过大的实践教学案例，将其分解成耦合度低的教学目标更为明确的小型案例，并确保实践案例需求的真实性，激发学生兴趣。改变用Dreamweaver开发网页代码过于复杂的现状，提高学生的学习信心。
6 结束语
网页制作课程是计算机相关专业必开的专业技能课，有些高职院校还把该课程作为计算机的基础课程在非计算机专业开设。如何利用有限的课堂与上机实践时间教授好网页制作课程，是很多高校教师在教学过程中始终在思考和研究的问题[2]。另外，与网页制作有关的技术在不断地更新，这就要求上机实践的教学案例要跟上新技术的发展[3]。
优质的实践教学案例的开发，不仅使培养出来的学生能够符合社会对网页制作人才的实际需要，而且对课题组教师的专业发展起到重要作用。■
参考文献
[1]陶亮.《网页制作》课程化与教学方法探索[J].信息通信，2011（6）：104-105.
[2]王英.网页制作课程的教学探讨[J].电脑知识与技术，
