第13章使用表格輕松排列和布局網(wǎng)頁元素

第13章使用表格輕松排列和布局網(wǎng)頁元素教學內(nèi)容：表格是網(wǎng)頁設計制作時不可缺少的重要元素。無論用于排列數(shù)據(jù)還是在頁面上對文本進行排版，表格都表現(xiàn)出了強大的功能。它以簡潔明了和高效快捷的方式，將數(shù)據(jù)、文本、圖像、表單等元素有序的顯示在頁面上，從而設計出版式漂亮的網(wǎng)頁。表格最基本的作用就是讓復雜的數(shù)據(jù)變得更有條理，讓人容易看懂，在設計頁面時，往往要利用表格來布局定位網(wǎng)頁元素。通過對本章的學習，應掌握插入表格、設置表格屬性、編輯表格的方法；能夠利用表格布局網(wǎng)頁。

教學重點插入表格和表格元素選擇表格元素表格的基本操作排序及整理表格內(nèi)容利用表格排列數(shù)據(jù)創(chuàng)建細線表格13.1插入表格和表格元素在Dreamweaver中，表格可以用于制作簡單的圖表，還可以用于安排網(wǎng)頁文檔的整體布局，起著非常重要的作用。利用表格設計頁面布局，可以不受分辨率的限制。13.1.1插入表格

在Dreamweaver中插入表格非常簡單，具體操作步驟如下。13.1.2設置表格屬性

直接插入的表格有時并不能讓人滿意，在Dreamweaver中，通過設置表格或單元格的屬性，可以很方便地修改表格的外觀。13.1.3添加內(nèi)容到單元格

插入表格后，就可以直接向表格中添加內(nèi)容了，將光標置于表格的單元格中，分別輸入相應的文字。13.2選擇表格元素要想在文檔中對一個元素進行編輯，那么首先要選中它；同樣，要想對表格進行編輯，首先也要選中它。選擇表格操作可以分為選中整個表格、選中單元格等幾種情況，下面分別進行介紹。13.2.1選取表格選擇整個表格有以下幾種方法。單擊表格線的任意位置。將光標置于表格內(nèi)的任意位置，選擇菜單中的【修改】|【表格】|【選擇表格】命令。將光標放置到表格的左上角，按住鼠標左鍵不放，拖曳鼠標指針到表格的右下角，將整個表格中的單元格選中，單擊鼠標右鍵，在彈出的菜單中選擇【表格】|【選擇表格】選項。將光標放置在表格的任意位置，單擊文檔窗口左下角的<table>標簽，選中表格后，選項控柄就出現(xiàn)在表格的四周，13.2.2選取行或列選擇表格的行或列有以下兩種方法。當鼠標指針位于要選擇行首或列頂時，鼠標指針形狀變成了

箭頭或

箭頭時，單擊鼠標左鍵即可以選中行或列。將光標置于要選擇的行首或列頂，按住鼠標左鍵不放從左至右拖曳或者從上至下拖曳，即可選中行或者列。13.2.3選取單元格選擇一個單元格有以下幾種方法。選取單個單元格的方法是在要選擇的單元格中單擊鼠標左鍵，并拖曳鼠標至單元格末尾。按住<Ctrl>鍵，然后單擊單元格可以將其選中。將光標放置在單元格中，單擊文檔窗口左下角的<td>標簽。13.3表格的基本操作選擇了表格后，便可以通過剪切、復制和粘貼等一系列的操作實現(xiàn)對表格的編輯操作。表格的行數(shù)、列數(shù)可以通過增加、刪除行和列及拆分、合并單元格來改變。13.3.1調(diào)整表格和單元格的大小

調(diào)整表格的高度和寬度時，表格中所有單元格將按比例相應改變大小。13.3.2添加或刪除行或列

在已創(chuàng)建的表格內(nèi)增加行、列，要先將光標放置在要插入行、列的單元格中，然后通過以下方法增加。13.3.3拆分單元格拆分單元格有以下幾種方法。將光標放置在要拆分的單元格中，選擇菜單中的【修改】|【表格】|【拆分單元格】命令，打開【拆分單元格】對話框，在對話框中進行相應的設置，單擊【確定】按鈕，即可拆分單元格。將光標放置在要拆分的單元格中，單擊鼠標右鍵，在彈出的菜單中選擇【表格】|【拆分單元格】選項，打開【拆分單元格】對話框，也可以拆分單元格。將光標放置在需要拆分的單元格中，在【屬性】面板中單擊【拆分單元格為行或列】按鈕，打開【拆分單元格】對話框，也可以拆分單元格。13.3.4合并單元格

合并單元格有以下幾種方法。選中要合并的單元格，選擇菜單中的【修改】|【表格】|【合并單元格】命令，即可將選中的單元格合并。選中合并的單元格，單擊鼠標右鍵，在彈出的菜單中選擇【表格】|【合并單元格】選項，即可合并單元格。選中合并的單元格，在【屬性】面板中單擊【合并所選單元格，使用跨度】按鈕，即可將選中的單元格合并。13.4排序及整理表格內(nèi)容DreamweaverCC提供了導入表格式數(shù)據(jù)和表格排序功能，使用這兩個功能可以整理表格內(nèi)的數(shù)據(jù)。13.4.1導入表格式數(shù)據(jù)在Dreamweaver中，可以將其他應用軟件制作完成后的表格數(shù)據(jù)導入到網(wǎng)頁中，導入的數(shù)據(jù)要具有制表符、逗號、分號、引號或者其他定界符。具體操作步驟如下。13.4.2排序表格

如果想要使輸入的表格數(shù)據(jù)有一定的規(guī)律性，在Dreamweaver中可以對其進行排序，具體操作步驟如下。13.5實戰(zhàn)

表格無疑是網(wǎng)頁制作中最為重要的一個對象，因為通常網(wǎng)頁都是依靠表格來排列數(shù)據(jù)的，它直接決定了網(wǎng)頁是否美觀、內(nèi)容組織是否清晰。合理地利用表格可以方