应用表格布局网页结构1.docx

八年级信息技术教案（第3章） 主题网站设计与制作 第_课时 总第_课时第3节 应用表格布局网页【教学目标】1.知识与技能(1)了解表格在网页设计中的作用。(2)掌握网页中表格的制作方法、表格属性的设置方法以及单元格的修饰与编辑方法，能够在单元格中正确插入文字和图片。(3)能够根据网页设计内容，正确设计表格的结构，掌握表格嵌套的设计方法。2.过程与方法(1)利用对比学习，培养知识迁移的能力。(2)通过用表格布局网页，进一步理解表格的作用、功能及网页设计方法的多样性，培养学生的发散思维能力。(3)通过自主探究，掌握软件的使用规则，培养自主学习的能力。3.情感态度与价值观(1)通过对比学习体验软件学习的一般方法及规律，提高自主学习的能力。(2)通过运用表格布局各种网页对象(各人根据网站主题设计网页)，进一步掌握各种不同对象的属性设置方法和规律，体验创造的快乐。(3)通过“动物人类的朋友”网站的设计与制作，激发关爱动物、保护动物的责任感，从而进一步树立共同改善人类生存环境的意识。【教学重点与难点】1.重点(1)了解表格在网页布局中的重要作用。(2)掌握插入、编辑表格的方法及表格的属性设置方法。(3)掌握单元格的修饰与属性的设置。2.难点表格的嵌套在网页布局中的应用。【教学方法】对比教学、探究学习、模仿学习。【教学过程】1、 创设情境，导入新课 师：以提问的方式来回顾站点的建立、网页的新建以及网页中文字、图像等对象的插入。 生：认真回顾，回答教师提问。1.观看两个页面进行比较：一个是页面工整，文本、图片摆放对称且具有一定规律，使用了表格布局，但表格边框隐藏(看不出表格痕迹)；另一个是页面凌乱，有图有文，摆放杂乱。你更喜欢怎样的页面布局？提出问题，有什么办法可以达到第一个页面的效果2.观察第三个页面，内容同第一个页面，但显现第一个页面的表格边框二、自主学习，师生合作一、分析表格结构展示一些由表格布局的网页，引导学生分析其表格结构，自然过渡到教材例子(biaoge.htm)，分析结构，得出表格的布局(几行几列，哪些行做了哪些处理)任务一：规划网页表格布局分层次完成该任务，基础相对弱一些的同学，仅要求读懂教材上的网页表格布局，知道规则表格的行数与列数，如何再调整至最终样式；基础扎实、操作能力较强的同学要求跳出教材，自行设计表格网页布局，并将自己的表格设计绘制在教材上建议：使用多个非嵌套的表格来布局生：根据自己的实际情况选择任务难度，并动手分析与创意设计 二、完成表格布局Dreamweaver中表格的操作和“WPS文字”软件中的表格操作类似，教师应着重引导学生进行知识迁移，对具体的操作方法，无需做过多讲解任务二：新建一个页面，用表格布局该网页，并在该网页中放入相应内容A.打开站点，新建一网页，保存为：“biaoge.htm”B.按前面分析的要求插入一个表格C.调整表格结构(主要是行列的插入、删除、单元格的合并、拆分、调整大小等)3、 充实网页页面内容生：请操作熟练的同学来演示规则表格的插入，联想“WPS文字”软件中的表格操作来演示网页制作中表格的基本编辑，如行列的插入、删除、单元格的合并、拆分、调整大小等，以达到调整表格结构的目的3、 巩固提高，课堂小结本节课我们学习了在Dreamweaver中插入表格、编辑表格以及表格嵌套的基本方法。请同学回答几个问题，并演示几