HTML表格制作说课教案

Web程序设计--第二章HTML语言（§2.4表格的制作）说课教案课题:§2.4表格的制作教材:电子工业出版社《Web程序设计》第二章第四节（第41页）汪鑫主编一、教材分析今天我说课的内容为《Web程序设计》一书的第二章HTML语言的第四小节，主要学习表格的制作。虽然本教材主要讨论的是ASP网页的设计，但是由于ASP都是内嵌在一般的HTML标识中的，所以，了解HTML的语法是制作ASP网页的基础。通过对制作表格这部分标识的学习，使学生更全面，更深入地了解HTML的标识和语法，为以后灵活制作ASP网页打下坚实的基础。二、教学目的（一）知识目标1、进一步了解HTML语言及其语法结构；2、掌握用HTML语言的标识创建表格的方法；3、学会运用标识的各种属性来美化表格。（二）能力目标1、培养的学生的自学能力；2、创意构思能力；3、联系所学知识，制作美观的HTML网页。（三）情感目标1、向学生渗透HTML语言设计网页的理念和方法，提高学生学习专业课的信心和兴趣；2、培养学生动手能力，牢固树立学生的专业思想。三、教学重点、难点（一）对教材的分析由于本章的主题是HTML语言，讲述的内容是认识HTML语言，并用HTML语言的各种标识制作网页，为以后创建动态ASP网页奠定良好的基础。而本节内容是用HTML语言标识制作并美化表格，这一节内容是对前面所学内容的延伸和继续，能否学好这一节，可以验证学生对HTML的真正认识程度。（二）学情分析1、有利的因素在于，学生在前面的内容中已经学习了基本的HTML标识的语法及使用，对HTML已经有所了解，掌握这节内容相对不难。2、不利的因素在于，职高学生的理解能力和自主学习能力相对不高，在学习上还是需要老师的多方引导和帮助。所以在教学中要让学生真正灵活运用该知识自主完成某个具体的设计，有一定的难度。据此，本课的重难点确定如下：重点：用HTML语言创建表格和美化表格。难点：美化表格（TABLE、TR、TD、TH、CAPTION等标识的属性的灵活运用。四、教学方法教法：1、直观演示法：采用教师直接演示，学生对比观察，得出结论的方法。2、讲练结合法：教师用实例讲，学生完成实例的制作，教师进行指导的形式完成本节内容的掌握。3、分组教学、任务驱动：给学生分组，组内研究探讨完成教师布置的课堂任务。学法：以学生为中心，由简单到复杂，循序渐近，练习巩固。1、自学自练：通过学生自己在计算机上进行操作，从中获取对知识的正确理解，探求问题解决的方法；2、协作学习：在实际操作中遇到问题鼓励学生共同研究讨论、解决，使学生可以看到问题的不同侧面和不同的解决途径，开阔学生的思路，从而对知识产生新的理解。选择教学方法的依据：根据本学科的特点，操作性强，反对只讲不练，只注意方法的归纳而不注重实际的操作。同时在实例上力求做到简单、贴近学生实际，这充分考虑到职高生的实际情况。五、教学用具教师提前准备好实例，多媒体计算机机房（能进行很好的演示，学生能及时进行实例操作）。六、教学过程（教学设计）整个教学环节分为以下几个过程：教学环节教学活动学生活动教学说明（一）创设问题、引入新课（5分）1、提问：在HTML语言中，超级链接标识是什么？分别有哪几类链接方式？2、演示并引入新课：给出一个利用HTML语言制作的表格网页（如：界面美观的班级课程表等与学生有关的表格）。思考作答，了解前面知识的掌握情况。引入并激发学生学习新课的兴趣。（二）进行新课（25分）3、引导学生观看看教师演示“学校职工一览表”表格网页，并查看源文件，网页对照源文件识记、理解几个标识：1.table…/table2.caption…/caption3.tr…/tr4.td…/td5.th…/th（重点内容）学生分组观察，探讨如何制作成这样的表格网页充分调动学生学习积极主动性，由学生自己分析并解决问题4、实例一：创建简单的“学校职工一览表”表格网页学生分组制作完成后，教师归纳：各种标识的使用及语法学生分组制作完成表格网页对完成速度快质量高的组予以表扬，激发鼓励学生5、实例二：美化“学校职工一览表”表格网页引导学生查看教材43页表2.6《表格的属性说明及其用途》内容，为以上各种标识添加属性，以美化表格学生查看，然后根据教材表2.6内容提示来完成该实例讲练结合，检测该知识点的掌握情况6、再次观看上课之初引入的“课程表”网页，并查看源文件，由老师对照讲解各个标识及其属性涉及的属性：（1）border；（2）background；（3）width;(4)height;(5)bgcolor;(6)align;(7)vlign（重、难点内容）边听老师讲，边看具体的演示，注意由于属性的不同而产生不同的网页效果。注意进行比较。让学生理解各属性的具体用途，便在今后网页设计制作中能较好地运用7、结合本节所学，利用HTML语言创意并制作包含本班级课程表的网页（本节课的点睛之笔）结合上述老师的详细讲解，并认真思考；创建课程表网页。这是检查本节学生接受程度的一个重要环节，通过这节教师可以看出学生学习过程中存在的各种问题。（三）成果展示及学生练习（7分）分组展示优秀的“课程表”网页由各小组组长指导未完成的同学完成该网页，对于已经完成的同学，则可要求加入前面所学知识进一步美化网页,也可查看老师提供的《表格附录》进一步加深理解表格制作。看展示，并理解其中的关键点；学生补充完成上述实例的制作学生对所学知识及时巩固。（四）归纳小结（5分）1、创建表格的几个基本标识2、各个标识中属性的设置3、应用以上制作美观的表格网页及时总结，进一步掌握知识点（五）作业布置（3分）1、教材49页思考与练习题4，按要求完成表格网页2、设计制作“个人计划”表格网页实操课时在指导老师的辅导下完成巩固本节知识七、教学设计说明本课通过实例引入，激发学生学习该课的兴趣；力求从课本出发向学生传授该节基本知识；以简单、美观的实例网页制作帮助学生掌握基本的技能，为今后学生创作复杂的ASP网页打下扎实的基础。八、板书设计考虑到计算机学科教学的实际特点，所以在板书设计上我主要体现了以下三个特点。(1)突出教学目标要求(2)突出重点、难点内容(3)设置展示、讨论区板书设计§2.4表格制作第一课时：一、教学目标：1、进一步了解HTML语言及其语法结构；2、掌握用HTML语言的标识创建表格的方法；3、学会运用标识的各种属性来美化表格。二、重、难点内容：识记、理解几个标识：1.table…/table2.caption…/caption3.tr…/tr4.td…/td5.th…/th（重点内容）标识涉及的属性：（1）border；（2）background；（3）width;(4)height;(5)bgcolor;(6)align;(7)vlign等（重、难点内容）第二课时：一、教学目标：1、按要求完成上课时作业2、设计网页，内容丰富，突出主题，展示个性3、多种HTML标识综合运用(可以自己准备素材)二、展示、讨论三、课后思考