用表格为网页布局 (1)

1.课件出示一幅拼图

师：这是一幅拼图，是我们小时候都玩过的拼图游戏，今天在我们开始学习新的内容之前，我们先一起来玩一下拼图游戏，老师已经把所有的图片碎片都按顺序整理好了放在D:\拼图这个文件夹里了，下面请问同学们，你们能不能在网页里把这些图片碎片摆成完整的画面呢？

学生发言：不能或者说：能，插入图片。

师：看来，同学们的看法都不一样，到底能不能呢？下面老师给大家3分钟的时间，打开frontpage在里面试着拼一拼，检验一下到底是能，还是不能。

时间到，绝大部分学生以失败告终。

2.教师展示已完成的拼图

让学生观察一下这个页面和自己刚才所做的尝试有何不同，请学生回答，并引导出结果：

虚线是什么？——表格

表格的作用是什么？——定位

定位的作用是什么？——网页布局

教师总结：上个学期我们是在word中学习过表格，它的作用是用来规类信息的，今天这节课我们将要在frontpage中再次学习表格，它的作用是用来排版布局。下面就进入本课的学习：用表格为网页布局。

    二、讲授新课

（一）如何用表格为网页布局

让学生观察思考这张页面是用一个怎么的表格来排版布局的，请学生回答，并引导出结果：

（1）从整体上，可以看成是一个几行几列的规则表格？    ——4行3列

插入表格的方法与word中类似。

（2）哪些版块的需要修改？     ——利用单元格的合并功能制作出各种版面

（3）根据实际排版需要，利用“手绘表格”工具，再进行手动修改。

（4）在相应的单元格中，插入图片和文字。

（5）表格线怎样虚化？——设置表格属性

2．拼图大比拼：学生继续完成拼图

（二）亲身体验：制作主页

1．简介书本上四种常见的网站主页构成图，以及主页的基本组成要素：标题、栏目、版权说明。

2．布置任务：根据自己的建站计划，用表格来布局主页。

   要求：（1）为主页画好页面布局简图，可参照书本图15-1至图15-4。

        （2）完成标题、栏目、版权说明的部分。

        （3）附加：完成图片的插入工作。

三、作品提交

四、小结

今天你学会了什么？

无