用DreamweaverMX輕松操作表格DW教程

用DreamweaverMX輕松操作表格DW教程網(wǎng)頁(yè)制作中是免不了與表格打交道的。表格是網(wǎng)頁(yè)制作的基礎(chǔ)，在網(wǎng)頁(yè)布局中起著舉足輕重的作用，熟練掌握表格的操作，是你制作網(wǎng)頁(yè)的輔路石，也是你成為''織網(wǎng)高手〃的敲門磚。一、調(diào)整表格的尺寸1、 等比例調(diào)整行、列的寬度選定表格，在表格的右邊框、底邊框及右下角各出現(xiàn)三個(gè)黑色方塊，稱為選擇手柄，拖動(dòng)選擇手柄即可調(diào)整表格的大小，此時(shí)表格的行或列寬度等比例調(diào)整。2、 設(shè)置行、列的寬度如圖1所示，如果要實(shí)現(xiàn)第一行行高的增加，可采取如下三種方法實(shí)現(xiàn)：同Word的表格操作相似，向下拖動(dòng)表格中兩行間的邊框來(lái)增加行高；選中第一行即①、②兩個(gè)單元格，在單元格屬性面板的?！ㄓ蛑休斎肽骋粩?shù)據(jù)如30，如圖2所示，行高增加；只選中第一行中①或②中一個(gè)單元格，執(zhí)行第二種方法操作。上面三種方法雖然實(shí)現(xiàn)了同樣的目的，但分析它們的源代碼是不同的。第一、二兩種方法的源代碼是：tr>tdheight="30"></td>tdheight="30"></td>/tr>而第三種方法的源代碼是：tr>tdheight="30"></td>td></td>/tr>比較發(fā)現(xiàn)前兩種方法比第三種方法源代碼中多了height="30”，這多出的height="30”稱為垃圾代碼，會(huì)增大網(wǎng)頁(yè)文件的大小，這在網(wǎng)頁(yè)制作中是禁止出現(xiàn)的。由此得出在調(diào)整行、列寬度時(shí)使用第三種方法效果最佳，雖然通過(guò)拖動(dòng)邊框更方便行、列寬度的調(diào)整，但這屬于''違法〃行為。如果你已經(jīng)實(shí)施了前兩種方法，產(chǎn)生了大量的垃圾代碼，如何解決呢？3、清除多余行高或列寬既然產(chǎn)生了垃圾代碼，那么進(jìn)入代碼編輯窗口中將垃圾代碼刪除就可以了，不過(guò)還有更快捷的方法：選中表格，單擊表格屬性面板中的''清除行高〃與''清除列寬〃兩個(gè)按鈕可迅速將垃圾代碼刪除，如圖3所示。提示：慎用''清除列寬〃按鈕，應(yīng)用之后會(huì)使表格寬度減小，影響網(wǎng)頁(yè)的布局等。二、 插入行或列1、 利用屬性面板。選中表格，在表格屬性面板中"Rows'、域中輸入大于現(xiàn)有行數(shù)(如3)的數(shù)值，如5,則表格在其下方將插入2行(5—3=2)，若輸入的數(shù)值小于3如2,則在表格中將刪除一行。如圖4所示。插入或刪除列的操作同樣。2、 利用快捷鍵。利用屬性面板插入行或列只能在表格的底部或右端進(jìn)行操作，如果要在任意位置進(jìn)行，使用快捷鍵即可。“Ctrl+M”快捷鍵可在當(dāng)前行上方插入一行，而按下快捷鍵'Ctrl+Shift+A〃可在當(dāng)前列前插入一列。3、 利用復(fù)制操作。選中一行或多行，選擇右鍵菜單的''拷貝〃命令，再單擊右鍵菜單的''粘貼〃命令，即可插入行，重復(fù)進(jìn)行可迅速插入多行。三、 刪除行或列1、 選中整行或整列，按下''Delete〃鍵即可。2、 按下Ctrl+Shift+M組合鍵刪除當(dāng)前行。3、 利用表格的屬性面板。四、 合并、拆分單元格在DreamweaverMX表格中合并、拆分單元格同Word中合并、拆分單元格操作方法相同。在單元格屬性面板中，有兩個(gè)按鈕:''合并單元格〃按鈕和''拆分單元格〃按鈕，如圖5所示。合并、拆分單元格就是利用這兩個(gè)按鈕實(shí)現(xiàn)的。五、快速平均分布各行或各列在制作網(wǎng)頁(yè)導(dǎo)航欄時(shí)，需要表格中所有列寬度一致，如果是新插入表格，則非常容易實(shí)現(xiàn)，若已有表格的各列寬度不一樣，如何快速調(diào)整到寬度一致呢？1、 首先選中行中所有單元格，單擊屬性面板中的'合并單元格〃按鈕，將所有單元格合并，再單擊屬性面板中的''拆分單元格〃按鈕，在彈出的''拆分單元格〃對(duì)話框中輸入要拆分的列數(shù)，''確定〃后拆分的各列列寬是一致的。2、 刪除單元格中所有內(nèi)容，單擊表格屬性面板上的、'清除列寬〃按鈕，清除了多余代碼，保證了列寬相同，再通過(guò)拖動(dòng)表格''選擇手柄〃或在屬性面板中、'可〃