《应用表格布局网页结构》教案

《应用表格布局网页结构》教案

一、教学目标

1、知识与技能：

（1）了解表格网页的作用；

（2）掌握网页中表格的制作方法，表格属性的属性设置方法；

（3）能根据网页设计内容，正确布局表格的结构；

（4）尝试根据内容需要设计表格布局网页页面。

2、过程与方法：

（1）利用对比，加深学生对表格布局网页的认识；

（2）通过用表格结构设计网页，使学生进一步理解表格的作用、功能及网页设计方法；（3）通过自主探究，使学生掌握软件的使用规则，培养学生自主学习的能力。

3、情感态度与价值观：

（1）通过实践创作的过程，形成主动学习和利用信息技术、参与信息作品创作的态度；（2）培养学生注重吸取成功的经验，提高本身的信息素养。

二、教学重点

1、表格的制作及设置方法；

2、根据实际情况设计并应用表格布局网页。

三、教学难点

1、应用表格布局网页页面的意识；

2、合理制作表格，实现页面布局。

四、教学方法

教师讲解、演示、与学生任务驱动、合作学习相结合。

五、教学过程

教学过程

教师活动

学生活动

课前准备

将“学习素材”文件夹发送到学生机桌面；

打开并预习本课内容。

一、对比，引入新课

1、明确表格在网页制作时的作用：页面规划

（1）展示两个页面（1.htm和2.htm）并进行比较：

提问：①这2个网页，你喜欢哪个？为什么？

②网页中的文字、图像对象如何插入？

③在Frontpage中打开2张网页，观察有什么不一样。

总结：这些线就是表格线，在做网页时，可以利用表格布局网页结构。

（2）引出本课内容：探索用表格来布局网页的页面。

（3）明确本课的任务：使用表格制作网页。

学生小组交流、讨论，对比加深印象，感受表格布局网页的作用

发现表格可以布局页面

明确本课内容

二、小组合作，体会用表格布局网页

2、模仿用表格布局网页页面结构

（1）引导学生回忆Word中学过的表格内容，提示学生表格操作跟Word中具有很大的相通之处；

提问：还记得哪些表格的编辑方法？

（2）展示效果页，引导学生分析页面的结构，探索需要制作表格的结构；

（3）讲解演示表格的制作及调整；

（4）布置学生完成任务一：“心憩空间”网页

（5）展示成功学生的作品，引出表格属性的设置；

如：行列的插入、删除、单元格的合并、拆分、调整大小等。

根据网页内容来规划所需表格结构，了解网页中表格制作及设置的方法。

学生小组合作，完成网页“chushi.htm”

三、小组合作，尝试用表格布局网页

3、小组交流并独立制作表格布局网页

（1）刚才我们一起体会用表格布局网页的网面结构：先分析确定所需表格的结构，然后根据实际制作设置表格布局网页页面结构。接下来我们就来尝试用表格布局我们的网页了；引入用表格布局“多彩的生物”网页；

（2）引导学生分析确定网页的表格结构；

（3）布置学生完成任务二：制作“多彩的生物”网页；可以根据自己的设计对网页进行适当的调整；

掌握根据网页确定所需表格的结构

能根据网页规划表格

小组合作讨论，根据学案提供的参考表格确定“多彩的生物”网页的表格结构，再独立完成图片、文字的插入。

四、作品展示交流与课堂总结

1、展示成功学生的作品并点评；

2、总结本课内容：为了制作的网页内容工整、美观，所以我们选择使用表格布局。本课我们尝试并使用了表格来规划布局网页，尝试设计个人网站的首页，自主设计版面，灵活使用表格进行网页制作。

掌握表格布局网页的常见技巧，加强表格布局网页的意识。