Dreamweaver表格相關知識

來源:文萃谷 2.88W
  Dreamweaver表格的使用

1、點選插入/表格,開啟表格面板進行設定。行數、列數、寬度、邊框等,“單元格填充”為單元格內側與內容的距離;“單元格間距”為單元格之間的距離,單位均為畫素。

Dreamweaver表格相關知識

2、插入表格後,在表格的邊框上點選一下,可以全選整個表格。然後在下面的屬性面板裡可以進行各種設定。

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

  Dreamweaver表格的其他操作

1、選中整個表格,設定其背景為黑色(該顏色即表格線的顏色)。

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

1、先製作好一張表格,然後選中。

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

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

2、選中表格,設定表格高為1畫素,並設定一個背景色(即所要的線條顏色)。

3、切換到程式碼和設計視窗,將程式碼刪除

  Dreamweaver用表格構建完整的頁面

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單元格中的空格符號“ ”刪除。

熱門標籤