网页前端开发案例教学论文范文第1篇
摘 要： 《网页设计与制作》课程是一门实践性强、操作要求高的计算机专业课程。在网页设计课程中应用案例教学法能够很好地启发学生思维，激发学生学习兴趣，调动学生的积极性和主动性，并为学生下一步的实践操作提供参考。本文介绍了案例教学法在网页设计与制作课程中的应用，以学校网站的开发为实例进行案例教学的说明。教学设计包含教学内容分析、教学对象分析、教学目标、教学重点难点、教学策略及教学过程设计。
关键词： 案例教学 网页设计与制作课程教学 教学设计
一、案例教学概念
案例教学法就是教师列举案例进行教学的方法。教师根据教学目标、教学内容的要求，组织学生对典型案例进行分析、讨论、交流，学习掌握知识，加深对基本概念和基本原理的理解，同时提高学生分析问题和解决问题的能力。
二、案例教学设计实例
（一）教学内容分析
《网页设计与制作》课程的教材有很多种。网页开发软件也有很多选择，如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.
[2]李龙.教学设计[M].北京：高等教育出版社，2010：415.
[3]缪亮，王晓鹏.Dreamweavercs5中文版基础与实例教程[M].北京电子工业出版社，2012：299.
网页前端开发案例教学论文范文第2篇
（邵阳学院 政法系，湖南 邵阳 422000）
摘 要： 案例分析法是法律教學的一种重要教学法，而传统案例分析法在差时上容易产生矛盾，难以兼顾时间和教学效果。本文对现代案例分析法在法律课程内容和授课方式方面进行了改革实践探索，在提高教学时效和教学质量上有了较好的效果。
关键词： 现代案例分析法 授课内容 现代教学工具
案例分析法是教学中的一种常用方法，也是法律课程案例教学法的重要部分。在法律课程教学过程中常常引用经典案例，通过案例的剖析认知法律条文的应用及相关法律要义的理解，这种教学方法以教学大纲为依据，以教材为中心，以理论联系实际的原则为指导，以案例为突破口，实践效果明显，学生接受度高，对于学生今后工作、生活中遇到法律问题也有所帮助，特别对于法律专业的学生而言，今后从事司法实际工作多有裨益①。传统案例分析法因案例内容多，相关资料复杂，涉及知识点较多，剖析时间长，占用课时较多，而课时有限，时差容易产生矛盾。分析案例的过程往往属于研讨过程，易产生新的问题需要解答，有的甚至需要做进一步研究。如何用好案例，讲好课程，又控制好时间，是当前急需解决的一大问题。为此，我们对课程内容和授课方式进行了改革实践探索，尝试创建现代案例分析法应用于法律课程教学改革，以期达到明显的教学效果。
一、精造授课内容，突出课程重点，突破课程难点
1.精造授课内容。
要讲好一门课程，最重要的基础之一是授课内容的精造。精造授课内容，我们首先以传统的教学方式安排好课程章节和授课时间，备好授课提纲，精造好案例及相关资料。只有精造授课内容，打好基础，才能走好讲课的第一步。而对于授课过程中重点板书什么，什么地方该分析、什么时候该提问、如何与学生互动等，都应该心中有数。尤其是在精造课程内容时要注意避免落入传统教学的讲-学模式，要根据法律课程的实践性，合理安排书本理论知识、案例资料及问答、讨论等各个部分的时间和位置。比如可以根据不同的教学内容，创设不同的问题小情境引入案例和知识点，使案例和书本知识有机结合，让学生更容易理解和掌握精髓，同时对于理论在实际中的实践有所了解②。
2.突出课程重点，突破课程难点。
在精造授课内容时，我们要注意突出课程重点，突破课程难点。以专利制度的基本特征一课为例，如何讲清其垄断性和公开性就是这次课的重点，而如何理解这两大特征从而了解专利法的立法宗旨则是本课的难点。在对重点和难点有所理解后再看实际中的专利制度如何保证垄断性和公开性的法律实施，是以专利权的申报、审核制度和专利说明书、权利要求书实现的。
在此处我们可以举例微软操作系统的专利权作为案例进行说明，以应用最广泛的操作系统举例，更容易激发学生对于专利权的探究兴趣，增强对于本课知识点的理解认知。事实上，中国所有软件著作权均是按照现行申报制度的技术公开性而产生的，但显然此时举例影响广泛的经典更容易让学生理解，由此可以引申出对于我国专利制度的探究和思考。显然，这样一门课如果完全按照传统授课方式进行，课时超时是显而易见的事情。并且容易引申太过，导致影响接下来的教学进程。为此，我们做了如下改革尝试。
二、充分利用现代教学工具，扩展课前课后预习思考
1.引入现代教学工具，以多媒体课件等特色授课方式，丰富课程内容和授课手段。
在传统案例分析法中，案例引入和分析、课程板书等都占用大量时间，客观上挤占师生互动的时效。为此，我们在精造课程内容的基础上，做好课件，把老师授课、学生看课有机结合，把课件刷屏与老师讲解有机融合，把案例分析与媒体呈例相交融。同步操讲，既可提供画面、声音的直观性、冲击性，又可减少因板书和翻阅资料占用的时间，还可因内容丰富而扩大学生的知识面，提高其学习兴趣，增强师生互动的热情。这种以教师主讲、学生主想、媒体辅课的授课方式是实施案例分析法的有效途径。
2.以网络为媒介，抓好课前预习、课后复习的全过程，是现代案例分析法的重要方式。
课前预习、课后复习是授课过程的重要组成部分。传统授课方式中师生围着课本进行教学，往往趣味不浓，效果欠佳。为此，我们根据现代学生喜欢网络的特点，利用校园网的强大功能与资源，将课件与相关案例资料上传课程平台，以信息派送的方式提醒学生预习和复习，用有故事的案例网页吸引学生，用有法律条文使用的微课渗透于学生茶余饭后，使知识碎片化，让学生学习自觉成为习惯。
以法律基础课为例。这门公共课程旨在通过教学培养和提高大学生的法律意识和法律素质，使他们能够知法、懂法、守法和用法，以适应依法治国和现代化建设的需要③。因而涉及的内容多，从法律的渊源、类别等到宪法、各部门法等法律法条，相关知识都有涉及。而作为一门公共课，课时较少，面对的学生更是没有社会经验、没有法律知识甚至没有法律常识的年轻人。学生对一些法律知识理解度较低，需要了解的知识点却很多，授课效果容易平平。而如果大量使用案例帮助学生理解掌握知识，课时又远远不够。我们尝試将课程微型化后做成课件，结合一些案例引导学生课余自觉学习、自觉思考，既深受欢迎，又加深、加快学生对这门课的理解和掌握。
比起传统教学模式局限于课堂讲授，这种改革尝试既充分利用课余时间，将传统教学中消耗大量时间的案例内容和相关引申内容放在课堂之外，又激发学生对于学习的乐趣，由生动、立体的案例将知识碎片化，加深学生对知识点的理解和掌握，更符合法律需要结合实际进行理解运用、而非单纯枯燥条文的特性要求。
三、教学并非单纯的教与学，师生之间需要更多的互动
对于学习法律课程的学生而言，知识的理解和掌握并不那么容易。传统教学模式的讲授方式中师生是两个对应的个体，老师讲授知识，学生听取知识。课后更多地依靠学生的自我学习能力，而法律的枯燥容易造成学生对学习的厌怠。这是我们在教学中需要引起重视、进行改革尝试的一个重要方面。我们不仅要用一个个案例让学生明了法律的精要，更要用无限的师爱照亮学生的心灵。
教师对学生负有传道授业解惑的责任。在我们看来，负责的有效方式是爱学生。爱学生，要有足够的耐心浸润学生的心智，才能日见成效，而不仅仅是将知识讲给学生听。对于法律专业的学生，需要理解、掌握的法律内容十分繁复，需要学习、熟知的法律相关课程难点颇多，如果单纯地死记硬背通常事倍功半。授课方式如果只是照本宣科，就算课件做得好，课程也会乏而无味、死气沉沉。如果把案例变为故事，学生兴趣自然浓厚，但时间苦短，知识点往往讲不完。如何让案例成为明了法律的精要，如何让学生理解立法的宗旨而量准其要义，则是法学专业教师须认真研究的课题。我们做了如下尝试，把一个案例的缘由、过程、事实呈例清楚，把相关法律条文呈于案例分析之上，对于一些经典、热点案例，把法院判文与专家评析相比对，形成一条完整的思考链，让学生通过案例熟知相关法律，通过分析明了其宗旨精要，通过比对辨别实践和思考容易产生的错误。课堂上主讲要点、难点，师生互动解决疑点，课后以网络平台、互动答题加深理解。
四、结语
我們对于现代案例分析法在法律课程中的应用进行了一些教学实践探索，以求解决课程质量与教学时间的时差矛盾，在保证教学内容的前提下增强教学效果，让师生都有所得。诚然，我们的改革实践才刚刚起步，探索之路还很漫长，需要更多的实践尝试来调整和完善。案例分析法是一种应用广泛、在法律教学中有着重要地位的教学方法，对于它的研究是一项大的工程，作为青年教师，笔者水平有限，希望广大同仁志士不吝赐教，以便研究探索更进一步。
注释：
①黄永彩.运用案例分析法进行法学教学的体会[J].桂林电子工业学院学报，1993（9）.
②李黎明，吴禹达.浅析案例分析法在法学教育中的应用[J].教育教学论坛，2014（7）.
③胡斌.案例分析法在法律基础课教学中的应用[J].哈尔滨职业技术学院学报，2008（2）.
参考文献：
[1]黄永彩.运用案例分析法进行法学教学的体会[J].桂林电子工业学院学报，1993（9）.
[2]薛刚凌，李媛.论法学教学方法的改革[J].中国政法大学学报，2007（1）.
[3]李黎明，吴禹达.浅析案例分析法在法学教育中的应用[J].教育教学论坛，2014（7）.
[4]胡斌.案例分析法在法律基礎课教学中的应用[J].哈尔滨职业技术学院学报，2008（2）.
[5]王爱民.试论法律人才的培养与法学教学方法的革新[J].社会科学家，2005（1）.
[6]吴东镐.关于法学教育中“案例教学法”的几点认识[J].东疆学刊，2005（1）.
本文受到湖南省教育厅项目资助