第5章+表格和层的使用

《第5章+表格和层的使用》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、表格和层的使用本章主要内容学会使用表格和层熟悉表格和层之间的转换掌握设置表格和层的属性了解“插入DIV标签”布局网页表格的作用1.概述表格由一行或多行组成，每行又由一个或多个单元格组成。虽然HTML代码中通常不明确指定列，但Dreamweaver允许操作列、行和单元格。2.作用表格能准确地定位每一个页面对象的位置，一个好的Web设计者能通过它可排版出一幅幅精美的web页面。一般网页设计者的流程是首先用图像处理软件（PS或Fireworks)设计好一个整幅页面图像，然后将整幅图切割成许许多多对象，最后，在Dreamweaver里用表格或层将切割的许许多多对象排版成与整幅图像相吻合的

2、一个页面，因些表格在页面布局起着举足轻重的作用。创建表格1.概述在Dreamweaver8中，创建表格有两种方式：在“标准”模式下创建在“布局”模式下创建2.在“标准”模式下创建表格(1).创建方法如下：插入/表格在“插入”菜单中的“常用”选项里点表格图标在“插入”菜单中的“布局”选项里，首先选中“标准”图标，然后点击表格图标(2).参数设置：单元格边距：单元格内容与单元格之间的间隔像素数值单元格间距：每个单元格之间的间距创建表格页眉：有四种模式：“无”、“左”、“顶部”、“两者”，这些表示标题在表格左侧第1列、上侧第1行的每个单元格中居中显示标题：输入表格的标题对齐标题：表示标

3、题相对于表格的显示位置，有以下选项：“默认”、“顶部”“底部”、“左”、“右”摘要：输入对表格的说明与注释，但该选项不会在页面中显示，只有在代码视图中可以看到创建表格3.在“布局”模式下创建表格(1).创建方法如下：在“插入”菜单中的“布局”选项里，选中“布局”图标单击“布局表格”图标，光标变为十字形状，在文档窗口按住鼠标左键不放，用户可以通过拖曳即可创建想要大小的表格，该种方式仅创建一个表格，若要创建单元格，还须借助“绘制布局单元格”工具单击“绘制布局单元格”图标，光标变为十字形状，在文档窗口按住鼠标左键不放，用户通过拖曳鼠标即可创建想要的单元格。该种方式不仅创建了一个表格，而

4、且还创建了一个单元格。创建表格(2)“布局表格”与“绘制布局单元格”的区别布局表格：是在页面的空白区域或其他布局表格内给制表格，也可以在自己的单元格内部绘制表格绘制布局单元格：在页面的空白区域或布局表格内绘制表格单元格，但它不能在自己的单元格内部绘制表格4.“标准”模式与“布局”模式创建表格的区别“标准”模式不能用鼠标绘制表格，但其属性面板的设置功能齐全“布局”模式下可以灵活拖曳鼠标绘制表格，但其属性面板的设置功能相对简单设置表格1.概述由于创建表格有两种方法，因此设置表格属性也有两种模式：在“标准”模式下设置表格属性和在“布局”模式下设置表格属性。2.在“标准”模式下设计表格属

5、性在“标准”模式下创建表格后，用鼠标选中该表格，即可在其所对应属性面板里进行表格属性的设置。(1).设置可视化助理可视化助理是帮助设计者在设计表格时对表格外观整体把控。打开方法：查看/可视化助理/表格宽度查看/可视化助理/表格边框设置表格(3).设置表格属性表格ID：表格身份标识，通常是变量名对齐：确定表格相对于同一段落中其他元素（如文本或图像）的显示位置。左对齐：沿其他元素的左侧对齐表格（同一段落中的文本在表格的右侧换行）右对齐：沿其他元素的右侧对齐表格（文本在表格的左侧换行）居中对齐：将表格居中（文本显示在表格的上方和/或下方）缺省：浏览器应该使用其默认对齐方式清除列宽（）和

6、清除行高（）：从表格中删除所有明确指定的行高或列宽将表格宽度转换成像素（）和将表格高度转换成像素（）：将表格中每列的宽度或高度设置为以像素为单位的当前宽度，同时还将整个表格设置为以像素为单位的当前宽度。设置表格将表格宽度转换成百分比（）或将表格高度转换成百分比（）：将表格中每列的宽度或高度设置为按占“文档”窗口宽度百分比表示的当前宽度，同时，还将整个表格的宽度设置为按占“文档”窗口宽度百分比表示的当前宽度。注：若没有明确指定单元格间距和单元格边距的值，大多数浏览器都按单元格边距设置为1，单元格间距设置为2来显示表格。若要确保浏览器不显示表格中的边距和间距，可将“单元格边距”和“单

7、元格间距”设置为0。设置表格(4).设置单元格、行和列属性默认情况单元格左对齐，标题单元格为居中对齐合并单元格：可将所选的单元格、行或列合并为一个单元格。只有选中两个或两上以上连续单元格时，才可以使用该按钮拆分单元格：可以将一个单元格分成两个或更多单元格。注意一次只能拆分一个单元格，若选择的单元格多于一个，则此按钮将禁用。不换行：可以防止换行，从而使给定单元格的所有文本都在一行上。若启用了“不换行”，则键入数据或将数据粘贴到单元格时单元格会加宽来容纳所有数据。通常，单元格在水平方