<b>Dreamweaver 4 简明教程(7、网页的排版)</b>[DW设计]

　7、的排版

　　表格的利用


　　表格是的一个非常重要元素,因为HTML本身并没有供应更多的排版手段,我们常常就要借助表格实现的精密排版.可以说表格的是中最为重要的一个本领,表格应用得好坏,直接反映了了师的水平.


　　点击对象面板的 ,看到以下的对话框:

 

　　① Rows:表格的行数;Columns:表格的列数;

　　② Width:表格的宽度,单位可以是Pixels（像数）或Percent（百分比）.按像素定义的表格大小是固定的,而按百分比定义的表格,会按照浏览器的大小而改变.背面会持续深化讲授两种定义办法的辨别;

　　③ Border:表格线的宽度;

　　④ Cell Padding:单元格间距;Cell Spacing:单元格边距.所谓的单元格,就是表格里面的每一小格.

　　按照如图的设置后,就得到下面这个表格:

 

　　在表格线上点一下,可以全选整个表格,此时可在属性面板看到:

 

　　① Rows,Cols:表格的行和列;

　　② W,H:表格的宽和高,普通情形下,我们都不会定义表格的高度;

　　③ CellPad,CellSpace:单元格间距和单元格边距;Border:表格线的宽度;

　　④ Ailgn:表格的对齐方法,可以将表格靠左（Left）、置中（Center）、靠右（Right）

　　⑤ :消除行的高度设置;
　　　 :消除列的宽度设置;
　　　 :将表格宽度的设置由百分比转换为像素;
　　　 :将表格宽度的设置由像素转换为百分比;

　　⑥ Bg Color:设置表格的后台颜色;

　　⑦ Brdr Color:设置表格线的颜色;

　　⑧ Bg Image:设置表格的后台图,假如设置了后台图,后台颜色就失效了;点击背面的公文包按钮挑选后台图;


　　假如我们把光标移到此中一个单元格,此时看到的属性面板又有所差别:

 

　　① :归并单元格（之前要先挑选呼应的需求归并单元格）;
　　　 :拆分单元格,拆分为多行或多列;

　　② Horz:单元格内部的水平对齐方法,作用与 近似;
　　　 Vert:单元格内部的纵向对齐方法;

　　③ W,H:单元格的宽度与高度;

　　④ Bg:单元格后台图;

　　⑤ Bg:单元格后台颜色;

　　⑥ Brdr:单元格边框颜色.