a7.JPG (10998 bytes)
 

一、添加表格
 
  我们要新建一个表格。点击Insert下Table,或使用点击 Objects 面板,也可用快捷键Ctr+Alt+T,就会弹对话框(图7.1)。
 
  7_1.gif (4571 bytes)
 
  其中:
 
  1.表格的行数。
  2.表格的列数。
  3.表格的宽度。后面的下拉选单有两项,是宽度的单位。Percent是百分比单位,例如在此时Width值为75的情况下,表示表格宽度占到浏览器窗口的75% 。Pixels 是像素单位,在此时Width值为75的情况下,表示表格宽度为75像素(最普遍的电脑屏幕分辨率设置为800*600,即宽800像素,高600像素)。单位一般选择Pixels,若选作Percent,当浏览器窗口大小调整时,表格也会随之调整,有时会影响整体布局。
  4.表格边框的宽度。
  5.表单元格间隙设置。
  6.表单元格内部空白。
 
  点击OK按钮,表格添加在页面上了。 对于表格的属性面板在第一课中已经介绍了,这里不在赘述。
 
 
二、单元格操作
 
  用鼠标点击表格任一单元格,属性面板图7.2。
 
  7_2.gif (8991 bytes)
 
  其中:
 
  1.表示合并单元格
  2.表示拆分单元格
 
  该属性面板上半部是文本的属性设置。单元格里可以放入任何页面元素,但关键是如何对单元格进行操作。选中几个表元,点击属性面板上的合并单元格,选中的几个单元格就合并在一起了。或用鼠标选中一个单元格,点击合并单元格,会出现一个对话框(图7.3)。
 
  7_3.gif (3037 bytes)
 
  选中Rows表示按行拆分,选中Columns表示按列拆分。
 
  Number of Rows的值为拆分的新单元格的数目。
  
  3.H可设置表元的高度。较上的Bg可设置表元的背景图案,Brdr可设置各单独表元的边框颜色。
  4.No Wrap:当文本长度超过表元长度时,选择No Wrap,文本将继续向前,表元宽度会随之调整;不选No Wrap,文本将自动换行。
  5.Header:若选上Header,文本会变粗。
 
  当在单元格中加入图形时,如果图形宽度或高度超过单元格的宽度和高度时,单元格会自动调整以适应加入的图形。
 
  设置完后,还可直接用鼠标拖动表格的各边框来调整表格或各行、列的宽度和高度。
 
 
三、表格转换为层
 
  在Modify下选Layout Mode中的Convert Table to Layers…,或使用快捷键Ctrl+F6,弹出一对话框(图7.4)。
 
  7_4.gif (3028 bytes)
  
  其中:
 
  1.阻止层叠加
  2.显示层面板
  3.显示删格
  4.对齐网格
 
  对下图中的表格进行转换:
 
  7_5.gif (9053 bytes)
 
  转换后如下图:
 
  7_6.gif (9039 bytes)
 
 
四、导入表格数据
 
  把用Excel等软件处理的数据放到网上,Dreamweaver专门提供了一个转换的功能。先把Excel等软件中将文件另存为文本格式的文件,或在Excel中保存为.csv,然后选择File下的Import中的Import Table Data…,或者选择Insert下Tabular Data,这时都弹出对话框(只是标题不同,前者是Import Table Data,后者是Inset Tabular Data)(图7.7)。
 
  7_7.gif (5815 bytes)
 
  其中:
 
  1.填写需导入的数据文件的地址,或者可点击下面的Browse…按钮选择这个文件。
  2.用来向Dreamweaver说明,这个数据文件的各数据间是怎么分隔开的,以供Dreamweaver正确的区分各数据。后面的下拉选框有五个选项—— Tab、Comma、Colon、Semicolon、Other。Tab表示是用空格分隔的;Comma表示是用逗号分隔的;Colon表示是用冒号分隔的;Semicolon表示是用分号分隔的;若选中Other,则下拉选框后多出一个文本框,可填入用来分隔数据的符号。
  3.导入数据后,生成的表格的宽。若选中Fit to Data,则表格宽度尽量适应原数据文件数据的排列方式。若选中Set,则是自行设置表格的宽度,在后面填入数值,紧跟其后的下拉选框是数值的单位。下拉选框有Pixels和Percent两项,Pixels是像素单位,Percent是百分比单位。
  4.可填单元格内空白的大小,单位将是像素单位。
  5.可填单元格间的间隙大小,单位将是像素单位。
  6.设置生成的表格顶行内容的文本格式,其后的下拉选框有四个选项——No Formatting, Bold, Italic, 和Bold Italic。No Formatting是不设特殊格式,Bold是粗体, Italic是斜体,Bold Italic是粗斜体。
  7.可填生成表格的边框宽度。
 

返回