第十一课 条块分割，有条不紊——表格的运用 教案

第十一课 条块分割，有条不紊——表格的运用

学习目标：
学会运用表格对网页进行排版
掌握表格单元格属性的设置方法
掌握页面属性的设置方法

创设情景：
讲：只要同学们使用过网络，你就会发现有名的网站都是大量使用图片来表示网站内容，网站图片的使用对于网站来说起到非常关键的作用，它直观，美丽漂亮，但是我们在用Frontpage2000制作主页时会发现，网页上图片的定位不像word那样容易，word中图片设置有各种各样的环绕效果。而Frontpage2000没有。
讲：如何解决图片定位的问题呢？通常的做法是在网页中插入表格，然后把图片放入表格中，也就是用表格来定位图片。
进：其实网络上的大多数网站都是采用这种方法来对图片进行定位。管理起来非常方便。下面我们就来学习如何使用表格来定位图片文件。
板书：条块分割，有条不紊——表格的运用
板书：1.在页面中插入表格
操作方法跟word插入表格的方法类似。
（学生任务一：请同学们跟我一起操作：）
点击“插入”按钮，在网页中插入一个1×2的表格，然后在左边输入一段文字，在右边插入一张图片。这样看起来图片定位得很好。（老师指导学生操作）
讲：这样可以对表格中的图片和文字设置各种对齐方式：例如水平对齐方式和垂直对齐方式等。也可以改变文本段落行距，使段落中的文本行距更加合适。
做好后可以通过“预览”按钮查看网页设计的效果。同学们学会了在网页中插入表格了吗？
接下来我们就来学习表格属性的的设置。
板书：2.表格属性的设置
操作方法如下：
在表格中右击鼠标右键，在弹出的快捷菜单中选择“表格属性”,即可以对表格的各种属性进行设置。
（学生任务二：让同学们试一试：如改变表格的宽度为80%，对齐方式为居中，改变边框和背景颜色等。老师在旁边指导。）
（露一手：在使用表格来定位时，我们一般设置表格宽度为0，可以使表格既起到对页面的分隔作用，又不影响页面整体美观效果。）
接下来我们再来学习设置单元格属性。
板书：3.设置单元格属性。
操作方法如下：
选中一个或多个单元格，然后右击鼠标右键，在弹出的菜单中选择“单元格属性”， 这样可以打开“单元格属性”对话框进行设置。
（学生任务三：现在同学自己试着跟着老师进行操作一下。老师在旁边进行指导。）
好了，设置好单元格属性后我们再对页面属性进行设置。
板书：4.页面属性
操作方法如下：
在“文件”菜单中选择“属性”，打开“页面属性”窗口，可以对整个页面的属性进行设置，其中主要设置为：
①页面标题=给网页取个名称。
②背景音乐=增添精彩。
③背景图片=美化网页
④颜色：指定页面的默认文本和背景颜色。
（学生任务四：练习页面属性的调整方法。）
总结：
本节课的内容。
本节课主要讲了表格在网页设计中的应用，学习了如何在页面中插入表格，学习对表格属性的设置，学习了表格单元格属性的设置方法，接下来我们又学习了网页页面属性的设置方法，如设置页面标题、背景音乐、图片、文本背景图片颜色的设置方法。
总结：练一练