《2022年应用表格布局网页结构教学设计.docx》由会员分享，可在线阅读，更多相关《2022年应用表格布局网页结构教学设计.docx（6页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、精选学习资料 - - - - - - - - - 学习必备 欢迎下载应用表格布局网页结构教学设计一、教材分析：本节内容是苏科版中学信息技术 （下册） 第 11 单元设计主题网站的第 3 课时用表格布局网页结构； 文字、图片等对象的定位是网页设计中的难点,用表格布局网页结构是一种特别重要,也是最为常用的方法,是网页设计中最主要的内容之一,也是网页设计的重点；同学通过用表格布局网页,将进一步懂得表格的作用；通过对表格属性和单元格属性的设置,将为后面进一步学习对象属性的设置打下基础；二、学情分析：FRONTPAGE 中表格的制作方法与 WORD 有许多相像之处,所以同学应当都是有表格制作的基础的；
2、但考虑到时间间隔比较长,学问的遗忘率比较高,仍需要老师帮忙他们一起回忆, 从而对比学习, 进行学问的迁移；表格的修饰部分主要是让同学知道打开对象属性的方法, 区分表格属性和单元格属性,而详细参数的设置并不难,主要让同学自己设置具有个性化的参数,不做统一要求；考虑到同学的差异,据自身的情形挑选适合自己的学习方式完成任务；三、学习目标：1、学问与技能目标：明白表格在网页设计中的作用；本人仍供应了学件加以辅导,同学可以根把握网页中表格的制作方法及其基本编辑方法；区分表格属性和单元格属性,并把握属性的设置；明白嵌套表格的作用及制作方法 2、过程与方法目标：利用对比学习,形成学问迁移的才能 通过用表格布
3、局网页,进一步懂得表格的作用、功能 通过对比学习与自主探究,明白并把握软件学习的一般方法及规律,提升自主学 习才能3、情感态度与价值观目标：通过对用表格布局网页的学习,增强审美观,提高对学习网页制作的爱好；通过“ 爱护动物” 网站的制作,激发同学关爱动物、爱护动物的责任感,从而进 一步树立共同改善人类生存环境的意识；四、教学重点：明白表格在网页设计中的重要作用；把握网页中表格的制作方法及其基本编辑方法；把握表格属性、单元格属性的设置；五、教学难点：嵌套表格在网页设计中的应用；表格属性、单元格属性的敏捷运用；六、教学方法：对比引导、任务驱动、自主探究、合作学习 七、教学过程：教学内容老师活动同学
4、活动一、情境导入：名师归纳总结 前几节课我们制先请同学们观看这两个网第 1 页,共 4 页作了首页,建立了站页,比较一下你喜爱哪个网页的点,把握了在网页中布局,为什么？- - - - - - -精选学习资料 - - - - - - - - - 输入文字、插入图片学习必备欢迎下载同学观看这两个网打开老师预先制作好的两个等方法,今日我们继网页,一个用表格来布局的,一页,争论、沟通,请同续来学习网页制作；个没有；学们说说：更喜爱布局对,我们在浏览网页时,看工整的那个网页；到的网页都布局工整,让我们耳 目一新,情愿连续浏览下去；那用什么方法可以使网页布局工 整、美观呢？大家回忆一下我们在WORD表格中
5、课程表是用什么来布局的.那我们在网页中也是用表格来布 局；今日这节课我们就来学习用 表格布局网页；二、新授：指导同学打开课件,和同学同学明白目标；一起明白本节课的目标、任务；接下来我们就一起来动手解 决本节课的第一个任务：插入表（一）在网页中插入格；同学和老师一起分析；表格任务一：打开站指导同学分析案例中的网1、打开站点, 新建一个点,新建一个空白网页,提练需插入几行几列的表格页,在网页中插入所及哪些单元格需合并；需的表格；指导同学依据课件中供应的空白网页；操作方法自主学习或合作学习；2、插入一个7 行 2 列的在教室里个别指导；表格；方法：3、分别合并1、2、4、1、打开站点,新建一个空白网
6、页；6 行；2、插入一个7 行 2 列的表格；同学依据课件中供应的3、分别合并1、2、4、6 行；方法自主尝试或小组合作完成；请小老师帮忙；分层学习完成的同学请摸索：如何查完成的同学尝试；看或转变表格的宽度和高度？请一个同学演示；（二）插入图片、输名师归纳总结 入文字指导同学回忆前面学过的插同学回忆方法,然后根第 2 页,共 4 页任务二：依据课入图片和文字的方法；据课件中供应的方法自件中供应的网页案例在教室里巡察,个别指导；主操作；在表格的对应列中插方法：可小组成员合作或互帮入图片、文字；调整插入图片来自文件图片的大小及文字格从 WORD 文件中复制文字、 在网互助；式；页中粘贴小组竞赛：看
7、哪一个小- - - - - - -精选学习资料 - - - - - - - - - 图片、文字不需要与学习必备欢迎下载组最先完成任务；案例中的一样,可自 由挑选；分层内容：完成 好的同学预览观看效 果,从美观上讲显现 完成的同学去摸索、解 什 么 问 题 , 怎 么 解 决；决？观看,发觉问题：图片 广播同学们制作的网页,让 和文字占用表格的比例 同学比较,发觉问题,大家一起 应和谐；解决；（三）修饰表格和单 元格任务三：将表格老师巡察,发觉问题,集中同学依据课件中供应的居中对齐,去除表格讲解表格属性和单元格属性的设方法自主尝试；边框线,设置表格背置及区分；同学听、观看；景及单元格背景等；在表
8、格中右击,挑选“ 表格属性”对齐方式：居中连续完成；边框粗细： 0（或者依据需 要设置参数）设置表格背景颜色或背景 图片 . 在要修饰的单元格右击,选 择“ 单元格属性”,设置第 2、4、6 行单元格的背景颜色；表格属性和单元格属性的设 置与区分：前者是对表格整体进 行设置,后者是对表格中部分区 域进行设置；（四）高手进级：请完成任务一、二、三的同任务四：假如想学摸索任务四；1同学合作探究,可在标题下面加一行导提示：航栏,如下图所示,1、在标题行下面插入一行以在教室里走动,相互该如何制作呢？2、在新插入的行中再插入一个争论；行 5 列的表格（嵌套表格）名师归纳总结 - - - - - - -第
9、 3 页,共 4 页精选学习资料 - - - - - - - - - 学习必备 欢迎下载3、对嵌套表格进行相关属性的设 请一个同学演示；置即可（五）评判：指导同学打开课件中评判页同学操作、评判,小组面,依据评判表自己给自己打分,沟通得分情形；查看自己的得分；1、表格在网页设计中的作用：控制文字、图片、动画等对象的位（六）总结：今日这置,使网页的布局既紧凑又整齐请同学说说；节课你有何收成？美观；2、网页中表格的插入与编辑3、表格属性和单元格属性的设置与区分：前者是对表格整体进行设置,后者是对表格中部分区域进行设置4、表格中对象的插入与调整*5 、嵌套表格的使用本节课是网站制作的第三课时,也是“
10、应用表格布局网页结构” 的第一节课；本节课的重点应当是第一让同学明白表格在网页设计中的作用,所以在课的一开头,我通过对比引入,让同学明白表格在网页设计中的重要性；重点之二就是把握网页中表格的制作方法及其基本编辑方法,FRONTPAGE 中表格的制作方法与 WORD 有许多相像之处,所以同学应该都是有表格制作的基础的；但考虑到时间间隔比较长,学问的遗忘率比较高,所以仍需要老师帮忙他们一起回忆,这样才能对比学习,进行学问的迁移；重点之三就是区分表格属性和单元格属性, 并把握属性的设置；这一部分主要是让同学知道打开对象属性的方法,把握操作共性； 表格属性和单元格属性参数的设置并不难,主要是让同学带着问题自己探究,从而区分表格属性和单元格属性；最终通过拓展任务表达分层教学；考虑到同学的差异,本人仍供应了学件加以辅导,同学可以依据自身的情形挑选适合自己的学习方式完成任务；同学的任务达成率比较高；本节课也有一些不足之处,一是同学没有自主学习、合作学习的良好习惯,没有很好的互动, 课堂气氛仍不太活跃；二是在讲表格的作用的时候,我所出现的网页可能没有很好的表达它的作用,导致同学一下子概括不出来；第三,也是我的困惑,如何能让同学将仿照和探究很好的结合,在仿照中创新,这将是我在以后的教学设计中要仔细摸索的问题；名师归纳总结 - - - - - - -第 4 页,共 4 页