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