《表格教案.doc》由会员分享，可在线阅读，更多相关《表格教案.doc（3页珍藏版）》请在三一文库上搜索。
1、北京市求实职业学校教案授课教师王亚红授课专业网站开发授课班级10w7授课地点实训楼2层南授课类型新授课授课教材网站开发课题名称Html语言概述3课 时2教学目标知识目标了解网页设计中表格的作用。能力目标掌握网页中表格的制作方法、表格属性的设置方法以及单元格的修饰与编辑方法，能够在单元格中正确插入文字和图片。情感目标培养对代码的兴趣。教学重点（1）了解表格在网页设计中的重要作用和功能。（2）掌握插入、编辑表格的方法及表格的属性设置方法。（3）掌握单元格的修饰与属性设置。教学难点表格属性和单元格属性设置教学方法任务驱动，启发式教学设备多媒体机房 教学过程教学过程教师活动学生活动设计意图时间分配复习
2、表格的结构，请一位同学到前面给大家演示一下。展示几个表格的案例。提出这个网页是怎样的。（5分钟）一、表格的基本标记引出表格的标记，利用ppt展示表格的基本结构，行和列的基本标记，以及表格中存放内容的容器单元格。（5分钟）再展示一个简单的案例并。首先是写出表格标记，行标记看见一个就是一行，看看这个网页就几行就来几个，列标记也就是一个单元格，网页中有几列就加几个和，表格就做好了，下面就该往表格里边添加内容了，表格就相当一个大容器，里面填满东西，容器才能成型。那我们就来往单元格里添加内容，添加的内容要放在单元格里也就是放在和中间，那我们就往第一个单元格里插入一张图片，哪位同学还记得怎样插入图片的，插
3、入图片的标记是，这个图片是不是太大了，怎样把图片变小呢？（改他的高和宽），height改高，width改宽，把宽和高设置小了，图片是不是也就变小了。这样第一个单元格里就添加好内容了，哪位同学愿意帮老师把其它单元格添加好内容？其他同学在下边把表格添加好内容（去巡视同学的进度，指导与记分）（25分钟）在百度搜索照片的时候我们看到的都是小图片，我们搜素之后，单击这个照片还能够显示出原来的大图，同学们知道这样做的目的是什么吗？（为了上网速度更快），这也就用到了超级链接，起始标记a，空格href后指向你要链接的图片，与前面的a相呼应。打出表格的大致框架记笔记：表格标记：行标记：列标记： 上机完成实验听讲
4、完成展示图像中的网页制作。1：在一个表格内。2：图片填充在表格中。回想插入图片的标记记笔记改变图片的大小：height改高，width改宽上机进行测试：查看生成的HTML文件观看效果；学生总结：练习文字的超级链接；练习图像的超级链接；主要学习内容的展示，从而提高学习兴趣。分析网页的组成结构；了解表格、行、列标记。掌握表格、行、列标记及其应用。复习插入图片的标记提起同学的兴趣让他们多做复习超级链接板书设计一、表格的基本标记 二、表格的对齐方式三、表格的边框属性。教学课件HTML网页设计.ppt课后反思授课中应多提供案例展示提高理解能力。授课中能够将一节课的主要任务展示给学生；从而，使学习者明白本节课所学的主要内容；从展示优秀任务中，引起学生者的兴趣，从而愿意接受；教学任务重根据学生的认知能力采用任务驱动教学方法，将大的任务划分成小任务，循序渐进，由浅入深的讲解；教学中设置一定量的练习，从而巩固学习内容；任务完成后；将一节课的主要学习内容进行小结，加深对课上内容的理解；