通过前面的讨论,我们可以编辑文本,插入图像和多媒体,已经可以动手来作自己的主页了。可是在制作过程中,您是否发现,无论怎样排版都有些不尽人意呢?我们今天要一起学习的表格功能,就能让我们随心所欲的进行排版。
表格在网页中应用非常广泛,它不但可以精确的定位文本,图像和其他网页中的元素,还可以有效的排列数据。表格运用的好坏是区分专业网页制作和业余爱好的客观标准。
【表格的组成】
表格分为三个基本部分:行:表格中的水平间隔。 列:表格中的垂直间隔。 单元格:行列相交的区域。
【建立表格】
将光标移动到准备插入表格的地方点击菜单【插入】/【表格】打开对话框:
【行数】【列数】文本框中填写相应的数字就能够定义表格的行数和列数。
【表格宽度】文本框配合后面的下拉选项可以定义表格的宽度。表格的宽度可以用像素或百分比单位,如果您需要浏览者无法改变表格宽度,请使用象素单位;如果您需要表格随用户屏幕分辨率改变,请选用百分比。
【边框粗细】文本框中的数字定义了表格边框的宽度,如果设置为零,则不显示边框,这在网页布局中经常使用,虽然没有边框,但是我们在菜单栏的【查看】/【可视化助理】中选中【表格边框】命令就能显示出边框的虚线,便于大家布局,最后生成的网页在浏览器中打开边框不会显示出来。
【页眉】选现定义表格标题出现的位置。
【标题】文本框输入表格标题的文本。
【对齐标题】下拉选项定义标题的位置。
【摘要】添加备注文字。
【单元格边距】单元格中元素与单元格边框之间的距离。
【单元格间距】单元格与单元格之间的距离。
【不同参数的表格状态】
【在表格内添加元素】
表格建立之后就可以向表格内添加元素了,如图像,文本和表格等,方法如同在文档中操作一样。添加文本,表格会随着增多而自动增高。
在单元格中添加图像时,如果单元格的尺寸小于图像的尺寸,单元格会自动增高或增宽。
在单元格中插入表格的时候, 单元格中的表格叫做内嵌入式表格,内嵌表格中的单元格可以再分成多行或多列,并且可以无限制的插入,不过内嵌的表格越多,浏览器下载时间越长,所以内嵌表格最好不要超过三层。
【编辑表格】
选择表格:
最常用的选择表格的方法有两种:
1、用鼠标点击表格左上角边框,选中表格。2、将光标放在表格中的任意处,然后在菜单栏【修改】/【表格】中选定【选中表格】命令。3、拖动鼠标从表格左上角至右下角,选中所有单元格,然后在菜单栏【编辑】中选择【全选】命令。4、单击表格任意处,然后在状态栏选择<Table>标签。这是最简单的方法。
被选中的表格状态:
更改表格尺寸:
上图中表格边框上的黑色方块叫做拖放手柄,鼠标移动到拖放手柄上出现双向箭头光标的时候即可拖动至合适的尺寸。当然要精确定义表格的尺寸还是要在选中表格后的属性栏中设定。
【表格ID】用于编程和今后的行为中使用,暂时不讨论。【背景颜色】打开调色板选中颜色,即可指定表格的背景色。【背景图像】给出图像的路径和文件名即可指定表格的背景图像。注:如果既指定背景图像又指定背景颜色,则图像部分会遮挡住背景颜色。除非它是一个透明的GIF图像。【边框颜色】打开混色器面板选中颜色,即可指定表格边框颜色。
通过不同的表格边框颜色背景颜色的指定,可以得到多种效果,下图是边框色为红色,背景色为黄色的效果。
上面提到状态栏,我们还可以在状态栏选中一行或者一个单元格。选中一行:点击状态栏的<tr>选中一个单元格:点击状态栏的<td>
设置单元格的属性,就能得到更多的表格的效果:下图是选中第一个单元格,然后在属性面板选择单元格边框颜色为黑色;背景颜色为浅黄色的效果。
【选定多个单元格】
按下键盘的【Ctrl】键用鼠标击单元格即可选中该单元格,继续点击即可选中其他单元格。下图第一行显示的是单元格被选中的状态,第三行显示的是选中了两个单元格的状态。
【拆分/合并单元格】
选中单元格可以合并,例如上图中第三行的两个单元格,选中后选择【修改】/【表格】菜单的【合并单元格】命令即可。
选中一个单元格后选中【修改】/【表格】菜单的【拆分单元格】命令,打开对话框:
选择拆分为2行后的效果:
【插入行或列】
将设计布局改为【布局】模式,红色标记出的功能按钮即为插入按钮,鼠标移动到按钮上停留时会有文本提示。
选中单元格后点击插入按钮,如图:
【导入数据表格】
这是表格的另一个重要功能,我们可以直接导入一个其他应用程序创建的格式。如导入微软公司的电子表格,我们将在以后深入讨论。
关于表格的更多属性和用法,请各位自己动手试一试,Dreamweaver MX 2004 是一款所见既所得功能很强的软件,大家能非常直观的看到您所做的设置的效果,相信通过你自己动手,能更好的掌握表格的使用。