应用表格布局网页结构教学设计.doc

应用表格布局网页结构教学设计一、教材分析：本节内容是苏科版初中信息技术（下册）第11单元设计主题网站的第3课时用表格布局网页结构。文字、图片等对象的定位是网页设计中的难点，用表格布局网页结构是一种非常重要，也是最为常用的方法，是网页设计中最主要的内容之一，也是网页设计的重点。学生通过用表格布局网页，将进一步理解表格的作用；通过对表格属性和单元格属性的设置，将为后面进一步学习对象属性的设置打下基础。二、学情分析：FRONTPAGE中表格的制作方法与WORD有很多相似之处，所以学生应该都是有表格制作的基础的。但考虑到时间间隔比较长，知识的遗忘率比较高，还需要老师帮助他们一起回顾，从而对比学习，进行知识的迁移。表格的修饰部分主要是让学生知道打开对象属性的方法，区分表格属性和单元格属性，而具体参数的设置并不难，主要让学生自己设置具有个性化的参数，不做统一要求。考虑到学生的差异，本人还提供了学件加以辅导，学生可以根据自身的情况选择适合自己的学习方式完成任务。三、学习目标：1、知识与技能目标： 了解表格在网页设计中的作用。 掌握网页中表格的制作方法及其基本编辑方法。 区分表格属性和单元格属性，并掌握属性的设置。 了解嵌套表格的作用及制作方法2、过程与方法目标： 利用对比学习，形成知识迁移的能力 通过用表格布局网页，进一步理解表格的作用、功能 通过对比学习与自主探究，了解并掌握软件学习的一般方法及规律，提升自主学习能力3、情感态度与价值观目标： 通过对用表格布局网页的学习，增强审美观，提高对学习网页制作的兴趣。 通过“保护动物”网站的制作，激发学生关爱动物、保护动物的责任感，从而进一步树立共同改善人类生存环境的意识。四、教学重点： 了解表格在网页设计中的重要作用。 掌握网页中表格的制作方法及其基本编辑方法。 掌握表格属性、单元格属性的设置。五、教学难点： 嵌套表格在网页设计中的应用。 表格属性、单元格属性的灵活运用。六、教学方法：对比引导、任务驱动、自主探究、合作学习七、教学过程：教学内容教师活动学生活动一、情境导入：前几节课我们制作了首页，建立了站点，掌握了在网页中输入文字、插入图片等方法，今天我们继续来学习网页制作。先请同学们观察这两个网页，比较一下你喜欢哪个网页的布局，为什么？打开老师预先制作好的两个网页，一个用表格来布局的，一个没有。对，我们在浏览网页时，看到的网页都布局工整，让我们耳目一新，愿意继续浏览下去。那用什么方法可以使网页布局工整、美观呢？大家回忆一下我们在WORD中课程表是用什么来布局的?那我们在网页中也是用表格来布局。今天这节课我们就来学习用表格布局网页。学生观察这两个网页，讨论、交流，请同学们说说：更喜欢布局工整的那个网页。表格二、新授：（一）在网页中插入表格任务一：打开站点，新建一个空白网页，在网页中插入所需的表格。分层学习（二）插入图片、输入文字任务二：根据课件中提供的网页案例在表格的对应列中插入图片、文字。调整图片的大小及文字格式。图片、文字不需要与案例中的一样，可自由选择。分层内容：完成好的同学预览观察效果，从美观上讲出现什么问题，怎么解决？（三）修饰表格和单元格任务三：将表格居中对齐，去除表格边框线，设置表格背景及单元格背景等。（四）高手进级：任务四：如果想在标题下面加一行导航栏，如下图所示，该如何制作呢？（五）评价：（六）总结：今天这节课你有何收获？指导学生打开课件，和学生一起了解本节课的目标、任务。接下来我们就一起来动手解决本节课的第一个任务：插入表格。指导学生分析案例中的网页，提练需插入几行几列的表格及哪些单元格需合并。指导学生根据课件中提供的操作方法自主学习或合作学习。在教室里个别指导。方法：1、打开站点，新建一个空白网页。2、插入一个7行2列的表格。3、分别合并1、2、4、6行。完成的同学请思考：如何查看或改变表格的宽度和高度？指导学生回忆前面学过的插入图片和文字的方法。在教室里巡视，个别指导。方法：插入图片来自文件从WORD文件中复制文字、在网页中粘贴广播同学们制作的网页，让学生比较，发现问题，大家一起解决。教师巡视，发现问题，集中讲解表格属性和单元格属性的设置及区别。在表格中右击，选择“表格属性” 对齐方式：居中 边框粗细：0（或者根据需要设置参数） 设置表格背景颜色或背景图片.在要修饰的单元格右击，选择“单元格属性”，设置第2、4、6行单元格的背景颜色。表格属性和单元格属性的设置与区别：前者是对表格整体进行设置，后者是对表格中部分区域进行设置。请完成任务一、二、三的同学思考任务四。提示：1、在标题行下面插入一行2、在新插入的行中再插入一个1行5列的表格（嵌套表格）3、对嵌套表格进行相关属性的设置即可指导学生打开课件中评价页面，根据评价表自己给自己打分，查看自己的得分。1、表格在网页设计中的作用：控制文字、图片、动画等对象的位置，使网页的布局既紧凑又整齐美观。2、网页中表格的插入与编辑 3、表格属性和单元格属性的设置与区别：前者是对表格整体进行设置，后者是对表格中部分区域进行设置4、表格中对象的插入与调整*5、嵌套表格的使用学生了解目标。学生和老师一起分析。1、打开站点，新建一个空白网页。2、插入一个7行2列的表格。3、分别合并1、2、4、6行。学生根据课件中提供的方法自主尝试或小组合作完成。请小老师帮助。完成的同学尝试。请一个学生演示。学生回忆方法，然后根据课件中提供的方法自主操作。可小组成员合作或互帮互助。小组比赛：看哪一个小组最先完成任务。完成的同学去思考、解决。观察，发现问题：图片和文字占用表格的比例应协调。学生根据课件中提供的方法自主尝试。学生听、观察。继续完成。学生合作探究，可以在教室里走动，互相讨论。请一个学生演示。学生操作、评价，小组交流得分情况。请学生说说。 本节课是网站制作的第三课时，也是“应用表格布局网页结构”的第一节课。本节课的重点应该是首先让学生了解表格在网页设计中的作用，所以在课的一开始，我通过对比引入，让学生明白表格在网页设计中的重要性。重点之二就是掌握网页中表格的制作方法及其基本编辑方法，FRONTPAGE中表格的制作方法与WORD有很多相似之处，所以学生应该都是有表格制作的基础的。但考虑到时间间隔比较长，知识的遗忘率比较高，所以还需要老师帮助他们一起回顾，这样才能对比学习，进行知识的迁移。重点之三就是区分表格属性和单元格属性，并掌握属性的设置。这一部分主要是让学生知道打开对象属性的方法，掌握操作共性。表格属性和单元格属性参数的设置并不难，主要是让学生带着问题自己探索，从而区分表格属性和单元格属性。最后通过拓展任务体现分层教学。考虑到学生的差异，本人还提供了学件加以辅导，学生可以根据自身的情况选择适合自己的学习方式完成任务。学生的任务达成率比较高。 本节课也有一些