DreamweaverMX2004表格属性和应用

2008-02-23 06:05:23来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折


  

  通过前面的讨论,我们能够编辑文本,插入图像和多媒体,已能够动手来作自己的主页了。可是在制作过程中,您是否发现,无论怎样排版都有些不尽人意呢?我们今天要一起学习的表格功能,就能让我们随心所欲的进行排版。

  表格在网页中应用很广泛,他不但能够精确的定位文本,图像和其他网页中的元素,还能够有效的排列数据。表格运用的好坏是区分专业网页制作和业余爱好的客观标准。

  【表格的组成

  表格分为三个基本部分:行:表格中的水平间隔。 列:表格中的垂直间隔。 单元格:行列相交的区域。

  【建立表格

  将光标移动到准备插入表格的地方点击菜单【插入】/【表格】打开对话框:



  【行数】【列数】文本框中填写相应的数字就能够定义表格的行数和列数。

  【表格宽度】文本框配合后面的下拉选项能够定义表格的宽度。表格的宽度能够用像素或百分比单位,假如您需要浏览者无法改变表格宽度,请使用象素单位;假如您需要表格随用户屏幕分辨率改变,请选用百分比。

  【边框粗细】文本框中的数字定义了表格边框的宽度,假如配置为零,则不显示边框,这在网页布局中经常使用,虽然没有边框,但是我们在菜单栏的【查看】/【可视化助理】中选中【表格边框】命令就能显示出边框的虚线,便于大家布局,最后生成的网页在浏览器中打开边框不会显示出来。

  【页眉】选现定义表格标题出现的位置。

  【标题】文本框输入表格标题的文本。

  【对齐标题】下拉选项定义标题的位置。

  【摘要】添加备注文字。

  【单元格边距】单元格中元素和单元格边框之间的距离。

  【单元格间距】单元格和单元格之间的距离。

  【不同参数的表格状态



  【在表格内添加元素

  表格建立之后就能够向表格内添加元素了,如图像,文本和表格等,方法如同在文档中操作相同。添加文本,表格会随着增多而自动增高。

  在单元格中添加图像时,假如单元格的尺寸小于图像的尺寸,单元格会自动增高或增宽。

  在单元格中插入表格的时候, 单元格中的表格叫做内嵌入式表格,内嵌表格中的单元格能够再分成多行或多列,并且能够无限制的插入,但是内嵌的表格越多,浏览器下载时间越长,所以内嵌表格最好不要超过三层。

  【编辑表格

  选择表格:

  最常用的选择表格的方法有两种:

  1、用鼠标点击表格左上角边框,选中表格。2、将光标放在表格中的任意处,然后在菜单栏【修改】/【表格】中选定【选中表格】命令。3、拖动鼠标从表格左上角至右下角,选中任何单元格,然后在菜单栏【编辑】中选择【全选】命令。4、单击表格任意处,然后在状态栏选择<Table>标签。这是最简单的方法。



  被选中的表格状态:



  更改表格尺寸:

  上图中表格边框上的黑色方块叫做拖放手柄,鼠标移动到拖放手柄上出现双向箭头光标的时候即可拖动至合适的尺寸。当然要精确定义表格的尺寸还是要在选中表格后的属性栏中设定。

  

  【表格ID】用于编程和今后的行为中使用,暂时不讨论。【背景颜色】打开调色板选中颜色,即可指定表格的背景色。【背景图像】给出图像的路径和文档名即可指定表格的背景图像。注:假如既指定背景图像又指定背景颜色,则图像部分会遮挡住背景颜色。除非他是个透明的GIF图像。【边框颜色】打开混色器面板选中颜色,即可指定表格边框颜色。

  通过不同的表格边框颜色背景颜色的指定,能够得到多种效果,下图是边框色为红色,背景色为黄色的效果。


  上面提到状态栏,我们还能够在状态栏选中一行或一个单元格。选中一行:点击状态栏的<tr>选中一个单元格:点击状态栏的<td>

  配置单元格的属性,就能得到更多的表格的效果:下图是选中第一个单元格,然后在属性面板选择单元格边框颜色为黑色;背景颜色为浅黄色的效果。


  【选定多个单元格

  按下键盘的【Ctrl】键用鼠标击单元格即可选中该单元格,继续点击即可选中其他单元格。下图第一行显示的是单元格被选中的状态,第三行显示的是选中了两个单元格的状态。

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇: Dreamweaver8创建层

下一篇: Dreamweaver8插入并编辑表格