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