苏科版（2018）八年级全册信息技术 3.2.3应用表格布局网页结构 教案

课题：应用表格布局网页 教 案 复备栏 教学目标： 1．知识与技能 1）了解表格在网页设计中的作用。 2）掌握网页中表格的制作方法、表格属性的设置方法以及单元格的修饰与编辑方法，能够在单元格中正确插入文字和图片。 3）能够根据网页设计内容，正确设计表格的结构，掌握表格嵌套的设计方法。 2．过程与方法 1）利用对比学习，培养知识迁移的能力。 2）通过用表格布局网页，进一步理解表格的作用、功能及网页设计方法的多样性，培养学生的发散思维能力。 3）通过自主探究，掌握软件的使用规则，培养学生自主学习的能力。 3．情感态度与价值观 1）通过对比学习体验软件学习的一般方法及规律，提高自主学习的能力。 2）通过运用表格布局各种网页对象（各人根据网站主题设计网页），理一步掌握各种不同对象的属性设置方法和规律，体验创造的快乐。 教学重点与难点： 1．重点 1）了解表格在网页布局中的重要作用。 2）掌握插入、编辑表格的方法及表格的属性设置方法。 3）掌握单元格的修饰与属性的设置。 2．难点： 1）表格的嵌套在网页布局中的应用。 2）。 教学方法：对比教学，探究学习，模仿学习 教学准备：整理、归类相关素材，并按要求存放 教学过程 教师活动 学生活动 设计意图 知识回顾 站点的创建、新建并保存网页以及网页中文字、图像等对象的插入。 导入：展示两个内容相同的网页（多彩的生物），一个用无边框表格布局，页面整洁有序；另一个没用表格布局，页面凌乱无序。 师：有什么办法可以过做到像前一个页面的效果？ （生：表格） 师：展示有表格边框布局的网页，提示以往学过的知识———WORD表格。 新授 一、分析表格结构 展示一些由表格布局的网页，引导学生分析其表格结构，自然过渡到教材例子（biaoge.htm），分析结构，得出表格的布局（几行几列，哪些行做了哪些处理） 任务一：规费网页表格布局 分层次完成该任务，基础相对弱一些的同学，仅要求读懂教材上的网页表格布局，知道规则表格的行数与列数，如何再调整至最终样式；基础扎实、操作能力较强的同学要求跳出教材，自行设计表格网页布局，并将自己的表格设计绘制在教材上 建议：使用多个非嵌套的表格来布局 二、完成表格布局 Dreamwear中表格的操作和“WPS文字”软件中的表格操作类似，老师应着重引导学生进行知识迁移，对具体的操作方法，无需做过多讲解 任务二：新建一个网页，用表格布局该网页，并在该网页中放入相应内容 A、打开站点，新建一个网页，保存为：“biaoge.htm” B、按前面分析的要求插入一个表格 C、调整表格结构（主要是行列的插入、删除、单元格的合并与拆分、调整大小等） 三、充实网页页面内容 任务三：在表格中插入图处、文字与FLASH动画 建议：插入图片对象前，对图片做一定处理，如选择风格统一的图片，调整图片的大小为同一尺寸等 （教师可以事先将图片素材发给学生） 学生演示插入图片与文字的操作程 四、保存网页 五、展示学生半成品，并评价 本课我们学习了在Dreamwear中插入表格，在表格中插入图片与文字，并调整图片大小等几个操作。 表扬完成任务的学生，对未完成任务的学生给予激励。 跟随教师一起回顾 对比两个网页，思考老师提出的问题 用已学知识回答问题———利用表格布局网页 根据自己的实际情况选择任务难度，并动手分析与创意设计 请操作熟练的同学演示规则表格的插入，联想“WPS文字”软件中的表格操作来演示网页制作中表格的基本编辑，如行列的插入、删除、单元格的合并与拆分、调整大小等，以达到调整表格结构的目的 认真操作（耗时较长） 在表格相应位置放入相应文字、图片等 知识回顾 知识迁移 让学生理解表格利用布局网页可以让网页工整、美观 分层教学，培养学生模仿以及创新能力 软件学习的方法传授— ... ...