【文档说明】3.2.3《应用表格布局网页结构》教学设计1-八年级信息技术【苏科版】.doc，共(2)页，27.500 KB，由小喜鸽上传

转载请保留链接：https://www.ichengzhen.cn/view-93572.html

以下为本文档部分文字说明：

应用表格布局网页结构知识与技能目标：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中插入表格、编辑表格以及表格嵌套的基本方法。请同学们回答几个问题，并演示几个基本操作。在网页制作中，我们

经常利用表格来布局和规划网页的版面。表格在网页制作中能很好的控制文本和图片，表格能让你的页面具有良好的易读性。利用表格的详细设置，你能创建符合页面需要的表格。