《应用表格布局网页》教学设计

《应用表格布局网页》教学设计 学习目标： 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中插入表格。介绍学习网站的使用，要求完成第一步：表格的插入与编辑。 ?思考：你知道自己制作的表格是多大的吗？比如表格的宽度是多少？这将影响到你的页面效果。如何设置宽度？引导：讲解操作共性。右击对象，选对象属性。 看网页，分析表格结构。回顾旧知，回答 ? ? ???知识迁移 ? ? ?完成第一步：表格的插入与编辑 ? ????思考 ?? ?掌握操作共性 前后知识对比，培养学生知识迁移的能力?提供学习网站是为了明确任务，并适应不同层次学生的需要，让每个学生都能动手做。 ? ?填充表格内容 表格调整好后就可以填入内容了，要求完成第二步：插入图片与文字。巡视指导，针对共性问题讲解。 完成第二步插入图片与文字，适当调整段落格式与单元格大小匹配 ?表格属性单元格属性的设置 ? ? ? 预览观察效果，提问，从美观上讲有什么问题？带着这几个问题，请大家完成第三步：修饰表格和单元格。老师巡视反馈并共同解决问题区分表格属性和单元格属性：前者是对表格整体进行设置，后者是对表格中的部分区域进行设置 观察，共 ... ...