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

应用表格布局网页结构 知识与技能目标： 1、了解表格在网页设计中的作用。 2、掌握网页中表格的制作方法、表格属性的设置方法以及单元格的修饰与编辑方法，能够在单元格中正确插入文字和图片。 3、区分表格属性和单元格属性，并掌握属性的设置。 4、能够根据网页设计内容，正确布局表格的结构，掌握表格嵌套的设计方法。 过程与方法目标： 1、利用对比学习，形成知识迁移的能力 2、通过用表格布局网页，进一步理解表格的作用、功能 3、通过对比学习与自主探究，了解并掌握软件学习的一般方法及规律，提升自主学习能力 4、通过任务驱动学会本课内容 情感态度与价值观目标： 1、通过对用表格布局网页的学习，增强审美观，提高对学习网页制作的兴趣。 2、通过“保护动物”网站的制作，激发学生关爱动物、保护动物的责任感，从而进一步树立共同改善人类生存环境的意识。 教学重点与难点： 1、重点。 （1）了解表格在网页设计中的重要作用。 （2）掌握插入、编辑表格的方法及表格的属性设置方法。 （3）掌握单元格的修饰属性的设置。 2、难点。 表格的嵌套在网页设计的重要作用。 教学准备：各自制作的站点文件夹，整理、归类相关素材并按要求摆放。 教学过程  一、导入： 播放歌曲“一个真实的故事”，激发学生兴趣，与学生互动。 展示：两张素材相同布局不同的网页（动物——人类的朋友）。（然后将两个页面并排显示在投影上） 提问：同学们，请大家比较一下这两个网页，相互之间可以讨论一下，哪一个网页布局更合理，哪张较美观？较美观的那张网页是怎么布局的？（请学生回答，请坐。） 【设计意图】展示作品，激发学生兴趣；引导学生发现问题，并学会分析问题。 观察和比较两张素材相同布局不同的网页，分析布局网页页面的元素。这两个网页，通过比较会发现：一个是页面工整，文本、图片摆放对称且有一定规律，使用表格布局，但表格边框隐藏（看不出表格痕迹）；一个是页面凌乱，有图有文，摆放杂乱。提出问题：有什么办法可以达到第一个页面的效果？ 二、新授： 1. 分析表格结构布局 引导学生分析（biaoge.htm）表格结构，得出表格的布局。 （1）归纳：较美观的一组是利用表格来布局的。 提问：谁能看出这张网页中所隐含的表格是几行几列的？  展示：分析网页中所隐含的表格结构。 （2）学生讨论、交流，FrontPage中表格的插入和编辑与Word中的表格操作雷同，教师