第六章第六章 建立表格建立表格 實驗十九實驗十九 在網(wǎng)頁中建立表格在網(wǎng)頁中建立表格 實驗二十實驗二十 統(tǒng)一網(wǎng)頁風格的模板統(tǒng)一網(wǎng)頁風格的模板 表格也是網(wǎng)頁布局的重要元素之一，因其形式簡潔，能夠直觀地反映數(shù)據(jù)在行與列上的關(guān)系，所以使用表格可以制作更清晰的列表效果。實驗目的：要求同學們掌握建立表格的方法，熟悉表格屬性面板的操作，掌握表格模板 的設(shè)定方法以及熟練套用表格模式。實驗原理：表格是網(wǎng)頁中處理數(shù)據(jù)最常用的一種方式，網(wǎng)頁中的表格有HTML的特性，同時增加了許多更吸引人的特點。可以說，表格是整個網(wǎng)頁設(shè)計的精華，它具有輸入數(shù)據(jù)和進行分類列表的功能，當前大型網(wǎng)站幾乎都是用表格來協(xié)助網(wǎng)頁排版的。實驗條件：電腦操作系統(tǒng)Windows XP/2000/98、Dreamweaver 8網(wǎng)頁設(shè)計軟件。實驗十九 在網(wǎng)頁中建立表格 本實驗以制作一個主題為“太陽系行星列表”的表格科普知識網(wǎng)頁為例，針對如何插入與使用表格進行具體講解。實驗內(nèi)容：步驟1 把光標移到要插入表格的位置，選擇插入工具欄中的常用欄中的表格命令，單擊 按鈕，彈出表格對話框。步驟2 選擇需要的行數(shù)、列數(shù)、表格寬度、邊框粗細、單元格邊距、單元格間距的具體數(shù)據(jù)。步驟3 彈出虛線框表格后，在表格內(nèi)輸入文字，并可插入圖片。步驟4 點擊頁面上的表格，下端出現(xiàn)該表格的屬性面板。步驟5 可以在屬性面板選擇需要的背景顏色、背景圖像、邊框顏色、邊框大小、對齊方式等表格的屬性特征。步驟6 單擊鼠標右鍵選擇表格欄中的插入行或列的命令、合并或拆分單元格的命令、刪除行或列的命令，可以改變表格的布局。步驟7 選擇命令菜單欄中的格式化表格命令。步驟8 彈出格式化表格對話框，可以對表格形式進行選擇，然后再點擊確定命令，則格式化表格成功完成。步驟9 單擊F12，在瀏覽器中預覽效果。實驗二十 統(tǒng)一網(wǎng)頁風格的模板 如果網(wǎng)站需要制作大量的相同風格的表格，可以將預先做好的一個表格設(shè)置成模板，套用在網(wǎng)站的所有表格中，從而很好地統(tǒng)一網(wǎng)頁風格。在Dreamweaver中，模板因其可隨時套用而被廣泛運用，具有方便簡捷的特點。實驗內(nèi)容：步驟1 編好了帶有表格的網(wǎng)頁后，選擇文件菜單的另存為模板命令。步驟2 彈出另存為模板對話框，選擇要存儲的地址以及模板文件名稱，單擊保存按鈕，則編輯好的表格被保存為模板。步驟3 選取模板表格中的可編輯區(qū)域，選擇插入菜單欄中的模板對象中的可編輯區(qū)域命令。步驟4 彈出新建可編輯區(qū)域?qū)υ捒?，為選擇好的可編輯區(qū)域命名。步驟5 如果要刪除可編輯區(qū)域，選擇修改菜單的模板中的刪除模板標記命令，則選定的編輯區(qū)域就被撤銷了示。步驟6 對模板進行編輯后，就可以將模板套用于新網(wǎng)頁中了。選擇修改菜單的模板中的套用模板到頁命令。步驟7 彈出選擇模板對話框，選擇被套用模板，單擊選定按鈕，則模板就被套用到新的網(wǎng)頁中了。學習與思考 希望同學們按照以下要求來完善你的個人主頁:1.用表格來表現(xiàn)個人主頁的數(shù)據(jù)方面的內(nèi)容。2.為你的個人主頁設(shè)計一個通用的表格模板。3.將表格模板套用到需要的網(wǎng)頁中。