第四章 表格和层的应用.pptVIP

第四章 表格和层的应用 4.1 创建表格的基本操作 4.2 编辑表格的基本操作 4.3 页面的布局表格和布局单元格 4.4 层的创建和基本操作 4.5 层面板的应用 4.6 应用实例 4.1 创建表格的基本操作 4.1.1 关于表格 在HTML 页上显示表格式数据以及对文本和图形进行布局的强有力的工具 一行或多行组成；每行又由一个或多个单元格组成 是创建跨平台、跨浏览器网页布局的理想方案 在应用中应该避免表格嵌套过多，表格嵌套过多会增加页面的下载时间 4.1.2 新建表格 插入一个新表格有以下两种种方法 1. 打开“插入”菜单，选择“表格” 2. 在“插入”面板的“常用”选项卡中选择 属性面板中各种参数的意义 1. 表格ID编辑框中可输入表格的名字 2. 在对齐下拉列表中可选择对齐方式 3. 消除列的宽度设置 4. 消除行的高度设置 5. 将表格宽度的设置由百分比转换为像素 6. 将表格宽度转化为百分比 4.1.3 设置表格单元格属性 A 合并单元格（之前要先选择相应的需要合并单元格）　 拆分单元格，拆分为多行或多列； B 水平(Z)：单元格内部的水平对齐方式；垂直(T)：单元格内部的纵向对齐方式； C 宽(W)，高(H)：单元格的宽度与高度； D 背景(B)：单元格背景图； E 背景颜色(G)：单元格背景颜色； F 边框(R)：单元格边框颜色。 4.1.4 HTML 中的表格格式设置优先顺序 当在“设计”视图中对表格进行格式设置时，您可 以设置整个表格或表格中所选行、列或单元格的 属性。如果将整个表格的某个属性（例如背景颜 色或对齐）设置为一个值，而将单个单元格的属 性设置为另一个值，则单元格格式设置优先于行 格式设置，行格式设置又优先于表格格式设置。 表格格式设置的优先顺序如下： 1 单元格 2 行 3 表格 4.1.5 在表格中导入导出外部数据文件 Dreamweaver允许直接导入外部的数据文件 外部文件应该使用定界符（制表符、冒号、逗号、分号等）分割数据 数据被导入后将被转换成Dreamweaver格式 导入数据文件的两种方法： 1.选择“文件” “导入” “表格式数据”。 2.择“插入” “表格对象” “导入表格式数据”。 Dreamweaver同样允许将表格文件导出 导出文件也需要定界符分割数据 导出数据文件的方法 4.2 编辑表格的基本操作 4.2.1选择表格元素 1.选中某个单元格的2种方法 先单击要选择的单元格，然后拖动鼠标到相邻的单元格中，当被选中的单元格四周出现粗框线时释放鼠标，即可选中该单元格 单击要选中的单元格，然后单击状态栏左侧标签选择器的td，便可选中该单元格 2.选中多个相邻的单元格的2种方法 单击第一个单元格，然后拖动鼠标到左后一个单元格，即可选中这组相邻的单元格 单击第一个单元格，然后按住Shift键，再单击这组相邻单元格的最后一个单元格即可。 3. 选择多个不相邻的单元格 按住Ctrl键，然后再分别单击要选中的那些不相邻的单元格即可。 若在按住Ctrl键的同时，再次单击选中的单元格，将取消该单元格的选择。 4. 选择表格行的2种方法 将鼠标指向表格的左边框线，当光标变为一个箭头时单击鼠标，便可选中该行 先单击某行的单元格，然后单击状态栏左侧标签选择器的tr即可。 5. 选择表格列的方法 将鼠标指向上边的表格框线，当鼠标变为一个向下的箭头时单击鼠标，便可选中该列。 6. 选择整个表格的4种方法 单击表格的左上角、表格的顶边缘或底边缘的任何位置或者行或列的边框。 单击某个表格单元格，然后在“文档”窗口左下角的标签选择器中选择table 标签。 单击某个表格单元格，然后选择“修改” “表格” “选择表格”。 单击某个表格单元格，单击表格标题菜单，然后选择“选择表格”。 4.2.2 单元格的复制、粘贴、移动和清除 可以一次复制、粘贴或删除单个表格单元格或多个单元格，并保留单元格的格式设置。 可以在插入点或替换现有表格中的所选部分粘贴单元格。 若要粘贴多个表格单元格，剪贴板的内容必须和表格的结构或表格中将粘贴这些单元格的所选部分兼容。 剪切或复制表格单元格的方法 选择连续行中形状为矩形的一个或多个单元格。 选择“编辑” “剪切”或“编辑” “复制” 若选部分是矩形的单元格，则可以剪切或复制这些单元格。如下图示： 若部分不是矩形的单元格，则不能剪切或复制这些单元格。如下图示： 如果选择了整个行或列然后选择“编辑”“剪切”，则将从表格中删除整个行或列（而不仅仅是单元格的内容）。 粘贴表格单元格的方法 选