第3章 04应用表格布局网页（教学设计）-初中信息技术八年级同步教学设计+视频+图片（苏科版2018）

应用表格布局网页 课题：应用表格布局网页（第3章 第2节 第4课时） 一、教材分析 布局网页是网站制作的重要内容，布局网页的方法有表格布局、框架布局和Div＋CSS布局三种方法，表格布局网页是基本方法。 二、学情分析 学生在小学阶段已经详细学习了WPS文字中的表格制作，进入初中阶段，也学习了WPS表格。学生对表格的制作方法基本掌握，但对于表格布局页面内容的功能认识不足，对于表格的嵌套使用也是接触甚少。 三、教学目标 1. 知识与技能 （1）了解网页设计中表格的作用。 （2）掌握网页中表格的制作方法，表格属性的设置方法以及单元格的修饰与编辑方法，能够在单元格中正确插入文字和图片。 （3）能够根据网页设计内容，正确布局表格的结构，掌握表格嵌套的设计方法。 2. 过程与方法 （1）掌握软件学习中的对比学习法，培养学生迁移学习的能力。 （2）通过用表格结构设计网页，学生进一步理解表格的作用、功能，网页设计方法的多样性，培养发散思维能力。 （3）通过自主探究，学生掌握软件使用的规则，由摸索、探究到形成性学习，培养学会学习、驾驭学习的能力。 3. 情感、态度与价值观 （1）通过对比学习，学生体验软件学习的一般方法及规律，提高自主学习信息技术的能力。 （2）通过运用表格布局网页对象活动（各人根据网站主题，设计网页），进一步掌握各种不同对象，其属性的设置方法和规律，体验创造的快乐。 （3）通过“动物——人类的朋友”表格页的设计与制作，再次激发学生关爱地球动物的善良心地、保护动物的责任感，从而进一步树立共同改善人类生存环境的意识。 四、教学重点与难点 1. 重点 （1）表格在网页设计中的重要作用和功能。 （2）表格插入、编辑方法及表格的属性设置。 （3）单元格的修饰与属性设置。 2. 难点 表格的嵌套设计在网页设计中的应用。 五、教学方法 对比教学法、探究学习法、模仿学习法。 六、教学准备 各自制作的站点文件夹，相关素材整理归类，按要求摆放 七、教学过程 （一）复习 1. 教师活动 以复习提问的方式来回顾站点的建立、网页的新建以及网页中文字图像等对象的插入。 2. 学生活动 认真回顾，回答教师提问。 3. 设计意图 为本节课教学做一定铺垫。 （二）引入 1. 教师活动 （1）观看两个页面进行比较：一个是页面工整，文本、图片摆放对称且有一定规律，使用表格布局，但表格边框隐藏（看不出表格痕迹）；一个是页面凌乱，有图有文，摆放杂乱，你更喜欢怎样的页面布局？提出问题，有什么办法可以达到第一个页面的效果？ （2）观察第三个页面，内容同第一个页面，显现第一个页面的表格边框。 2. 学生活动 学生讨论，交流（学生可能会想很多复杂的办法），幡然领悟：原来是利用Word时学习过的表格，从而明白表格在Dreamweaver中的作用。 3. 设计意图 让学生明白是为了制作的网页内容工整、美观，所以选择使用表格布局。 （三）新授 1. 分析表格结构 （1）教师活动 展示一些由表格布局的网页，引导学生分析其表格结构，自然过渡到书本例子（biaoge.htm），分析结构，得出表格的布局（几行几列，哪些行做了哪些处理）。 任务一：规划网页表格布局。 分层完成该任务，基础相对弱一些的同学仅要求读懂书本网页表格布局，知道规则表格的行数与列数，如何再调整至最终样式；基础扎实、操作能力较强的同学要求跳出课本，自行设计表格网页布局，并将自己的表格设计绘制在书本上。建议：使用多个非嵌套的表格来布局 （2）学生活动 根据自己的实际情况选择任务难度，并动手分析与创意设计。 （3）设计意图 分层教学，培养学生模仿以及创新能力。 2. 完成表格布局 （1）教师活动 Dreamweaver中表格的插入和编辑与Word中的表格操作雷同，教师无须讲解，引导学生知识迁移。 任务二：新建一个页面，用表格布局该网页，并在该网页中放入相应内容。 ①打开站点，新建一个网页，保存为：biaoge.htm；②按前面分析的要求插入一个表格；③调整表格结构（主要是行列的插入、删除、单元格的合并、拆分、调整大小等）。 （2）学生活动 操作熟练的同学来演示规则表格的插入，联想Word中的表格操作来演示网页制作中表格的基本编辑如：行列的插入、删除、单元格的合并、拆分、调整大小等，以达到调整表格结构的目的。 （3）设计意图 软件学习的方法传授——类比法、知识迁移。 3. 充实网页页面内容 （1）教师活动 运用制作首页中的文字图片插入方法完成表格布局页面的制作。 任务三：在表格中插入图片、输入文字。 建议：插入图片对象前，对图片做一定处理，如选择风格统一的图片，调整图片大小至同一尺寸等，友情提醒：图片的保存。 （2）学生活动 认真操作（耗时较长），在表格相应位置放入相应文字、图片等。 （3）设计意图 回归网页制作，而