網(wǎng)頁制作4

1、《網(wǎng)頁制作》實驗指導(dǎo)書第1頁第三章第三章Dreamweaver網(wǎng)頁設(shè)計網(wǎng)頁設(shè)計實驗實驗3.43.4模板的使用模板的使用【相關(guān)知識相關(guān)知識】1.模板是一種特殊的文檔?？梢园凑漳０鍎?chuàng)建新的網(wǎng)頁。模板可以反復(fù)使用，減少了一些重復(fù)的工作，大大提高了網(wǎng)頁制作的效率。而且使網(wǎng)頁具有統(tǒng)一的風(fēng)格。2.模板中應(yīng)包含一個或多個可編輯區(qū)域。使用模板創(chuàng)建網(wǎng)頁后，模板部分不能編輯，只能在可編輯區(qū)域中添加網(wǎng)頁元素。一、實驗?zāi)康暮鸵笠?、實驗?zāi)康暮鸵?.掌握創(chuàng)建模

2、板的方法。2.掌握使用模板創(chuàng)建新文檔的方法。3.掌握在現(xiàn)有文檔上應(yīng)用模板的方法。二、實驗步驟二、實驗步驟1.創(chuàng)建新模板（1）單擊【文件】→【新建】菜單命令，打開【新建文檔】對話框。切換到【常規(guī)】選項卡下。（2）在【類別】列表框中選擇“模板頁”；在【基本頁】列表框中選擇“HTML模板”。（3）單擊【創(chuàng)建】按鈕，新建一個模板。2.編輯模板（1）單擊【常用插入欄】上的【表格】按鈕，打開【表格】對話框。設(shè)置【行數(shù)】為“1”；【列數(shù)】為“1”；【

3、表格寬度】為“700像素”。單擊【確定】按鈕，在網(wǎng)頁上插入一個表格。（2）選中表格，在屬性面板中設(shè)置【背景顏色】為“#00CCFF”；在【對齊】下拉列表中選擇“居中對齊”。（3）將光標(biāo)放在網(wǎng)頁上要插入可編輯區(qū)域的位置上。單擊【插入】→【模板對象】→【可編輯區(qū)域】菜單命令，打開【新建可編輯區(qū)域】對話框。在【名稱】文本框中輸入可編輯區(qū)域的名稱為“EditRegion1”。單擊【確定】按鈕，在網(wǎng)頁上插入一個可編輯區(qū)域。（4）單擊【標(biāo)準(zhǔn)工具欄】

4、上的【保存】按鈕，打開【另存為模板】對話框。在【站點】下拉列表中選擇站點名稱；在【另存為】文本框中輸入模板的名稱為“master”。單擊【確定】按鈕，保存模板。3.使用模板創(chuàng)建新文檔（1）單擊【文件】→【新建】菜單命令，切換到【模板】選項卡下。打開【從模板新建】對話框。（2）在【模板用于】列表中選擇包含模板的站點；在【站點】列表中選擇站點中的模板文件。如果選中【當(dāng)模板改變時更新頁面】復(fù)選項，則保存修改后的模板時，將自動提示更新使用該模板

5、創(chuàng)建的頁面。（3）單擊【創(chuàng)建】按鈕，創(chuàng)建一個基于模板的新文檔。4.在現(xiàn)有文檔上應(yīng)用模板打開要應(yīng)用模板的已有文檔。執(zhí)行以下操作之一：?單擊【修改】→【模板】→【套用模板到頁】菜單命令，打開【選擇模板】對話框。在【站點】《網(wǎng)頁制作》實驗指導(dǎo)書第3頁為“2”。（3）選中拆分后的2個單元格，在屬性面板的【高】處輸入“50像素”。并分別在單元格中輸入“通用”、“大眾”。（4）將光標(biāo)放在第2列的單元格中，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇【表格】

6、→【插入列】菜單命令，在表格中插入一列。在該列第2行、第3行單元格中分別輸入“100”、“200”。（5）將光標(biāo)放在第1行單元格的左側(cè)。當(dāng)鼠標(biāo)變成箭頭形狀時，單擊鼠標(biāo)，選中第1行所有的單元格。單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇【表格】→【合并單元格】菜單命令，將第1行單元格合并。將光標(biāo)放在第1行合并后的單元格中，輸入“汽車分類”。（6）選中表格中的所有單元格，單擊屬性面板中的【居中】按鈕，使單元格中的文字居中對齊。5.設(shè)置表格屬性（1

7、）選中表格，在屬性面板中設(shè)置【邊框顏色】為“#0033FF”；設(shè)置【背景顏色】為“#FFFFCC”。（2）選中第1行的單元格，在屬性面板中單擊【背景】后面的【瀏覽】按鈕，選擇一幅背景圖片。6.自動套用表格樣式（1）單擊【插入】→【表格】菜單命令，或單擊【常用插入欄】上的【表格】按鈕，打開【表格】對話框。（2）在【表格】對話框中，設(shè)置【行數(shù)】為“4”；設(shè)置【列數(shù)】為“2”；設(shè)置【表格寬度】為“200像素”；設(shè)置【邊框粗細】為“0”。（3）

8、單擊【確定】按鈕，插入一個4行2列的表格。（4）在第1列的第14行的單元格中分別輸入“專業(yè)”、“英語”、“會計”、“計算機”。在第2列第14行的單元格中分別輸入“招生人數(shù)”、“50”、“20”、“60”。（5）單擊【命令】→【格式化表格】菜單命令，打開【格式化表格】對話框。從列表中選擇一種表格樣式。單擊【確定】按鈕，將該樣式應(yīng)用到表格上。7.排序表格（1）選中表格，單擊【命令】→【排序表格】菜單命令，打開【排序表格】對話框。（2）在【排

9、序按】下拉列表中選擇“列2”；在【順序】下拉列表中選擇“按數(shù)字順序”，并在后面的下拉列表中選擇“降序”。（3）在【再按】下拉列表中選擇“列1”；在第2個【順序】下拉列表中選擇“按字母順序”，并在后面的下拉列表中選擇“升序”。（4）單擊【排序包含第一行】復(fù)選項，使其不選中。單擊【確定】按鈕，表格自動進行排序?！緦嶒瀸嶒?.62】一、實驗?zāi)康暮鸵笠弧嶒災(zāi)康暮鸵笳莆諏?dǎo)入和導(dǎo)出表格式數(shù)據(jù)的方法。二、實驗步驟二、實驗步驟1.從文本文件中導(dǎo)入