公开课HTML-表格教案

1、课 题第四章 使用表格授课时间2013年10月11日授课类型新授课学时1教学目标知识与技能学习表格的使用方法，达到在网页中能够正确的使用表格，使网页的整体布局实现美观、大方。过程与方法任务下达相关知识任务完成任务拓展任务总结情感、态度与价值观通过表格的学习，让学生可以通过表格的灵活运用，达到解决实际问题的能力。教学重点表格的制作过程教学难点根据需求创建样式多样的表格教学方法任务驱动教学法教具准备课件教 学 过 程教学内容教师活动学生活动设计意图【知识导入】（2分钟）观看网页：【相关知识】4.1 创建表格4.1.1 创建表格的格式： 单元格内容1 单元格内容2 单元格内容3 单元格内容4 单元格

2、内容5 单元格内容6 说明：表格由行、列和单元格3部分组成，一般通过3个标记来创建，分别是表格标记table、行标记tr和单元格标记td。使用表示要创建表格，使用标记表示创建行，使用标记表示创建行中的单元格。案例1：读取代码，进行代码，观察结果（5分钟）使用表格足球篮球武术巴西美国 中国注意： 默认情况下，创建的表格不带边框线。如果要创建带边框的表格，则需要在标记中指定BORDER属性。格式：练习：在示例1的程序代码中，添加属性，给表格添加边框。4.1.2 设置表格的标题格式：表格的标题提示：使用的好处是标题定义包含在表格内，如果表格移动，标题会随着表格相应地移动。4.1.3 表头 格式：表头

3、文字4.2 表格的基本属性4.2.1 表格宽度格式：4.2.2 表格高度格式：4.2.3 表格对齐方式格式：4.2.4 合并单元格：跨列或行格式： 案例2：合并行单元格使用表格第一学期 第二学期数学语文英语数学语文英语989580958788示例3：合并列单元格使用表格  螺母螺栓锤子第一季度一月份250010001240一月份300025004000二月份300025004000三月份300025004000【加强练习】创建表格课程详情学生姓名课程学费JohnORACLE4000DavidVB2500GrahamC#3000【知识总结】（2分钟）演示网页 介绍表格的创建方

4、法引导学生读代码，分析代码运行程序代码，演示表格显示效果，导出如果给表格加入边框的效果。讲解标题的使用方法。讲解的使用方法，引导学生分析总结的效果讲解表格的属性的使用方法介绍合并单元格的方法讲解案例，重点介绍合并之后的单元格和其它表格的关系。布置练习 引导学生回顾本节内容观看网页学习表格的创建独立思考，读程序，写结果学生读代码，分析代码，预想表格的显示效果运行代码，观察结果学习并总结标题的使用方法学生思考，总结的使用方法与效果学生并掌握表格的使用方法学生单元格合并的方法学生学习并掌握合并单元格的方法编写代码，完成表格的创建回顾本节内容通过演示网页，导入本节内容，并让学生明确，表格在网页中的作用通过代码的分析，让学生对于创建简单表格的方法通过案例，有一个简单的了解。表格在显示时，虽然以行列的效果显示，但是是没有边框的，和同学预想的表格效果不同，从而介绍给表格加边框的方法，并让学生给表格加入边框。通过属性的学习，同学可以创建灵活样式的表格对于单元格的合并，学生掌握起来比较有难度，通过例题，通过练习让学生加强这部分知识的理解。消化巩固本节知识与技能。通过总结，回顾本节内容，让学