苏科版（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中的表格操作雷同，教师无需讲解，引导学生知识迁移。?
任务一、学生操作：插入10行一列的表格。
2. 编辑表格并完成页面布局?
演示：进行插入表格和编辑表格（合并、拆分单元格）
任务二、学生观察示范，学生与教师进行合并、拆分单元格的实践操作。
3. 充实网页内容：
任务三、在表格中插入图片、输入文字
展示学生作品，引导学生发现表格页面中存在的问题，教师提出需要做哪些修改？?
4. 表格嵌套
图片调整后，其它单元格随之变化，如何解决这个问题？这就要用到表格的“嵌套”。
【设计意图】这是本节课的重点，布局主要就是通过插入表格、表格嵌套、拆分单元格来实现的。让学生动手制作，体验表格的作用；以任务驱动形式自主学习，然后让学生自己发现问题，并解决问题，推动学生的探索意识和交流能力。
教师讲解，表格嵌套的含义，并演示。
任务四：表格嵌套，把第一行和第二行的单元格各自合并后，分别插入表格。
5. 调整表格属性，美化页面
教师演示：表格、单元格属性的调整。?
任务五：表格属性以及单元格属性的编辑。调整图片大小、位置，设置单元格与表格属性。?
（分小组进行问题的探究)
强调：鼠标右键快捷菜单。
辅导：教师巡视各小组的实践操作练习，对特殊学生给予较多的个别辅导机会。 学生以小组为单位，进行“表格布局网页页面”的实践操作练习并进行交流展示。?
一般学生： 模仿课本中例子完成一张网页的表格布局。?
优秀学生： 自主设计网页的页面布局，教师给予一定的辅导。
6. 保存、预览网页?
任务六：保存、预览网页，并互相评价、学习。
三、作品的展示交流评价：（教师评价与学生评价相结合）
展示表格页面制作完成的优秀作品，表扬完成任务的同学，对未完成的同学给予激励，鼓励他们利用课余时间抽空到机房继续完成。
四、小结
本节课我们学习了在FrontPage中插入表格、编辑表格以及表格嵌套的基本方法。请同学们回答几个问题，并演示几个基本操作。在网页制作中，我们经常利用表格来布局和规划网页的版面。表格在网页制作中能很好的控制文本和图片，表格能让你的页面具有良好的易读性。利用表格的详细设置，你能创建符合页面需要的表格。