《第二节 03应用表格布局网页》参考教案.docx

学而优教有方

PAGEPage3/NUMPAGESPages3

应用表格布局网页

一、教材分析

布局网页是网站制作的重要内容，布局网页的方法有表格布局、框架布局和Div＋CSS布局三种方法，表格布局网页是基本方法。

二、学情分析

学生在小学阶段已经详细学习了WPS文字中的表格制作，进入初中阶段，也学习了WPS表格。学生对表格的制作方法基本掌握，但对于表格布局页面内容的功能认识不足，对于表格的嵌套使用也是接触甚少。

三、教学目标

1.知识与技能

（1）了解网页设计中表格的作用。

（2）掌握网页中表格的制作方法，表格属性的设置方法以及单元格的修饰与编辑方法，能够在单元格中正确插入文字和图片。

（3）能够根据网页设计内容，正确布局表格的结构，掌握表格嵌套的设计方法。

2.过程与方法

（1）掌握软件学习中的对比学习法，培养学生迁移学习的能力。

（2）通过用表格结构设计网页，学生进一步理解表格的作用、功能，网页设计方法的多样性，培养发散思维能力。

（3）通过自主探究，学生掌握软件使用的规则，由摸索、探究到形成性学习，培养学会学习、驾驭学习的能力。

3.情感、态度与价值观

（1）通过对比学习，学生体验软件学习的一般方法及规律，提高自主学习信息技术的能力。

（2）通过运用表格布局网页对象活动（各人根据网站主题，设计网页），进一步掌握各种不同对象，其属性的设置方法和规律，体验创造的快乐。

（3）通过“动物——人类的朋友”表格页的设计与制作，再次激发学生关爱地球动物的善良心地、保护动物的责任感，从而进一步树立共同改善人类生存环境的意识。

四、教学重点与难点

1.重点

（1）表格在网页设计中的重要作用和功能。

（2）表格插入、编辑方法及表格的属性设置。

（3）单元格的修饰与属性设置。

2.难点

表格的嵌套设计在网页设计中的应用。

五、教学方法

对比教学法、探究学习法、模仿学习法。

六、教学准备

各自制作的站点文件夹，相关素材整理归类，按要求摆放

七、教学过程

（一）复习

1.教师活动

以复习提问的方式来回顾站点的建立、网页的新建以及网页中文字图像等对象的插入。

2.学生活动

认真回顾，回答教师提问。

3.设计意图

为本节课教学做一定铺垫。

（二）引入

1.教师活动

（1）观看两个页面进行比较：一个是页面工整，文本、图片摆放对称且有一定规律，使用表格布局，但表格边框隐藏（看不出表格痕迹）；一个是页面凌乱，有图有文，摆放杂乱，你更喜欢怎样的页面布局？提出问题，有什么办法可以达到第一个页面的效果？

（2）观察第三个页面，内容同第一个页面，显现第一个页面的表格边框。

2.学生活动

学生讨论，交流（学生可能会想很多复杂的办法），幡然领悟：原来是利用Word时学习过的表格，从而明白表格在Dreamweaver中的作用。

3.设计意图

让学生明白是为了制作的网页内容工整、美观，所以选择使用表格布局。

（三）新授

1.分析表格结构

（1）教师活动

展示一些由表格布局的网页，引导学生分析其表格结构，自然过渡到书本例子（biaoge.htm），分析结构，得出表格的布局（几行几列，哪些行做了哪些处理）。

任务一：规划网页表格布局。

分层完成该任务，基础相对弱一些的同学仅要求读懂书本网页表格布局，知道规则表格的行数与列数，如何再调整至最终样式；基础扎实、操作能力较强的同学要求跳出课本，自行设计表格网页布局，并将自己的表格设计绘制在书本上。建议：使用多个非嵌套的表格来布局

（2）学生活动

根据自己的实际情况选择任务难度，并动手分析与创意设计。

（3）设计意图

分层教学，培养学生模仿以及创新能力。

2.完成表格布局

（1）教师活动

Dreamweaver中表格的插入和编辑与Word中的表格操作雷同，教师无须讲解，引导学生知识迁移。

任务二：新建一个页面，用表格布局该网页，并在该网页中放入相应内容。

①打开站点，新建一个网页，保存为：biaoge.htm；②按前面分析的要求插入一个表格；③调整表格结构（主要是行列的插入、删除、单元格的合并、拆分、调整大小等）。

（2）学生活动

操作熟练的同学来演示规则表格的插入，联想Word中的表格操作来演示网页制作中表格的基本编辑如：行列的插入、删除、单元格的合并、拆分、调整大小等，以达到调整表格结构的目的。

（3）设计意图

软件学习的方法传授——类比法、知识迁移。

3.充实网页页面内容

（1）教师活动

运用制作首页中的文字图片插入方法完成表格布局页面的制作。

任务三：在表格中插入图片、输入文字。

建议：插入图片对象前，对图片做一定处理，如选择风格统一的图片，调整图片大小至同一尺寸等，友情提醒：图片的保存。

（2）学生活动

认真操作（耗时较长），在表格相应位置放入相应文字、图片等。