课题应用表格布局网页(第11章第2节第1课时)

1、课 题：应用表格布局网页（第11章 第2节 第1课时）授课教师：盐城市田家炳中学 瞿立真授课地点：盐城市田家炳中学 科技楼二楼授课时间：2010年3月26日下午2：30教材分析： 本节内容是江苏科学技术出版社初中信息技术（下册）第11单元设计主题网站的第2节应用表格布局网页结构。文字、图片等对象的定位是网页设计中的难点，用表格布局网页结构是一种非常重要，也是最为常用的方法，是网页设计中最主要的内容之一，也是网页设计的重点。学生通过用表格布局网页，将进一步理解表格的作用。学情分析： FRONTPAGE中表格的制作方法与WORD有很多相似之处，所以学生应该都是有表格制作的基础的。但考虑到时间间隔比

2、较长，知识的遗忘率比较高，还需要老师帮助他们一起回顾，从而对比学习，进行知识的迁移。表格的修饰部分主要是让学生区分表格属性和单元格属性，而具体参数的设置并不难，主要让学生自己感受设置具有个性化的参数。教学目标：1、 知识与技能：(1) 了解表格在网页设计中的作用，区分表格和单元格的属性。(2) 掌握网页中表格的制作方法、表格属性及单元格属性的设置，能够在单元格中正确插入文字和图片。(3) 根据网页设计内容，正确布置表格的结构。2、 过程与方法：(1) 通过对比学习与自主探究，了解并掌握frontpage软件学习的一般方法及规律。(2) 培养学生合理利用教材，通过自主学习，牢固掌握表格规划网页布

3、局的具体操作方法。(3) 通过教学演示，进一步理解表格的作用，培养学生创作、规划网页布局能力。3、 情感态度与价值观：(1) 通过应用表格布局网页的学习，让学生体验制作的乐趣，激发学生的学习兴趣，培养学生的审美、设计和组织能力、语言表达能力、小组合作能力、自主学习能力。(2) 通过“保护动物”网站的制作，激发学生关爱动物、保护动物的责任感，从而进一步树立共同改善人类生存环境的意识。教学重点：(1) 了解表格在网页设计中的重要作用。(2) 掌握表格属性、单元格属性的设置。教学难点：(1) 区分表格、单元格的属性设置方法。根据网页设计内容，正确布置表格的结构。(2) 学生自主设计表格并合理、协调进

4、行网页布局。教学方法：对比引导、探究学习 项目活动教学法 教学过程：教学过程教师活动师生活动设计意图复 习以复习提问的方式来回顾站点的建立、网页的新建以及网页中文字、图像等对象的插入。学生认真回顾，回答教师提问。为本节课教学做一定铺垫。引 入（1）呈现两个页面让学生进行观察比较，你更喜欢哪一个？a.使用表格布局，但表格边框隐藏（看不出表格痕迹），其页面工整，文本、图片摆放对称，具有一定规律；b.页面凌乱，图文混杂，摆放杂乱。提出问题：如何实现页面工整？（揭题）师呈现第三个页面，将a中的表格边框显示出来。一、分析表格结构展示一些由表格布局的网页，引导学生分析其表格结构，自然过渡到教材66页的例子

5、（biaoge.htm），分析结构，得出表格的布局（如表格有几行几列，哪些行做了哪些处理）。教师：表格之所以重要是因为表格可以实现网页的精确排版和定位，还可以利用表格来美化网页。表格的定义就是将一定的内容按特定的行、列规则进行排列就构成了表格。学生讨论，交流，回顾Word中学习过的表格，明白表格在FrontPage中的作用。让学生明白是为了制作网页内容工整、美观，所以选择使用表格布局。新 授任务1 规划网页表格布局本任务在上节课以作业形式布置给学生，请他们把书中66页例子的表格布局画出来，通过在课堂上教师和学生共同的分析、对照，加深学生对表格布局知识的认识。分层完成该任务，基础相对薄弱一些的同

6、学仅要求读懂教材中的网页表格布局，知道规则，根据表格的行数与列数，调整至最终样式；基础扎实、操作能力较强的同学可以跳出课本，自行设计表格网页布局。二、完成表格布局FrontPage中表格的插入和编辑与Word中的表格操作类似，教师无需讲解，引导学生进行知识迁移。任务2 新建一个页面，用表格布局该网页，并在该网页中放入相应内容。1打开站点，新建网页，以“”为文件名保存。2按前面分析的要求插入一个表格。3调整表格结构（主要是行列的插入、删除，单元格的合并、拆分、调整大小等）。老师可安排操作熟练的同学进行演示。三、调整表格属性，美化页面预览制作的网页，修饰网页，让网页看起来更美观。任务3 表格属性以

7、及单元格属性的设置1表格属性的设置，如去除网格线、设置表格背景色等。2使用不同的颜色区分各板块，设置单元格属性。强调：学会利用右击后弹出的快捷菜单中的命令。四、 充实网页页面内容任务4 在表格中插入图片、输入文字注意图片的保存。五、表格的嵌套（看时间定来定制任务，若时间不够，暂且不讲，布置问题，让学生思索嵌套表格和拆分单元格的不同作用）有时为了制作出更加美观的网页，我们可以使用表格的嵌套来实现。任务5 加入横向目录导航条，尝试使用表格嵌套的方法解决问题。制作动态字幕。学生可根据自己的实际情况选择任务难度，并动手分析与创意设计。操作熟练的同学来演示规则表格的插入，联想Word中的表格操作来演示网

8、页制作中表格的基本编辑：行列的插入、删除、单元格的合并、拆分、调整大小等，以达到调整表格结构的目的。“用表格规划网页结构”，参照书本所提示的实践学习，完成任务。学生根据自己的实际情况选择任何难度，可按教师具体要求修饰调整表格，也可根据自己的意图修饰调整表格（但表格边框的调整都需掌握）辅导：教师巡视各小组的实践操作练习，遇到学生有困难，先建议学生自己看书探究学习，然后再和学生讨论，对特殊学生给予较多的个别辅导机会。 “多彩的生物”网页，在表格相应位置插入相应文字、图片等。学生动手制作 学生以小组为单位，进行“表格布局网页页面”的实践。操作练习并进行交流展示。 布置课前任务，让学生自己合理利用教材

9、进行分析，学习和制作。通过分层教学，培养学生模仿以及创新能力。并且联系学生已经完成的作业，进一步提高学生自己看书学习的探究能力。软件学习的方法传授-类比法、知识迁移。必须要求学生掌握书本66页的基本操作。任务完成的同时，给学生一定的自主空间，鼓励他们去创新，而非一层不变的生硬模仿。回归网页制作，而不仅仅是插入一个表格。关注课堂学生使用书本，自主探究学习的能力以及操作达成率。总结与评价老师对学生操作过程中发现的问题加以强调，并总结利用表格布局网页页面的优点。 参与归纳“应用表格布局网页的优点”。展示表格页面制作完成的优秀学生作品，对学生的评价进行总结性的归纳。评价标准：以网页上各类素材间整体布局

10、的合理性、协调性和美观程度为指标进行评价（见附表）。表扬完成任务的同学，对未完成的同学给予激励，鼓励他们利用课余时间继续完成。 学生回答问题：（1）表格在FrontPage中起到了的作用：定位对象。（2）表格编辑的基本操作。培养学生重视书本，合理利用书本的讲解，自己进行学习、总结，通过实践操作制作表格网页，让他们从中获得成功的体验。激发学生学习网页制作的兴趣。作 业课后要求学生在浏览网页时，多留意一下著名的网站网页，观察首页和子页的规划有何不同。请同学们预先在草稿纸上设计好你所要制作主题网页的首页和子页布局，以便上机操作时更快捷的完成任务。为下面的制作网页学习打好坚实基础。注：附表于下页应用表格布局网页的评价表评 价 指 标表 现 等 第自 评互 评师 评汇 总素材的利用率（20）高 较高 一般 差 页面布局的完整性（2