当前位置:迷你小窝窝/网页制作/Dreamweaver网页制作/表格格式化及其他

 

表格的格式化

     
     
     
  1. 表格的属性

选中整个表格后会出现表格的属性,以下作简要说明:

  • 表格ID:表格的标签,用于编程和今后的行为中运用;
  • 行/列:指定表格的行数和列数;
  • 宽/高:指定表格的宽和高;
  • 填充:单元格空距
  • 间距:单元格间距
  • 边框:表格的边框宽度
  • 对齐:表格的对齐方式。使整张表格居左,居中或者居右
  • 类:指定全表的文本格式
  • 背景色:指定背景色
  • 边框颜色:指定边框的颜色
  • 背景图像:指定表格的背景图像(说明:如果既指定背景图像又指定背景颜色,则图像部分会遮挡住背景颜色,除非它是一个透明的GIF图像
  1. 单元格属性

光标停留在单元格内时,可显示单元格属性:  

  • 水平:单元格内部的水平对齐方式,有默认、左对齐、居中对齐、右对齐4种
  • 垂直:单元格内部的垂直对齐方式,有默认、顶端、中间、底部、基线5种
    【关于基线对齐的说明:就是当一个单元格里没有图片而只有文本时,文本会做顶部对齐。如果单元格或者此单元格所在行中的某个单元格有图片的话则此行中的所有文本的“基线”与该图片的底部对齐,并且对齐的部位一定是当图片在单元格中做顶端对齐时底部所处的位置。也就是说如果我们把该图片做居中对齐时,那么该行中的其他文字(如果都设置成了“基线”对齐方式的话)仍然会按照图片在顶部对齐时底部所处的位置对齐,并不会随图片的“变换对齐方式”而改变对齐位置】
  • 宽:单元格的宽度
  • 高:单元格的高度
  • 不换行:强制不换行,所有内容在一行显示。注意:此参数往往会撑大整个表格,建议不选
  • 标题:表示将当前单元格的内容变成标题。加入选中该复选框,那么当前单元格里的内容将自动居中并加粗
  • 背景:设置单元格的背景图片
  • 背景颜色:设置单元格的背景颜色
  • 边框:设置单元格的边框颜色
  • 可以把一行或者一列中的多个单元格合并成一个单元格,也可以把同行或同列中的某个单元格合并起来
  • 可以将一个单元格拆分成几个按行或按列排列的单元格
  1. 实例练习

    在DW中建立下表(如图,标题选择两者,表格ID为T1),然后按要求完成实例练习。

    各部门季度费用报表
    开发部 销售部 客户部 业务部
    第一季度 3245.00¥ 5827.12¥ 7865.99¥ 8529.36¥
    第二季度 5878.00¥ 8923.54¥ 5623.23¥ 9898.66¥
    第三季度 8923.88¥ 5453.00¥ 8532.00¥ 7892.85¥
    第四季度 7825.00¥ 4585.90¥ 6892.00¥ 8243.47¥

    实例要求如下:

    1. 设置单元格属性:表格水平居中对齐。除第1行单元格外,其余各列单元格的宽度为80像素,高度均为25像素;
    2. 使用格式化表格命令:
      执行“命令”->“格式化表格”命令,
      出现下面的格式化表格对话框

设置行颜色,第1行颜色为#FFFFCC,第2行颜色为#CCFF99。表格的行颜色交替为第隔一行交替。表格第1行的格式为居中,文本样式为粗体,背景颜色为#6633CC,文本颜色为白色。表格第1列对齐方式为居中对齐,文本样式为斜体,表格的边框为1,表格ID设为T2。

各部门季度费用报表
开发部 销售部 客户部 业务部
第一季度 3245.00¥ 5827.12¥ 7865.99¥ 8529.36¥
第二季度 5878.00¥ 8923.54¥ 5623.23¥ 9898.66¥
第三季度 8923.88¥ 5453.00¥ 8532.00¥ 7892.85¥
第四季度 7825.00¥ 4585.90¥ 6892.00¥ 8243.47¥

复制该表格的第2行~第6行,粘贴到下面,改表格ID,命名为T3

开发部 销售部 客户部 业务部
第一季度 3245.00¥ 5827.12¥ 7865.99¥ 8529.36¥
第二季度 5878.00¥ 8923.54¥ 5623.23¥ 9898.66¥
第三季度 8923.88¥ 5453.00¥ 8532.00¥ 7892.85¥
第四季度 7825.00¥ 4585.90¥ 6892.00¥ 8243.47¥
管理表格:选中表格T3,执行“命令”->“排序表格”,打开排序表格对话框

设置第2列的数字升序排序后确定,格式ID命名为T4。

开发部 销售部 客户部 业务部
第一季度 3245.00¥ 5827.12¥ 7865.99¥ 8529.36¥
第二季度 5878.00¥ 8923.54¥ 5623.23¥ 9898.66¥
第四季度 7825.00¥ 4585.90¥ 6892.00¥ 8243.47¥
第三季度 8923.88¥ 5453.00¥ 8532.00¥ 7892.85¥
  1. 重新编排表格:复制上表,改表格ID命名为T5,选中表格“开发部”列所有的单元格,执行“编辑”->“剪切”命令,光标停在“客户部”列单元格中任意单元格中同时执行“编辑”->“粘贴”命令, 交换表中“销售部”与“开发部”两列,将操作结果保存。
销售部 开发部 客户部 业务部
第一季度 5827.12¥ 3245.00¥ 7865.99¥ 8529.36¥
第二季度 8923.54¥ 5878.00¥ 5623.23¥ 9898.66¥
第四季度 4585.90¥ 7825.00¥ 6892.00¥ 8243.47¥
第三季度 5453.00¥ 8923.88¥ 8532.00¥ 7892.85¥