Dreamweaver表格相關知識

Dreamweaver表格相關知識

　　Dreamweaver表格的使用

　　1、點擊插入/表格，打開表格面板進行設置。行數、列數、寬度、邊框等，“單元格填充”為單元格內側與內容的距離；“單元格間距”為單元格之間的距離，單位均為像素。

Dreamweaver表格相關知識

　　2、插入表格后，在表格的邊框上點擊一下，可以全選整個表格。然后在下面的屬性面板里可以進行各種設置。

　　3、把光標移到其中一個單元格，此時看到的屬性面板，就是單元格的屬性面板。也可以進行各種關于單元格的.操作。如背景色、背景圖、邊框、合并、拆分等。

　　1、選中整個表格，設置其背景為黑色（該顏色即表格線的顏色）。

　　2、選中所有單元格，設置其背景為白色。二自動格式化表格

　　1、先制作好一張表格，然后選中。

　　2、選菜單中的命令/格式化表格。即可以其中選擇預設好的一些表格樣式。三一像素分割條

　　1、插入一個1行1列，寬為200像素，邊框邊距均為0的表格。

　　2、選中表格，設置表格高為1像素，并設置一個背景色（即所要的`線條顏色）。

　　3、切換到代碼和設計窗口，將代碼刪除

　　1、創建一個1行2列，寬為760像素，邊框及邊距均為0的表格。

　　2、選中表格，設置排列方式為居中對齊，背景色為#3366CC。

　　3、將光標置于左邊單元格中，設置其水平排列為左對齊，垂直排列為頂端對齊，然后插入一張圖像，一般在此插入的是網站的圖標，即logo。

　　4、將光標置于右邊單元格中，設置其寬度為500，水平排列為居中對齊，垂直排列為中間，然后插入圖像，一般是網頁廣告，即banner。

　　5、將光標置于剛完成的表格之后，插入/表格，創建一個1行1列，寬為760像素，邊框及邊距均為0的表格。

　　6、選中剛創建的表格，設置排列方式為居中對齊，背景色為#005173。

　　7、在該表格中依次插入多個圖像，作為導航條菜單。二網頁中部（左邊欄目列表、中間網站新聞、右邊欄目列表）

　　1、在導航條表格后面，插入/表格，創建一個1行3列，寬為760像素，邊框及邊距均為0的表格。并設置排列方式為居中對齊，背景色為#FFFFFFF。

　　2、將光標置于左邊單元格中，設置其寬度為18%，水平排列為居中對齊，垂直排列為頂端對齊，然后插入一張圖像，插入一個導航條。

　　3、將光標置于剛插入的`圖片后，插入/表格，插入一個12行1列，寬為90%的表格。設置其單元格間距為1，背景色為#CCCCCC。

　　4、將光標放在表格第一個單元中，設置其高為20，背景色為#FFFFFF。插入/圖像，插入一個導航文字前面的小點。同樣設置其他11個單元格，這樣左邊的欄目分類列表就完成了。

　　5、將光標置于主體表格的中間單元格中，設置其寬度為66%，水平排列為居中對齊，垂直排列為頂端對齊，然后插入/圖像，插入一個導航條。

　　6、將光標置于圖像后，插入/表格，插入一個4行1列，寬為95%的表格。設置其單元格間距為1，背景色為#CCCCCC。

　　7、將光標置于表格的第一個單元格中，拖動鼠標，將4個單元格都選中，設置高為60，背景色為#FFFFFF。

　　8、將光標置于主體表格右邊的單元格中，設置其寬度為16%，水平排列為居中對齊，垂直排列為頂端對齊，插入/圖像，插入一個導航條。

　　9、將光標置于圖像后，插入/表格，插入一個7行一列，寬為90%的表格。設置其間距為1，背景色為#CCCCCC。

　　10、按住Ctrl鍵，用鼠標點擊剛插入的表格的第1、3、5、7單元格，然后設置它們的高為55，背景色為#FFFFFF。

　　11、選中第2、4、6單元格，設置其高為6，背景色為#FFFFFF。

　　12、切換到源代碼窗口，將第2、4、6單元格中的空格符號“ ”刪除。

【Dreamweaver表格相關知識】相關文章：