第14章使用表格和IFrame框架布局网页题材.pptVIP

表格（table）是页面的重要元素，在Div+CSS布局方式被广泛运用之前，表格布局在很长一段时间中都是重要页面布局方式。在使用Div+CSS布局中，也并不是完全不可以使用表格，而是将表格回归它本身的作用，用于显示表格式数据。;14.1.2　插入表格 在前面的章节中已经学习了在网页中插入Div的方法，在网页中插入表格的方法与插入Div的方法类似，非常方便。;14.1.4　设置表格属性 ① 行和列 在“行”文本框中显示了当前所选中表格的行数，在文本框中输入数值，可以修改所选中的表格的行。 Cols 在Cols文本框中显示了当前所选中表格的列数，在文本框中输入数值，可以修改所选中的表格的列。 ② 宽 显示当前选中表格的宽度，可以在该选项的文本框中填入数值，修改选中的表格的宽度。紧跟其后的下拉列表框用来设置宽度的单位，有两个选项“%”和“像素”。 ③ CellPad 该选项用来设置单元格内部填充的大小，可填入数值，单位是像素。 ④ CellSpace 该选项用来设置单元格的间距，即单元格与单元格之间的距离，可填入数值，单位是像素。 ⑤ Align 该选项用来设置表格的水平对齐方式。Align下拉列表框有4个选项，分别是“默认”、“左对齐”、“居中对齐”和“右对齐”。在Align下拉列表框中选择“默认”选项，则表格将以浏览器默认的水平对齐方式来对齐，默认的水平对齐方式一般为“左对齐”。 ⑥ Border 该选项用来设置表格边框的宽度，可填入数值，单位是像素。;⑦ Class 在该选项的下拉列表中可以选择应用于该表格的CSS样式。 “清除列宽”按钮 ：单击该按钮，则可以清除当前选中表格的宽度。 “将表格宽度转换成像素”按钮 ：单击该按钮，则可以将当前选中表格的宽度单位转换为像素。 “将表格宽度转换成百分比”按钮 ：单击该按钮，则可以将当前选中表格的宽度单位转换为百分比。 “清除行高”按钮 ：单击该按钮，则可以清除当前选中表格的高度。;14.2.1　调整表格大小 用户可以通过拖动选中表格时显示的3个选择柄来调整表格的大小。在水平方向调整表格的大小，可拖动右边的选择柄，在垂直方向调整表格的大小，可以拖动底部的选择柄，如??需要同时从两个方向调整表格大小，可拖动右下角的选择柄。;14.2.3　插入行或列 选中要插入行或列的单元格，单击鼠标右键，在弹出的菜单中执行“表格插入行（插入列）”命令，就可以插入一行或一列单元格。如果需要插入多行或多列，执行“插入行或列”命令，在弹出的“插入行或列”对话框中进行相应的设置。;14.2.7　拆分单元格 将光标放置在需要拆分的单元格内，单击“属性”面板上的“拆分单元格为行或列”按钮 ，或在要拆分的选单元格上单击鼠标右键，在弹出菜单中执行“表格拆分单元格”命令，弹出“拆分单元格”对话框，在该对话框中可选择将选中的单元格拆分成“行”或“列”和拆分的“行数”或“列数”。这里将单元格拆分成3列。;14.3.2　导入表格式数据 在Dreamweaver CC中，可以将Word等软件处理的数据放到网上，先从Word等软件中将文件另存为文本格式的文件，再用Dreamweaver将这些数据导入为网页中的表格式数据。 如果要导入表格式数据，可以执行“文件导入表格式数据”命令，弹出“导入表格式数据”对话框，在该对话框中进行设置。;14.3.3　导出表格数据 如果要导出表格数据，需要把鼠标指针放置在表格中的任意单元格中。执行“文件导出表格”命令，弹出“导出表格”对话框。;14.5.1　制作IFrame框架页面 ;课堂案例——制作IFrame框架页面;课堂案例：制作社区类网站页面 最终文件：光盘\最终文件\第14章\14-6.html 视频：光盘\视频\第14章\14-6.swf