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

《应用表格布局网页结构教学设计.doc》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

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

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

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

4、、教学方法：对比引导、任务驱动、自主探究、合作学习七、教学过程：教学内容教师活动学生活动一、情境导入：先请同学们观察这两个网页，比较一下你喜欢哪个网页的布局，为什么？前几节课我们制作了首页，建立了站点，掌握了在网页中输入文字、插入图片等方法，今天我们继续来学习网页制作。打开老师预先制作好的两个网页，一个用表格来布局的，一个没有。对，我们在浏览网页时，看到的网页都布局工整，让我们耳目一新，愿意继续浏览下去。那用什么方法可以使网页布局工整、美观呢？大家回忆一下我们在WORD中课程表是用什么来布局的?那我们在网页中也是用表格来布局。今天

5、这节课我们就来学习用表格布局网页。学生观察这两个网页，讨论、交流，请同学们说说：更喜欢布局工整的那个网页。表格二、新授：（一）在网页中插入表格任务一：打开站点，新建一个空白网页，在网页中插入所需的表格。分层学习（二）插入图片、输入文字任务二：根据课件中提供的网页案例在表格的对应列中插入图片、文字。调整图片的大小及文字格式。指导学生打开课件，和学生一起了解本节课的目标、任务。接下来我们就一起来动手解决本节课的第一个任务：插入表格。指导学生分析案例中的网页，提练需插入几行几列的表格及哪些单元格需合并。指导学生根据课件中提供的操作方法自

6、主学习或合作学习。在教室里个别指导。方法：1、打开站点，新建一个空白网页。2、插入一个7行2列的表格。3、分别合并1、2、4、6行。完成的同学请思考：如何查看或改变表格的宽度和高度？指导学生回忆前面学过的插入图片和文字的方法。在教室里巡视，个别指导。方法：插入——图片——来自文件从WORD文件中复制文字、在网页中粘贴学生了解目标。学生和老师一起分析。1、打开站点，新建一个空白网页。2、插入一个7行2列的表格。3、分别合并1、2、4、6行。学生根据课件中提供的方法自主尝试或小组合作完成。请小老师帮助。完成的同学尝试。请一个学生演示。

7、学生回忆方法，然后根据课件中提供的方法自主操作。可小组成员合作或互帮互助。图片、文字不需要与案例中的一样，可自由选择。分层内容：完成好的同学预览观察效果，从美观上讲出现什么问题，怎么解决？（三）修饰表格和单元格任务三：将表格居中对齐，去除表格边框线，设置表格背景及单元格背景等。（四）高手进级：任务四：如果想在标题下面加一行导航栏，如下图所示，该如何制作呢？广播同学们制作的网页，让学生比较，发现问题，大家一起解决。教师巡视，发现问题，集中讲解表格属性和单元格属性的设置及区别。在表格中右击，选择“表格属性”对齐方式：居中边框粗细：0（

8、或者根据需要设置参数）设置表格背景颜色或背景图片.在要修饰的单元格右击，选择“单元格属性”，设置第2、4、6行单元格的背景颜色。表格属性和单元格属性的设置与区别：前者是对表格整体进行设置，后者是对表格中部分区域进行设置。请完成任务一、二、三的同学思