网页设计制作培训模板 第1篇
一、案例教学概念
案例教学法就是教师列举案例进行教学的方法。教师根据教学目标、教学内容的要求，组织学生对典型案例进行分析、讨论、交流，学习掌握知识，加深对基本概念和基本原理的理解，同时提高学生分析问题和解决问题的能力。
二、案例教学设计实例
（一）教学内容分析
《网页设计与制作》课程的教材有很多种。网页开发软件也有很多选择，如Dreamweaver，FrontPage等。我校选择的教材是《DreamweaverCS5中文版基础与实例教程》。在讲解过程中不能完全按照教材的章节内容进行教学，必须根据课程内容的逻辑关系进行合理教学设计。在教学设计过程中按照知识点的难易程度和各章的逻辑关系，将本书的知识点归纳为下图：
（二）学习者分析
1.一般特征
《网页设计与制作》课程是计算机网页设计专业的一门专业必修课，是计算机专业的核心课程。授课对象是计算机网页设计专业一年级学生。这些学生年龄基本在十七八岁，这一阶段的学生直觉思维能力较强，思维活跃，喜欢学习技巧性的知识。如果在教学中能合理地对学生进行引导，能够发挥出学生潜在的创新能力。该教学班的学生以男生为主，女生占很小比例。每个班45人，女生只有6-10人。在教学过程中要注意观察学生的行为，及时提醒学生进行有意注意。职业学校的学生在个性差异方面和普通中小学生差别很大。职业学校的学生对于学习动机中的认知内驱力很弱。在长期的不良学习习惯影响下，他们不会主动学习自己想知道的知识。反过来只要是他感兴趣的知识，他的学习动机就会很强。所以教师的主导作用很重要。他们不善于语言文字的表达，可是这些学生特别聪明，尤其在逻辑、身体运动、人际交往、自然观察等方面表现突出 。所以进行在教学设计时让学生多参与，多发言，注重技能练习是很有必要的。在学习风格方面，职业学校的学生喜欢听觉、视觉、触觉上的刺激，而不喜欢枯燥的文字说明。职业学校的学生不好管理的一个最重要的问题就是学生的情绪不稳定，容易冲动。所以在讲课过程中教师要格外注意学生的情绪变动，变换不同教学组织方式吸引学生注意，维持他们的学习动机。
2.初始能力
中等职业学校的学生生源比较广泛。学生分布不集中，由于地域限制，个体差异较大，学生的学习基础也不同。有的学生经常接触计算机，已经掌握了计算机的基础应用，有的学生很少接触计算机，连基本的计算机操作都不会。但是计算机专业不只有网页设计专业，还有计算机应用、计算机网络专业。学生既然选择网页设计专业，就应该对本专业进行过了解，对网页设计有浓厚兴趣。
3.信息素养
职业学校的学生普遍喜欢上网，对于计算机的基本使用方法已经初步掌握。有些学生家里也有计算机，所以他们的信息检索能力很强。接受和使用电子新设备的能力也很好。能够运用所学知识解决实际问题。
（三）学习目标
知识和技能：了解网站开发的流程，学会建立站点，能够用自己的话对网站的总体规划进行描述。
过程和方法：在教师的指导下分析确定主题下的目标用户，掌握网站的总体规划，清晰划分网站模块，版面设计合理，完成预期的网页跳转。
情感态度和价值观：在网站设计过程中，学生依据网站评价标准，不断对网页的色彩搭配、整体风格进行完善，这样才能锻炼学生对色彩的审美能力、创新能力。
（四）教学重点和难点
教学重点：网站的整体规划
教学难点：首页版面布局的合理设计
（五）教学策略
本节课的内容是理论性知识，学生在学习时没有学习兴趣，如果仍然按照教师讲解、学生接受的教学方式进行教学，则教学效果不理想。应选择基于案例的探究型的集体学习模式进行学习，让学生通过对案例的学习，反过来总结出知识。这样学生才能够更深刻地理解知识。
（六）教学流程
[情境导入]
师：大家是通过什么渠道知道这个学校的？生：朋友，同学，亲戚介绍，学校招生（引起学生注意，激发学生学习兴趣，并引导学生明确网站的用户定位）。
师：看过学校的招生简章后，大家对学校进行了了解，那么有没有同学上过咱们学校的网站呢？学生回答：有（使学生对学校网站产生浓厚的兴趣）。
现在我们一起来欣赏学校网站，并提问：同学们自己能够设计出一个完整的网站吗？怎样设计？生：能（调动学生的积极性）。
[展示案例]
这是学校网站的首页，这个网页中包含哪些网页元素？学生回答：文字，图片，导航栏，超级链接，滚动文字，视频，友情链接等（复习知识）（引导学生选择适合的布局方法）。
这些内容是怎么组织起来的？学生回答：表格布局，层布局，框架，DIV+CSS。
[学生探究]
1.首页版面设计
师：大家试着先将网站首页的版面进行整体规划。学生实践操作。
2.确定网站整体风格
师：布局规划好后确定一种色彩作为网站的主色调，包括文字，背景，导航，模块的色彩。
学生讨论， 并使用CSS定义文字、图片的背景色。
3.收集素材
师：网站首页中的元素是怎么获取的？学生回答：上网收集。
4.网页的设计制作
师：我将这些元素给大家发下去，大家将这些元素添加到设计好的布局中，并记录下问题和困难。
学生分别讨论网页中图片、文字、视频的添加方法，并对元素进行添加，对遇到的问题进行记录。
师：网站的首页基本信息添加完成，但是网站并不是只有一页，那么其他页和首页怎样进行跳转？学生讨论导航栏的设置和各网页的层次结构，并进行链接。
5.动态模块添加
师：现在的网页内容都是静态的，我们学过哪些知识可以实现动态效果？学生回忆代码设置文字，图片滚动，SPRY构件添加选项卡效果。师：最后不要忘记学校的地址和联系方式。学生设置下方模块内容并输入版权信息。
6.测试运行
师：大家的网站能够正常运行吗？学生进行运行调试。
[知识总结]
师：从大家设计网站首页的实践可知网站开发的流程是什么？学生回答：整体规划，确定网站的整体风格，收集资源，设计制作网页，添加动态网站代码，运行测试（引导学生对实践过程进行总结，归纳出新知）。
老师补充：设计网站的第一步是明确主题，分析用户需求。之后进行草图的设计。学生梳理知识。（教师的总结能够使学生对新知识掌握得更加牢固深刻。）
[评价]
对各组学生作品进行评价，并对遇到的问题进行解答。学生评价，反思，领会（评价、反思、反馈能更好地促进学生对知识的建构）。
三、教学反思
案例教学法的成功运用需要教师依据教学目标、教学内容、教学重难点知识精心设计好案例，并在教学过程中运用适当的方法对学生进行提问，引导学生进行分析、讨论、总结、评价，最后教师让学生进行自主创作。学生充分运用所学知识与技能，进行创造性的实践操作。上交作品后，师生共同对学生作品进行评价，进一步促进学生对知识的建构。
参考文献：
网页设计制作培训模板 第2篇
“案例”教学法最早于1870年由当时担任美国哈佛大学法学院院长的ehdstophereolumbusLangdell教授创立，普遍被应用于医学、法学、管理学等学科，用来教授他们业务实践中的重要思想、内在原理和技能。
“案例”教学法是一种运用案例进行教学的方法，在教学过程中，要求根据教学大纲规定的教学目的和要求，以实际案例作为被剖析的对象，在教师的指导下，教师和学生要共同参与案例的分析、讨论和寻找实现途径等工作。
二、案例教学的基本程序
案例教学虽然没有一成不变的模式，但是只有注重其流程并确保每一环节的有效实施，才能够保证整个案例教学的成功.“案例”教学法基本流程大致是:设计教学案例一>组织案例讨论->实现案例并总结.
1.设计教学案例
设计教学案例是实施“案例”教学法的前提和基础。教师要根据教学进度和教学要求设计案例，并充分备课，讲授并解析与案例相关的理论和技能，分析案例讨论中可能出现的任何问题，以提前查阅相关资料应对。设计案例时要注意以下四个方面:一、案例必须典型。教学案例要能涵盖课程的绝大部分知识点。二、案例要具有实践性。要求设计的教学案例要和现实相吻合，能够被学生理解.三、案例必须具有针对性。教师应该针对学生的接受能力来选择或设计教学案例。四、案例必须具有系统性.在整个课程教学过程中用到的大部分案例之间应该相互联系，前后连贯，并要由易到难地编排.
2.组织案例讨论.
组织案例讨论旨在分析问题，提出解决问题的途径和方法.对于同一个案例，不同的学生允许提出不同的分析结果和实现方法。有的学生找到的方法比较繁杂但容易理解，有的学生则能发现较为简易的实现途径但难以理解等.教师要引导学生滤除掉案例中次要的细节，发现案例中主要的结构和案例与理论知识之间的内在联系。分析案例的关健是学生和教师共同努力，把案例中的内容与相应的若干条理论知识联系起来。要达到这样的要求，教师关键要做好启发引导工作，想方设法创造自由宽松的讨论氛围，在宏观上把握和指导好案例讨论，让学生成为案例讨论的真正的主角，同时又不至于出现大的方向性的偏差。
让学生综合运用所学的知识积极地独立思考，大胆地交流研究.教师要创设民主和谐的教学气氛，对学生的大胆回答要及时加以鼓励，即使学生的回答有点偏离正确答案，也不要急于评判，可以让他们自己反省，自我更正，使学生在没有压力和顾忌的良好心态下进行创造性的探索。
3.实现案例与总结.
案例经过学生的讨论后，教师应该及时做出讲评，并再次讲授案例分析中所需要用到的理论知识和技能.在学生上机实践的时候，学生就可以按照课堂上讨论的方案来实现案例。这样做，有利于学生把要求掌握的知识记牢，符合高职院校学生的实际情况。
三、“案例”教学法的优点
网页设计制作培训模板 第3篇
一、“双层项目驱动教学模式”在教改新课程中的构建
“网页设计与制作”课程是一门兼具设计性、综合性和实践性的网络技术入门课程。在该课程的开发过程中，教学团队通过调研后发现，在传统教学方法和课程内容组织上存在以下问题：
(1)教学中单纯介绍各个知识点的操作，忽视了各知识点间的联系。对于在学生头脑中形成“如何搭建整体网站”这一概念图式没有帮助。
(2)传统教学中教学内容的介绍顺序与“业内行家”制作网页的实际操作顺序严重不一致，不符合认知规律。
如使用上述“软件功能介绍式”教学方法，学生学习完成后，面对一个实际的网页制作项目时将面临不知从何处下手的困惑。因此，教学团队通过咨询网站设计从业人员及研究借鉴相关社会培训机构的教学经验后，确立了在“网页设计与制作”新课程中引入“项目驱动教学法”的思路。
认为“项目驱动教学法(Project-BasedLearning，PBL)旨在引导学习者融入有意义的项目完成的过程之中，让学习者积极地进行探究与发现，自主地进行知识的整合与建构，以现实的、学生生成的新知识和提高的完成项目任务的能力为主要成就目标，项目完成的过程也是学习者学习活动进行的过程”。使用“项目驱动教学法”，学生不仅能够掌握单一知识点，更重要的是对于知识点间的有机联系及项目的整体解决方案有了清晰的认识，明白该如何去实际应用所学到的知识。因此，项目驱动教学法在一些实践性与应用性强的课程教学中能够发挥出色的效果，尤其适合计算机软件与程序类课程的教学。
2007年开始，教学团队以“项目驱动教学法”为基础，并根据“网页设计与制作”课程特点和大学计算机公共基础课程的特性，经过一线教学实践中不断的试验、调整，构建了“双层项目驱动教学模式”(见下图)。
“双层”的含义是在课程教学中贯彻“课堂”与“实验”两条项目主线。“课堂项目主线”是指教师事先建立一个有代表性的范例网站，以介绍其开发过程作为课堂教学的主线；“实验项目主线”是指学生需要自主完成一个网站开发项目，以其作为实验教学的主线。这两条主线保持进度一致，相辅相成，实现教与学的最佳效果。具体实施方法如下：
1课堂项目主线
教师在教学前设计制作教学范例网站，将教学大纲中所列出的学生需要掌握的知识点融入其中，使范例网站开发项目的分解子任务与大纲知识点一一对应。
在整个学期的课堂教学实施中，教师以实例演示的方式从头至尾带领学生学习感受范例网站从无到有一步步搭建的全过程。教学顺序以“业内行家”从事网站设计开发的实际工作顺序来安排，力求符合学生在学习操作性知识时的认知习惯。同时知识点由实际的子任务表述。随着一个学期课堂教学的完成，范例网站也随着一个个子任务的完成而搭建起来。这样的做法有助于帮助学生将诸多知识点建构成为一个相互联系的有机整体，同时也有助于提高学习兴趣，获得习得的成就感。
2实验项目主线
课程开始时，教师布置给学生一个贯穿整个学期的项目任务：学生自选主题，设计开发一个网站作品。学生项目作品开发的过程与课堂教学时范例网站开发的过程保持同步。这样学生在课堂通过范例网站的实例学到的某一项知识技能，马上可以在上机实验时间内用于自己作品的制作，在一学期的课堂教学完成时也同时完成自己的网站作品项目。
同时，教师团队考虑到计算机公共基础课实验的独有特性(学时少、学生人数众多、难以实现一对一辅导)，将学生组成3～5人的协作学习小组，以小组为单位，共同完成项目任务。协作小组在小组作品的制作过程中展开协同工作，共同解决问题。
“使用和展示作品，对工作进行反思和评价”是项目驱动教学法的关键环节。在实验教学过程中组织开展一至两次的“小组作品公开展示活动”，能够有效地督促学生的开发进度，提高学生的积极性，促进小组间的相互学习借鉴，实现“以评促学”。
课程采用多元评量的评价方法作为学习评价的方式。教师在课程结束时组织“小组作品公开评议活动”，每个小组轮流公开展示自己的作品，回答台下师生的疑问与提议，师生共同给予评价。为避免小组协同工作中时常出现的分工不平均情况，可利用“协作小组任务分配表”、“项目阶段进程计划表”和组内互评制度，以达到最大程度的激励和监督作用，并提高多元评量的信度。
教学团队在华南师大2007～2009级20多个不同专业共5600余名全日制本科生中进行了教学模式试验，共计收到学生小组网站作品1100余份，取得了良好效果。课堂教学和实验任务的双层项目驱动使学生不仅能够迅速掌握知识技能，更能立即将知识技能灵活应用在实战中，培养了学生的创新能力和协同工作能力，促进了问题解决和自主学习的开展。对于这种针对课程特色、考虑学生实际需求的新型教学模式，学生给予了很高的评价，多名团队教师在学校各学期教学质量评估中均获得学生的好评，平均得分远高于全校平均水平。教学团队撰写的相关论文获得2010年广东省高校大学计算机课程教学指导委员会年会论文一等奖，并多次受邀在省教指委组织的教学模式专题研讨会中向全省同行介绍经验，受到广泛认可。目前该模式已被借鉴推广到“FLAS_设计制作”、“ACCESS数据库”等同类教改课程的教学中。
二、基于“双层项目驱动教学模式”的立体教材的设计开发
2009年，“广东省高校计算机教改教材资源建设项目”正式启动。教学团队投入一年时间，采用全新的教材编写视角，将“双层项目驱动教学模式”与课程知识内容有机结合起来，融入《网页设计与制作》立体教材的组织编排之中，以实现教改课程的实践经验在高校间的推广共享。
1教学模式在教材中的体现方式
教学团队依照“双层项目驱动教学模式”的思路，以项目作品开发为主线，从课堂教学和实验教学两个层面设计教材的整体架构。
(1)课堂教学层面。课堂教学中，双层项目驱动教学的关键点在于教师对项目的选择和教学设计，需要遵循三个基本原则：①项目自身的主题内容必须适合学生专业知识或常识水平，方便学生理解，兼备实用性与强化实践性；②将各知识点合理地融入项目开发的子项目或分解任务中；③项目开发所需要的知识技能可将教学大纲要求全部覆盖。据此，教学团队在长期的教学经验积累的基础上，设计开发了“新疆之旅”教学范例网站，将课程大纲中的图像处理、动画制作、视音频处理、网
页页面设计制作、站点维护等多方面的上百个知识点设计融入其中。教材中每个知识单元的“案例任务”模块内容与范例网站开发的分解子任务一一对应，而大部分章节的编排顺序则模拟真实网站开发项目的设计制作流程来安排，由此“点”、“线”结合，串起整体框架。同时，为了兼顾知识点表述的全面性和资源的丰富性，每个知识单元除了包含范例网站的分解子任务讲解之外，还设计了“扩展知识”和“课后思考与练习”模块。整个课程教学设计不仅围绕上述三个原则，而且使学生在掌握课程知识的同时，又了解了旅游的相关知识和区域文化，起到了一举两得的效果。
(2)实验教学层面。教材在实验教学层面的“项目驱动”思路体现在：引导学生随着课堂教学的进度在实验时间中自主完成“主题网站设计开发项目”，以“做中学”的方式加速知识内化。各章的“本章学习指引”模块及各知识单元的“课后思考与练习”模块在功能上实现相互配合，对照实验教学进度要求，为学生完成“主题网站项目”提供各个关键阶段的规划和指导。
2立体化的教学资源设计
作为《计算机基础课程多元系列教材》之一，本教材总体结构上遵循“文字教材+学习辅助光盘+网络学习平台+技能实训平台”四位一体的立体化框架结构。为课程的教与学提供了灵活、开放的教学辅助资源和不拘一格的方法途径。
立体教材各个部分在教学中承担的职能具有不同的侧重点：
(1)文字教材以项目方式引出各章的知识点和技能。让学生能够通过实际项目的开发，系统地掌握课程的应用技能和相关知识。
(2)学习辅助光盘是文字教材的拓展。每一个知识单元都将本书的教学重点内容录入，并形成各知识点学习时间建议、知识点导读、知识单元课件、制作素材、重难点操作演示、扩展知识、课后练习思考等对应的链接，为学生自主学习活动的开展提供清晰的指引。
(3)将教学内容中具有多样性、动态易变性、拓展性的部分放在网络学习平台上。通过互动论坛，师生间和学生间能随时就本课程的学习问题进行相互讨论。
(4)技能实训平台构建了高度交互的真实环境。以练习为主导，让学生在解决问题的过程中学习，并给出实时的评价与反馈以及动态多媒体教学链接，实现一对一的实训教学效果。
以上述方式构建的立体化教学资源不仅仅是各种媒体素材的简单叠加，而是教学模式与各类资源有机、科学、合理的结合，形成了教与学的一套整体解决方案。在其基础之上，教师可根据实际需要形成个性化的教案，学习者也可根据自己的学习能力和习惯来选择不同的学习方式。