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

应用表格布局网页教学设计 应用表格布局网页教学设计学习目标：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中插入表格。介绍学习网站的使用，要求完成第一步：表格的插入与编辑。思考：你知道自己制作的表格是多大的吗？比如表格的宽度是多少？这将影响到你的页面效果。如何设置宽度？引导：讲解操作共性。右击对象，选对象属性。看网页，分析表格结构。回顾旧知，回答知识迁移完成第一步：表格的插入与编辑思考掌握操作共性前后知识对比，培养学生知识迁移的能力提供学习网站是为了明确任务，并适应不同层次学生的需要，让每个学生都能动手做。填充表格内容表格调整好后就可以填入内容了，要求完成第二步：插入图片与文字。巡视指导，针对共性问题讲解。完成第二步插入图片与文字，适当调整段落格式与单元格大小匹配表格属性单元格属性的设置预览观察效果，提问，从美观上讲有什么问题？带着这几个问题，请大家完成第三步：修饰表格和单元格。老师巡视反馈并共同解决问题区分表格属性和单元格属性：前者是对表格整体进行设置，后者是对表格中的部分区域进行设置观察，共同回答有框线不美观等等带着问题，看学件，完成第三步区分表格属性和单元格属性这边先提出一些问题，主要是想让学生带着问题去完成任务，更加有针对性拓展拓展：加入导航栏广播有问题的学生的屏幕，拆分后，线条之间相互制约，不好调整。共同讨论问题的解决途径，提出表格嵌套的方法。基本任务完成的同学尝试加入导航栏。了解嵌套表格的作用和操作方法分层完成任务评价评价：广播几个学生的屏幕，师生共同评价学生根据评价表自评评价他人作品自我评价提交作业通过观看评价他人的作品，取长补短。自评了解知识掌握情况小结回顾本节课主要内容：（学生听讲，梳理知识）表格在网页设计中的作用；表格的插入与编辑；表格属性、单元格属性的设置；表格中对象的插入与调整修饰；*嵌套表格的使用用表格布局网页结构是一种非常重要，也是最为常用的方法，是网页设计中最主要的内容之一，也是网