HTML表格制作说课教案.docVIP

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…/table 2.caption…/caption 3.tr…/tr 4.td…/td 5.th…/th（重点内容） 学生分组观察，探讨如何制作成这样的表格网页 充分调动学生学习积极主动性，由学生自己分析并解决问题 4、实例一：创建简单的“学校职工一览表”表格网页 学生分组制作完成后， 教师归纳：各种标识的使用及语法 学生分组制作完成表格网页 对完成速度快质量高的组予以表扬，激发鼓励学生 5、实例二：美化“学校职工一览表”表格网页 引导学生查看教材43页表2.6《表格的属性说明及其用途》内容，为以上各种标识添加属性，以美化表格 学生查看，然后根据教材表2.6内容提示来完成该实例 讲练结合，检测该知识点的掌握情况 6、再次观看上课之初引入的“课程表”网页，并查看源文件，由老师对照讲解各个标识及其属性 涉及的属性：（1）border；（2）backgro