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

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