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

1、学习必备欢迎下载应用表格布局网页结构教学设计一、教材分析：本节内容是苏科版初中信息技术 （下册） 第 11 单元设计主题网站的第3 课时用表格布局网页结构。 文字、图片等对象的定位是网页设计中的难点， 用表格布局网页结构是一种非常重要，也是最为常用的方法，是网页设计中最主要的内容之一，也是网页设计的重点。学生通过用表格布局网页，将进一步理解表格的作用；通过对表格属性和单元格属性的设置，将为后面进一步学习对象属性的设置打下基础。二、学情分析：FRONTPAGE 中表格的制作方法与 WORD 有很多相似之处， 所以学生应该都是有表格制作的基础的。 但考虑到时间间隔比较长， 知识的遗忘率比较高， 还

2、需要老师帮助他们一起回顾， 从而对比学习， 进行知识的迁移。 表格的修饰部分主要是让学生知道打开对象属性的方法， 区分表格属性和单元格属性， 而具体参数的设置并不难， 主要让学生自己设置具有个性化的参数，不做统一要求。考虑到学生的差异， 本人还提供了学件加以辅导，学生可以根据自身的情况选择适合自己的学习方式完成任务。三、学习目标：1、知识与技能目标：了解表格在网页设计中的作用。掌握网页中表格的制作方法及其基本编辑方法。区分表格属性和单元格属性，并掌握属性的设置。了解嵌套表格的作用及制作方法2、过程与方法目标：利用对比学习，形成知识迁移的能力通过用表格布局网页，进一步理解表格的作用、功能通过对比

3、学习与自主探究，了解并掌握软件学习的一般方法及规律，提升自主学习能力3、情感态度与价值观目标：通过对用表格布局网页的学习，增强审美观，提高对学习网页制作的兴趣。通过“保护动物”网站的制作，激发学生关爱动物、保护动物的责任感，从而进一步树立共同改善人类生存环境的意识。四、教学重点：了解表格在网页设计中的重要作用。掌握网页中表格的制作方法及其基本编辑方法。掌握表格属性、单元格属性的设置。五、教学难点：嵌套表格在网页设计中的应用。表格属性、单元格属性的灵活运用。六、教学方法：对比引导、任务驱动、自主探究、合作学习七、教学过程：教学内容教师活动学生活动一、情境导入：前几节课我们制作了首页，建立了站点，

4、掌握了在网页中先请同学们观察这两个网页，比较一下你喜欢哪个网页的布局，为什么？学习必备欢迎下载输入文字、插入图片打开老师预先制作好的两个学生观察这两个网等方法，今天我们继网页，一个用表格来布局的，一页，讨论、交流，请同续来学习网页制作。个没有。学们说说：更喜欢布局对，我们在浏览网页时，看工整的那个网页。到的网页都布局工整，让我们耳目一新，愿意继续浏览下去。那用什么方法可以使网页布局工整、美观呢？大家回忆一下我们在WORD表格中课程表是用什么来布局的? 那我们在网页中也是用表格来布局。今天这节课我们就来学习用表格布局网页。二、新授：指导学生打开课件，和学生学生了解目标。一起了解本节课的目标、任务

5、。接下来我们就一起来动手解决本节课的第一个任务：插入表（一）在网页中插入格。学生和老师一起分析。表格任务一：打开站指导学生分析案例中的网点，新建一个空白网页，提练需插入几行几列的表格页，在网页中插入所及哪些单元格需合并。需的表格。指导学生根据课件中提供的操作方法自主学习或合作学习。在教室里个别指导。方法：1、打开站点，新建一个空白网页。2、插入一个7 行 2 列的表格。3、分别合并1、 2、4、 6 行。1、打开站点， 新建一个空白网页。2、插入一个7 行 2 列的表格。3、分别合并1、 2、 4、6 行。学生根据课件中提供的方法自主尝试或小组合作完成。请小老师帮助。分层学习完成的同学请思考：

6、如何查完成的同学尝试。看或改变表格的宽度和高度？请一个学生演示。（二）插入图片、输入文字指导学生回忆前面学过的插学生回忆方法，然后根任务二：根据课入图片和文字的方法。据课件中提供的方法自件中提供的网页案例在教室里巡视，个别指导。主操作。在表格的对应列中插方法：入图片、文字。调整插入图片来自文件可小组成员合作或互帮图片的大小及文字格从 WORD 文件中复制文字、 在网互助。式。页中粘贴小组比赛：看哪一个小学习必备欢迎下载图片、文字不需要与案例中的一样，可自由选择。分层内容：完成好的同学预览观察效果，从美观上讲出现什么问题，怎么解决？（三）修饰表格和单元格任务三：将表格居中对齐，去除表格边框线，设

7、置表格背景及单元格背景等。（四）高手进级：任务四：如果想在标题下面加一行导航栏，如下图所示，该如何制作呢？组最先完成任务。完成的同学去思考、解决。观察，发现问题：图片广播同学们制作的网页，让和文字占用表格的比例学生比较，发现问题，大家一起应协调。解决。教师巡视，发现问题，集中学生根据课件中提供的讲解表格属性和单元格属性的设方法自主尝试。置及区别。在表格中右击，选择“表格属性”学生听、观察。对齐方式：居中继续完成。边框粗细： 0（或者根据需要设置参数）设置表格背景颜色或背景图片 .在要修饰的单元格右击，选择“单元格属性” ，设置第2、 4、6 行单元格的背景颜色。表格属性和单元格属性的设置与区别

8、：前者是对表格整体进行设置，后者是对表格中部分区域进行设置。请完成任务一、二、三的同学思考任务四。提示：学生合作探究，可1、在标题行下面插入一行以在教室里走动，互相2、在新插入的行中再插入一个1讨论。行 5 列的表格（嵌套表格）学习必备欢迎下载3、对嵌套表格进行相关属性的设置即可（五）评价：指导学生打开课件中评价页面，根据评价表自己给自己打分，查看自己的得分。请一个学生演示。学生操作、评价，小组交流得分情况。1、表格在网页设计中的作用：控制文字、图片、动画等对象的位（六）总结：今天这置，使网页的布局既紧凑又整齐请学生说说。节课你有何收获？美观。2、网页中表格的插入与编辑3、表格属性和单元格属性

9、的设置与区别：前者是对表格整体进行设置，后者是对表格中部分区域进行设置4、表格中对象的插入与调整*5 、嵌套表格的使用本节课是网站制作的第三课时，也是“应用表格布局网页结构”的第一节课。本节课的重点应该是首先让学生了解表格在网页设计中的作用，所以在课的一开始，我通过对比引入，让学生明白表格在网页设计中的重要性。重点之二就是掌握网页中表格的制作方法及其基本编辑方法， FRONTPAGE 中表格的制作方法与 WORD 有很多相似之处，所以学生应该都是有表格制作的基础的。 但考虑到时间间隔比较长， 知识的遗忘率比较高， 所以还需要老师帮助他们一起回顾， 这样才能对比学习， 进行知识的迁移。 重点之三就是区分表格属性和单元格属性， 并掌握属性的设置。这一部分主要是让学生知道打开对象属性的方法，掌握操作共性。 表格属性和单元格属性参数的设置并不难，主要是让学生带着问题自己探索，从而区分表格属性和单元格属性。最后通过拓展任务体现分层教学。考虑到学生的差异，本人还提供了学件加以辅导，学生可以根据自身的情况选择适合自己的学习方式完成任务。学生的任务达成率比较高。本节课也有一些