利用表格进行网页页面的布局教学设计

利用表格进行网页页面的布局教学设计《利用表格进行网页页面的布局》教学设计

上海市蒙山中学夏勤

在教学过程中发现:学生在网页制作时，往往只重视网页内素材的添加，而忽略了素材间的整体布局效果，致使制作出的网页布局不合理美观，页面上的素材布局杂乱无章。为了解决这个问题，我设计了“如何利用表格进行网页页面的布局”这节课的内容。

本节课的教学对象是预备年级的学生，对于预备年级的学生来说，仅仅简单的讲解表格的使用，不利于学生对“利用表格布局网页页面”这一知识点的理解和实际信息技术应用能力的提高，因此，我在设计这节课的教法时，主要采用项目活动教学模式，整个项目活动通过比较、提问、引导、合作、展示、交流、评价等教学方法得以开展，激发了学生利用表格布局网页页面的积极性，培养和提高了学生辨别表格布局网页页面的能力、分析和解决如何利用表格布局网页页面的能力、审美能力、语言组织和表达能力、归纳能力、自主学习能力。

1( 先回顾网站制作的步骤，并展示两张素材相同而布局不同的网页，让学生进行比较、

分析、归纳出两张素材相同而整体页面效果不同的原因是其中一张网页是利用表格布

局了页面，从而引出本节课的课题——利用表格布局网页页面。

2( 师生继续分析页面效果好的那张网页，其布局页面的表格结构有几行几列，引出问

题:如何对表格进行处理而使页面布局更合理,即表格的编辑操作。 3( 教师以页面较杂乱的那张网页为例，进行插入表格、合并、拆分单元格等示范操作。

4( 学生以小组为单位根据实际情况，进行“利用表格布局网页页面”的实践操作练习。

教师针对不同水平的学生进行分层教学:对特殊学生，允许他们完成一张网页的表格

布局。教师给予较多的个别辅导机会。对天才学生，要求完成网站内多张网页的表格

布局。

5( 要求各小组将已经利用表格布局好的网页进行交流展示，各小组评价。以网页上各类

素材间整体布局的合理性、谐调性和美观程度为评价标准。达到加深学生对利用表格

布局网页的理解及提高解决实际问题的能力，同时激发学生的积极性，并从中获取成

功的体验。

6( 课堂小结则分成教师强调实践操作注意点和学生总结“利用表格布局网页”的重要性

两部分组成。

7( 为了巩固新知识及更好的布局网页页面，要求学生课后以小组为单位进行分工操作，

预先在草稿纸上设计好各自所负责网页页面的表格结构，以便上机操作时更快捷的完

成页面布局。