- 相關(guān)推薦
Dreamweaver表格相關(guān)知識
Dreamweaver表格的使用
1、點(diǎn)擊插入/表格，打開表格面板進(jìn)行設(shè)置。行數(shù)、列數(shù)、寬度、邊框等，“單元格填充”為單元格內(nèi)側(cè)與內(nèi)容的距離；“單元格間距”為單元格之間的距離，單位均為像素。
2、插入表格后，在表格的邊框上點(diǎn)擊一下，可以全選整個(gè)表格。然后在下面的屬性面板里可以進(jìn)行各種設(shè)置。
3、把光標(biāo)移到其中一個(gè)單元格，此時(shí)看到的屬性面板，就是單元格的屬性面板。也可以進(jìn)行各種關(guān)于單元格的.操作。如背景色、背景圖、邊框、合并、拆分等。
Dreamweaver表格的其他操作
1、選中整個(gè)表格，設(shè)置其背景為黑色（該顏色即表格線的顏色）。
2、選中所有單元格，設(shè)置其背景為白色。二自動格式化表格
1、先制作好一張表格，然后選中。
2、選菜單中的命令/格式化表格。即可以其中選擇預(yù)設(shè)好的一些表格樣式。三一像素分割條
1、插入一個(gè)1行1列，寬為200像素，邊框邊距均為0的表格。
2、選中表格，設(shè)置表格高為1像素，并設(shè)置一個(gè)背景色（即所要的`線條顏色）。
3、切換到代碼和設(shè)計(jì)窗口，將代碼刪除
Dreamweaver用表格構(gòu)建完整的頁面
1、創(chuàng)建一個(gè)1行2列，寬為760像素，邊框及邊距均為0的表格。
2、選中表格，設(shè)置排列方式為居中對齊，背景色為#3366CC。
3、將光標(biāo)置于左邊單元格中，設(shè)置其水平排列為左對齊，垂直排列為頂端對齊，然后插入一張圖像，一般在此插入的是網(wǎng)站的圖標(biāo)，即logo。
4、將光標(biāo)置于右邊單元格中，設(shè)置其寬度為500，水平排列為居中對齊，垂直排列為中間，然后插入圖像，一般是網(wǎng)頁廣告，即banner。
5、將光標(biāo)置于剛完成的表格之后，插入/表格，創(chuàng)建一個(gè)1行1列，寬為760像素，邊框及邊距均為0的表格。
6、選中剛創(chuàng)建的表格，設(shè)置排列方式為居中對齊，背景色為#005173。
7、在該表格中依次插入多個(gè)圖像，作為導(dǎo)航條菜單。二網(wǎng)頁中部（左邊欄目列表、中間網(wǎng)站新聞、右邊欄目列表）
1、 在導(dǎo)航條表格后面，插入/表格，創(chuàng)建一個(gè)1行3列，寬為760像素，邊框及邊距均為0的表格。并設(shè)置排列方式為居中對齊，背景色為#FFFFFFF。
2、 將光標(biāo)置于左邊單元格中，設(shè)置其寬度為18%，水平排列為居中對齊，垂直排列為頂端對齊，然后插入一張圖像，插入一個(gè)導(dǎo)航條。
3、 將光標(biāo)置于剛插入的`圖片后，插入/表格，插入一個(gè)12行1列，寬為90%的表格。設(shè)置其單元格間距為1，背景色為#CCCCCC。
4、 將光標(biāo)放在表格第一個(gè)單元中，設(shè)置其高為20，背景色為#FFFFFF。插入/圖像，插入一個(gè)導(dǎo)航文字前面的小點(diǎn)。同樣設(shè)置其他11個(gè)單元格，這樣左邊的欄目分類列表就完成了。
5、 將光標(biāo)置于主體表格的中間單元格中，設(shè)置其寬度為66%，水平排列為居中對齊，垂直排列為頂端對齊，然后插入/圖像，插入一個(gè)導(dǎo)航條。
6、 將光標(biāo)置于圖像后，插入/表格，插入一個(gè)4行1列，寬為95%的表格。設(shè)置其單元格間距為1，背景色為#CCCCCC。
7、 將光標(biāo)置于表格的第一個(gè)單元格中，拖動鼠標(biāo)，將4個(gè)單元格都選中，設(shè)置高為60，背景色為#FFFFFF。
8、 將光標(biāo)置于主體表格右邊的單元格中，設(shè)置其寬度為16%，水平排列為居中對齊，垂直排列為頂端對齊，插入/圖像，插入一個(gè)導(dǎo)航條。
9、 將光標(biāo)置于圖像后，插入/表格，插入一個(gè)7行一列，寬為90%的表格。設(shè)置其間距為1，背景色為#CCCCCC。
10、按住Ctrl鍵，用鼠標(biāo)點(diǎn)擊剛插入的表格的第1、3、5、7單元格，然后設(shè)置它們的高為55，背景色為#FFFFFF。
11、選中第2、4、6單元格，設(shè)置其高為6，背景色為#FFFFFF。
12、切換到源代碼窗口，將第2、4、6單元格中的空格符號“ ”刪除。
【Dreamweaver表格相關(guān)知識】相關(guān)文章：
dreamweaver表格制作步驟04-15
Dreamweaver如何插入表格05-28
Dreamweaver如何繪制視化表格 Dreamweaver繪制視化表格教程01-29
Dreamweaver對于表格操作技巧03-13
利用Dreamweaver處理網(wǎng)頁表格方法01-17
Dreamweaver怎么繪制視化表格04-03
Dreamweaver如何制作可拖動表格08-08
dreamweaver表格表框制作的技巧02-10