《应用表格布局网页》教学设计
文档属性
| 名称 | 《应用表格布局网页》教学设计 |  | |
| 格式 | zip | ||
| 文件大小 | 37.0KB | ||
| 资源类型 | 教案 | ||
| 版本资源 | 教科版 | ||
| 科目 | 信息技术（信息科技） | ||
| 更新时间 | 2019-04-29 15:48:32 | ||
图片预览
文档简介
《应用表格布局网页》教学设计
学习目标：
1、知识与技能目标：2、了解表格在网页设计中的作用。3、掌握网页中表格的制作方法及其基本编辑方法。
4、区分表格属性和单元格属性，并掌握属性的设置。5、了解嵌套表格的作用及制作方法
过程与方法目标：
1、利用对比学习，形成知识迁移的能力 2、通过用表格布局网页，进一步理解表格的作用、功能
3、通过对比学习与自主探究，了解并掌握软件学习的一般方法及规律，提升自主学习能力
情感态度与价值观目标：
1、通过对用表格布局网页的学习，增强审美观，提高对学习网页制作的兴趣。
2、通过“保护动物”网站的制作，激发学生关爱动物、保护动物的责任感，从而进一步树立共同改善人类生存环境的意识。
教学重点
1、了解表格在网页设计中的重要作用。
2、掌握网页中表格的制作方法及其基本编辑方法。
3、掌握表格属性、单元格属性的设置。
教学难点：
1、嵌套表格在网页设计中的应用。
2、表格属性、单元格属性的灵活运用。
3、教学方法：对比引导、任务驱动。
教学过程：
??教学 ??环节 ???????????教师活动 ?????学生活动 ???设计意图
? ? ?对比引入 ? ? ? ? ?了解表格的作用 ? ? ?明确学习目标 展示两张网页，其中一张网页文字图片没有得到控制，摆放的有点乱；另一张结构整齐，没有错位现象,而且有不同的背景颜色。引导学生思考：是怎么做到的呢？（用frongpage分别打开，观察区别。引出应用表格布局网页结构。） ?回顾旧知问：记不记得在word中制作过表格？打开word表格样例，对比网页中的表格分析各自的作用。 ?讲解：用表格布局网页结构是一种非常重要，也是最为常用的方法，大部分的网页都要用到表格去布局。举例。 ?告知学生本节的学习目标是用表格布局网页结构，制作一张关于动物知识介绍的网页。动物是人类的朋友，保护动物尤其是珍惜动物是我们每个人的责任。网页是一种很好的宣传方式。 ???学生观察思考。? ? ? ?（发现有表格线。） ? ?回顾旧知，思考分析表格的作用。 Word：通过表格将内容表述清楚，看上去直观、明了。网页：用表格控制文字、图片等对象的位置，使网页的布局既紧凑又整齐美观。明确本节课的学习目标 ??通过对比，引出表格的优点及作用，导入本课主题：应用表格布局网页结构? ? ? ? ? ? ? ??对比分析，让学生进一步理解表格的作用
?分析表格结构对比迁移 ? ?表格的插入编辑 ???打开两张结构一样，内容不同的网页。在做网页之前我们首先要进行规划，请分析表格的结构。几行几列？如果在word中制作这样结构的表格，该怎么做？??回到网页制作，打开frontpage，演示打开站点。比较word和frontpage，比较类似，请一个学生演示尝试在frontpage中插入表格。介绍学习网站的使用，要求完成第一步：表格的插入与编辑。 ?思考：你知道自己制作的表格是多大的吗？比如表格的宽度是多少？这将影响到你的页面效果。如何设置宽度？引导：讲解操作共性。右击对象，选对象属性。 看网页，分析表格结构。回顾旧知，回答 ? ? ???知识迁移 ? ? ?完成第一步：表格的插入与编辑 ? ????思考 ?? ?掌握操作共性 前后知识对比，培养学生知识迁移的能力?提供学习网站是为了明确任务，并适应不同层次学生的需要，让每个学生都能动手做。 ?
?填充表格内容 表格调整好后就可以填入内容了，要求完成第二步：插入图片与文字。巡视指导，针对共性问题讲解。 完成第二步插入图片与文字，适当调整段落格式与单元格大小匹配
?表格属性单元格属性的设置 ? ? ? 预览观察效果，提问，从美观上讲有什么问题？带着这几个问题，请大家完成第三步：修饰表格和单元格。老师巡视反馈并共同解决问题区分表格属性和单元格属性：前者是对表格整体进行设置，后者是对表格中的部分区域进行设置 观察，共同回答有框线不美观等等带着问题，看学件，完成第三步 ? ?区分表格属性和单元格属性 这边先提出一些问题，主要是想让学生带着问题去完成任务，更加有针对性?
拓展 拓展：加入导航栏广播有问题的学生的屏幕，拆分后，线条之间相互制约，不好调整。共同讨论问题的解决途径，提出表格嵌套的方法。 基本任务完成的同学尝试加入导航栏。了解嵌套表格的作用和操作方法 分层完成任务
评价 评价：广播几个学生的屏幕，师生共同评价学生根据评价表自评 评价他人作品自我评价提交作业 通过观看评价他人的作品，取长补短。自评了解知识掌握情况
小结 回顾本节课主要内容：（学生听讲，梳理知识）表格在网页设计中的作用；表格的插入与编辑；表格属性、单元格属性的设置；表格中对象的插入与调整修饰；*嵌套表格的使用用表格布局网页结构是一种非常重要，也是最为常用的方法，是网页设计中最主要的内容之一，也是网页设计的重点。希望大家在后面的网站制作中能合理的利用表格对网页进行布局。 对本节课进行小结，指出表格在网页设计中的重要性。
学习目标：
1、知识与技能目标：2、了解表格在网页设计中的作用。3、掌握网页中表格的制作方法及其基本编辑方法。
4、区分表格属性和单元格属性，并掌握属性的设置。5、了解嵌套表格的作用及制作方法
过程与方法目标：
1、利用对比学习，形成知识迁移的能力 2、通过用表格布局网页，进一步理解表格的作用、功能
3、通过对比学习与自主探究，了解并掌握软件学习的一般方法及规律，提升自主学习能力
情感态度与价值观目标：
1、通过对用表格布局网页的学习，增强审美观，提高对学习网页制作的兴趣。
2、通过“保护动物”网站的制作，激发学生关爱动物、保护动物的责任感，从而进一步树立共同改善人类生存环境的意识。
教学重点
1、了解表格在网页设计中的重要作用。
2、掌握网页中表格的制作方法及其基本编辑方法。
3、掌握表格属性、单元格属性的设置。
教学难点：
1、嵌套表格在网页设计中的应用。
2、表格属性、单元格属性的灵活运用。
3、教学方法：对比引导、任务驱动。
教学过程：
??教学 ??环节 ???????????教师活动 ?????学生活动 ???设计意图
? ? ?对比引入 ? ? ? ? ?了解表格的作用 ? ? ?明确学习目标 展示两张网页，其中一张网页文字图片没有得到控制，摆放的有点乱；另一张结构整齐，没有错位现象,而且有不同的背景颜色。引导学生思考：是怎么做到的呢？（用frongpage分别打开，观察区别。引出应用表格布局网页结构。） ?回顾旧知问：记不记得在word中制作过表格？打开word表格样例，对比网页中的表格分析各自的作用。 ?讲解：用表格布局网页结构是一种非常重要，也是最为常用的方法，大部分的网页都要用到表格去布局。举例。 ?告知学生本节的学习目标是用表格布局网页结构，制作一张关于动物知识介绍的网页。动物是人类的朋友，保护动物尤其是珍惜动物是我们每个人的责任。网页是一种很好的宣传方式。 ???学生观察思考。? ? ? ?（发现有表格线。） ? ?回顾旧知，思考分析表格的作用。 Word：通过表格将内容表述清楚，看上去直观、明了。网页：用表格控制文字、图片等对象的位置，使网页的布局既紧凑又整齐美观。明确本节课的学习目标 ??通过对比，引出表格的优点及作用，导入本课主题：应用表格布局网页结构? ? ? ? ? ? ? ??对比分析，让学生进一步理解表格的作用
?分析表格结构对比迁移 ? ?表格的插入编辑 ???打开两张结构一样，内容不同的网页。在做网页之前我们首先要进行规划，请分析表格的结构。几行几列？如果在word中制作这样结构的表格，该怎么做？??回到网页制作，打开frontpage，演示打开站点。比较word和frontpage，比较类似，请一个学生演示尝试在frontpage中插入表格。介绍学习网站的使用，要求完成第一步：表格的插入与编辑。 ?思考：你知道自己制作的表格是多大的吗？比如表格的宽度是多少？这将影响到你的页面效果。如何设置宽度？引导：讲解操作共性。右击对象，选对象属性。 看网页，分析表格结构。回顾旧知，回答 ? ? ???知识迁移 ? ? ?完成第一步：表格的插入与编辑 ? ????思考 ?? ?掌握操作共性 前后知识对比，培养学生知识迁移的能力?提供学习网站是为了明确任务，并适应不同层次学生的需要，让每个学生都能动手做。 ?
?填充表格内容 表格调整好后就可以填入内容了，要求完成第二步：插入图片与文字。巡视指导，针对共性问题讲解。 完成第二步插入图片与文字，适当调整段落格式与单元格大小匹配
?表格属性单元格属性的设置 ? ? ? 预览观察效果，提问，从美观上讲有什么问题？带着这几个问题，请大家完成第三步：修饰表格和单元格。老师巡视反馈并共同解决问题区分表格属性和单元格属性：前者是对表格整体进行设置，后者是对表格中的部分区域进行设置 观察，共同回答有框线不美观等等带着问题，看学件，完成第三步 ? ?区分表格属性和单元格属性 这边先提出一些问题，主要是想让学生带着问题去完成任务，更加有针对性?
拓展 拓展：加入导航栏广播有问题的学生的屏幕，拆分后，线条之间相互制约，不好调整。共同讨论问题的解决途径，提出表格嵌套的方法。 基本任务完成的同学尝试加入导航栏。了解嵌套表格的作用和操作方法 分层完成任务
评价 评价：广播几个学生的屏幕，师生共同评价学生根据评价表自评 评价他人作品自我评价提交作业 通过观看评价他人的作品，取长补短。自评了解知识掌握情况
小结 回顾本节课主要内容：（学生听讲，梳理知识）表格在网页设计中的作用；表格的插入与编辑；表格属性、单元格属性的设置；表格中对象的插入与调整修饰；*嵌套表格的使用用表格布局网页结构是一种非常重要，也是最为常用的方法，是网页设计中最主要的内容之一，也是网页设计的重点。希望大家在后面的网站制作中能合理的利用表格对网页进行布局。 对本节课进行小结，指出表格在网页设计中的重要性。