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

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、小组竞赛：看哪一个小精品学习资料精选学习资料 - - - 欢迎下载学习必备欢迎下载精品学习资料精选学习资料 - - - 欢迎下载图片.文字不需要与案例中的一样,可自由挑选；组最先完成任务；精品学习资料精选学习资料 - - - 欢迎下载精品学习资料精选学习资料 - - - 欢迎下载分层内容：完成好的同学预览观看效 果,从美观上讲显现 什 么 问 题 , 怎 么 解决？（三）修饰表格和单元格广播同学们制作的网页,让同学比较,发觉问题,大家一起解决；完成的同学去摸索.解决；观看,发觉问题：图片和文字占用表格的比例应和谐；精品学习资料精选学习资料 - - - 欢迎下载任务三：将表格居中对齐,去除表格边

8、框线,设置表格背景及单元格背景等；老师巡察,发觉问题,集中讲解表格属性和单元格属性的设置及区分；在表格中右击,挑选“表格属性”对齐方式：居中边框粗细： 0（或者依据需要设置参数）设置表格背景颜色或背景同学依据课件中供应的方法自主尝试；同学听.观看；连续完成；精品学习资料精选学习资料 - - - 欢迎下载图片 .在要修饰的单元格右击,选择“单元格属性” ,设置第2.4.6 行单元格的背景颜色；表格属性和单元格属性的设置与区分：前者为对表格整体进行设置,后者为对表格中部分区域进行设置；精品学习资料精选学习资料 - - - 欢迎下载（四）高手进级： 任务四：假如想在标题下面加一行导航栏,如下图所示,

9、 该如何制作呢？请完成任务一.二.三的同学摸索任务四；提示：1.在标题行下面插入一行2.在新插入的行中再插入一个1行 5 列的表格（嵌套表格）同学合作探究,可以在教室里走动,相互争论；精品学习资料精选学习资料 - - - 欢迎下载学习必备欢迎下载精品学习资料精选学习资料 - - - 欢迎下载3.对嵌套表格进行相关属性的设置即可请一个同学演示；精品学习资料精选学习资料 - - - 欢迎下载精品学习资料精选学习资料 - - - 欢迎下载（五）评判：（六）总结：今日这节课你有何收成？指导同学打开课件中评判页面,依据评判表自己给自己打分,查看自己的得分；1.表格在网页设计中的作用：掌握文字.图片.动画

10、等对象的位 置,使网页的布局既紧凑又整齐美观；2.网页中表格的插入与编辑3.表格属性和单元格属性的设置与区分：前者为对表格整体进行设置,后者为对表格中部分区域进行设置4.表格中对象的插入与调整*5 .嵌套表格的使用同学操作.评判,小组沟通得分情形；请同学说说；精品学习资料精选学习资料 - - - 欢迎下载本节课为网站制作的第三课时,也为“应用表格布局网页结构”的第一节课；本节课的重点应当为第一让同学明白表格在网页设计中的作用,所以在课的一开头,我通过对比引入,让同学明白表格在网页设计中的重要性；重点之二就为把握网页中表格的制作方法及 其基本编辑方法,frontpage 中表格的制作方法与word 有许多相像之处,所以同学应 该都为有表格制作的基础的；但考虑到时间间隔比较长,学问的遗忘率比较高,所以仍需要老师帮忙他们一起回忆,这样才能对比学习,进行学问的迁移；重点之三就为区分表格属性和单元格属性, 并把握属性的设置； 这一部分主要为让同学知道打开对象属性的方法, 把握操作共性； 表格属性和单元格属性参数的设置并不难, 主要为让同学带着问题自己探究, 从而区分表格属性和单元格属性； 最终通过拓展任务表达分层教学； 考虑到同学的差异, 本人仍供应了学件加以辅导, 同学可以依据自身的情形挑选适合自己的学习方式完成任务； 同学的