文档介绍：该【网页设计与制作案例教程-电子教案9 】是由【闰土】上传分享，文档一共【58】页，该文档可以免费在线阅读，需要了解更多关于【网页设计与制作案例教程-电子教案9 】的内容，可以使用淘豆网的站内搜索功能，选择自己适合的文档，以下文字是截取该文章内的部分文字，如需要获得完整电子版，请下载此文档到您的设备，方便您编辑和打印。使用表格布局网页
表格是常用的页面元素,制作网页经常要借助表格进行排版,在网页布局方面,表格可谓起着举足轻重的作用,通过设置表格以及单元格的属性,对页面中的元素进行准确定位,表格能够有序地排列数据又能对页面进行更加合理的布局。灵活地使用表格的背景、框线等属性可以得到更加美观的效果。
课程引导
2021/9/12
1
(1)学会添加表格、设置表格属性。
(2)掌握设置表格中行和列属性的方法。
(3)掌握拆分单元格,合并单元格的方法。
(4)掌握在表格中输入文字并定位的方法。
(5)掌握在表格中插入图像并定位的方法。
2021/9/12
2
网页浏览效果展示
。
图7-1 应用表格布局网页的预览效果
2021/9/12
3
本章操作任务
(1)在“长沙世界之窗”网站文件夹中“04表格布局”中创建命名为“”的网页,网页的标题为“长沙世界之窗的国际街”。
(2)插入一张3行4列的表格,表格宽度设置为100%。
(3)拆分单元格,合并单元格。
2021/9/12
4
(4)设置表格以及行、列、单元格的属性。
(5)为单元格设置背景图像。
(6)在表格的多个不同单元格中插入多幅图像。
2021/9/12
5
认识表格

表格的组成元素主要包括行、列、单元格。
(1)单元格:表格中的每一个小格称为一个单元格。
(2)行:水平方向的一排单元格称为一行。
2021/9/12
6
(3)列:垂直方向的一排单元格称为一列。
(4)边框:整张表格的外边缘称为边框。
(5)间距:指单元格与单元格之间的距离。
2021/9/12
7
(1)利用表格布局网页中的文字、图像等页面元素
(2)利用表格合成尺寸较大的图像
(3)应用表格存储文本或数据,便于对数据进行排序

2021/9/12
8
在“长沙世界之窗”网站文件夹“04表格布局”中创建命名为“”的网页,该网页利用表格布局页面元素,具体操作过程如下。
表格的基本操作
2021/9/12
9
(1)启动Dreamweaver8,切换到“长沙世界之窗”站点。如果该站点不存在,则新建一个名为“长沙世界之窗”的站点。
(2)在站点下创建子文件夹“04表格布局”,在“04表格布局”文件夹中创建子文件夹“image”,并将所需图像复制到该文件夹下。

2021/9/12
10