《網(wǎng)頁制作基礎(chǔ)》演示幻燈片

1、第六章第六章 使用模板和庫項(xiàng)目使用模板和庫項(xiàng)目 第一節(jié)第一節(jié) 創(chuàng)建模板創(chuàng)建模板 第二節(jié)第二節(jié) 設(shè)置模板設(shè)置模板 第三節(jié)第三節(jié) 應(yīng)用模板應(yīng)用模板 第四節(jié)第四節(jié) 使用庫項(xiàng)目使用庫項(xiàng)目 第五節(jié)第五節(jié) 上機(jī)練習(xí)上機(jī)練習(xí) 本章小結(jié)本章小結(jié) 習(xí)題六習(xí)題六 第一節(jié) 創(chuàng)建模板 一個(gè)網(wǎng)站中的頁面往往具有相同的結(jié)構(gòu)和統(tǒng)一風(fēng)格，為 了提高工作效率，在Dreamweaver中提供了模板和庫。模 板由可編輯區(qū)域和不可編輯區(qū)域兩部分組成：不可編輯區(qū)域 的內(nèi)容通常不可以改變，它一般是網(wǎng)頁標(biāo)題、導(dǎo)航條和框架 結(jié)構(gòu)等；可編輯區(qū)域的內(nèi)容是可以更改的，它一般是網(wǎng)頁中 經(jīng)常需要更新的部分，如每日新聞、最新列表等。 對(duì)模板的操作基本都

2、可以在資源面板中完成，選擇“窗 口”“資源”命令，打開資源面板，如圖6.1.1所示。 圖6.1.1 資源面板 該面板包括4個(gè)部分，現(xiàn)分別介紹如下： （1）該面板的上半部分是模板預(yù)覽窗口，用來顯示選 定模板的內(nèi)容。 （2）該面板的下半部分是模板列表框，用來顯示該站 點(diǎn)內(nèi)模板文件的名稱、大小等相關(guān)信息。 （3）該面板左側(cè)是類別列表，有圖像、顏色、超鏈接、 Flash、Shockwave、影片、腳本、模板和庫9種類別，單擊 對(duì)應(yīng)的按鈕可切換其類別。 （4）該面板頂部的單選按鈕用于選擇該面板左側(cè)的不 同類型的文件是出現(xiàn)在站點(diǎn)中，還是在“我的收藏”文件 夾中。 一、模板的創(chuàng)建一、模板的創(chuàng)建 模板的創(chuàng)建可

3、通過直接創(chuàng)建或?qū)⒕W(wǎng)頁另存為模板兩種方 法來實(shí)現(xiàn)。 1直接創(chuàng)建模板 （1）選擇“窗口”“資源”命令，打開資源面板。 （2）單擊資源面板中的“模板”按鈕，將該面板的 類別切換到模板類型，如圖6.1.2所示。 圖6.1.2 資源面板 （3）單擊該面板上的“擴(kuò)展”按鈕，在彈出的下拉 菜單中選擇“新建模板”命令，則新建一個(gè)模板文件，其名 稱為可編輯狀態(tài)。 （4）在該面板中為該模板文件命名。 （5）單擊該面板底部的“編輯”按鈕，可打開該模 板。 2將網(wǎng)頁另存為模板 （1）打開需要將其設(shè)置為模板的網(wǎng)頁。 （2）刪除網(wǎng)頁中需要更改內(nèi)容的區(qū)域，保留固定不變 的區(qū)域。 （3）為該網(wǎng)頁設(shè)置可編輯區(qū)域。 （4）選擇“

4、文件”“另存為模板”命令，彈出“另 存模板”對(duì)話框，如圖6.1.3所示。 設(shè)置可編輯區(qū)域是為網(wǎng)頁分配可以更改的區(qū)域，其設(shè) 置方法將在以后的學(xué)習(xí)中進(jìn)行講解。 （5）在該對(duì)話框中進(jìn)行參數(shù)設(shè)置，并為該模板命名。 （6）單擊“保存”按鈕即可。 二、創(chuàng)建嵌套模板二、創(chuàng)建嵌套模板 在網(wǎng)頁設(shè)計(jì)中為了更加精確地布置頁面，往往會(huì)使用嵌 套模板，嵌套模板是通過另存為一個(gè)基本模板來實(shí)現(xiàn)的。 （1）選擇“窗口”“資源”命令，在打開的資源面板 中單擊“模板”按鈕，將該面板的類別切換到模板類型。 （2）在該面板中選中需要插入嵌套模板的模板，單擊 該面板中的“擴(kuò)展”按鈕，在彈出的下拉菜單中選擇“從 模板新建”命令，得到一個(gè)

5、從該模板創(chuàng)建的網(wǎng)頁。 （3）選擇“插入”“模板對(duì)象”“創(chuàng)建嵌套模板” 命令，彈出“另存模板”對(duì)話框，如圖6.1.4所示。 圖6.1.3 “另存模板”對(duì)話框 圖6.1.4 “另存模板”對(duì)話框 （4）在該對(duì)話框中的“另存為：”文本框中輸入嵌套 模板的名稱，單擊“保存”按鈕可將新建的網(wǎng)頁自動(dòng)轉(zhuǎn)換為 模板。 （5）將鼠標(biāo)光標(biāo)置于該模板中需要插入嵌套模板的可 編輯區(qū)域內(nèi)。 （6）在該區(qū)域插入可編輯區(qū)域等其他的內(nèi)容。 （7）選擇“文件”“保存”命令，將設(shè)置的內(nèi)容保存。 注意：模板文件的后綴名是.dwt的文件。 第二節(jié) 設(shè)置模板 對(duì)于創(chuàng)建好的模板，還需要對(duì)其進(jìn)行設(shè)置，該操作包括 在模板中設(shè)置可編輯區(qū)域、可編

6、輯標(biāo)簽屬性和重復(fù)區(qū)域等。 一、設(shè)置可編輯區(qū)域一、設(shè)置可編輯區(qū)域 模板由可編輯區(qū)域和不可編輯區(qū)域兩部分組成，直接創(chuàng) 建的模板所建立的網(wǎng)頁是不可以進(jìn)行編輯的，要利用模板創(chuàng) 建網(wǎng)頁必須在模板中設(shè)置可編輯區(qū)域。設(shè)置可編輯區(qū)域包括 創(chuàng)建可編輯區(qū)域和刪除可編輯區(qū)域兩部分內(nèi)容。 1創(chuàng)建可編輯區(qū)域 在網(wǎng)頁中創(chuàng)建可編輯區(qū)域可分為兩種情況：一種是在頁 面中插入一個(gè)空的可編輯區(qū)域；另一種是將頁面中已有的部 分內(nèi)容轉(zhuǎn)換為可編輯區(qū)域。 （1）插入空的可編輯區(qū)域的方法如下： 1）將鼠標(biāo)光標(biāo)置于頁面中需要插入可編輯區(qū)域的位置。 2）選擇“插入”“模板對(duì)象”“可編輯區(qū)域”命令， 在彈出的“新建可編輯區(qū)域”對(duì)話框中為插入的區(qū)域

7、命名， 單擊“確定”按鈕即可，如圖6.2.1所示。 圖6.2.1 “新建可編輯區(qū)域”對(duì)話框 （2）將頁面中已有的一部分內(nèi)容轉(zhuǎn)換為可編輯區(qū)域的 方法如下： 1）在頁面中選擇要設(shè)置為可編輯區(qū)域的內(nèi)容。 2）選擇“插入”“模板對(duì)象”“可編輯區(qū)域”命令， 在彈出的“新建可編輯區(qū)域”對(duì)話框中為插入的區(qū)域命名， 單擊“確定”按鈕即可。 注意：定義了可編輯區(qū)域的對(duì)象后，在該對(duì)象插入可編 輯區(qū)域的位置將出現(xiàn)一個(gè)藍(lán)色的標(biāo)簽，標(biāo)簽上顯示的文字是 該區(qū)域的名稱，單擊標(biāo)簽可選中該區(qū)域。 2刪除可編輯區(qū)域 刪除可編輯區(qū)域的方法如下： （1）將鼠標(biāo)光標(biāo)置于需要?jiǎng)h除的可編輯區(qū)域內(nèi)。 （2）選擇“修改”“模板”“刪除模板標(biāo)記

8、”命令， 則光標(biāo)所在的可編輯區(qū)域?qū)⒈粍h除。 二、設(shè)置可編輯標(biāo)簽屬性二、設(shè)置可編輯標(biāo)簽屬性 設(shè)置可編輯標(biāo)簽屬性是指將網(wǎng)頁一些標(biāo)簽的屬性設(shè)置為 可編輯狀態(tài)，從而在使用模板的時(shí)候，可對(duì)這些屬性進(jìn)行修 改，如將網(wǎng)頁背景圖像設(shè)置為可編輯狀態(tài)，這樣由模板創(chuàng)建 的網(wǎng)頁，其背景圖像也可以替換。設(shè)置可編輯標(biāo)簽屬性包括 創(chuàng)建可編輯標(biāo)簽屬性和使可編輯標(biāo)簽屬性不可編輯兩部分 內(nèi)容。 1創(chuàng)建可編輯標(biāo)簽的屬性 創(chuàng)建可編輯標(biāo)簽屬性的方法如下： （1）打開需要設(shè)置標(biāo)簽的模板。 （2）在文檔編輯窗口的狀態(tài)欄中單擊需要?jiǎng)?chuàng)建可編輯 屬性的標(biāo)簽。 （3）選擇“修改”“模板”“令屬性可編輯”命令， 彈出“可編輯標(biāo)簽屬性”對(duì)話框，如圖6

9、.2.2所示。 圖6.2.2 “可編輯標(biāo)簽屬性”對(duì)話框 （4）在該對(duì)話框中的“屬性：”下拉列表中選擇要編 輯的屬性，如果要編輯的屬性不在該下拉列表中，可單擊 其后的“添加”按鈕將其添加進(jìn)入。 （5）選中“令屬性可編輯”復(fù)選框，則其下的各個(gè)選 項(xiàng)為可編輯狀態(tài)。 （6）在“標(biāo)簽”文本框中為該屬性命名，命名的規(guī)則 與框架命名規(guī)則相同。 （7）在“類型”下拉列表中選擇編輯該屬性的值的類 型，它有以下5種類型： 1）文本：選擇此項(xiàng)，可讓用戶為屬性輸入文本值。例 如，使用帶有align屬性的文本，就可以將該屬性的值設(shè)置為 左對(duì)齊、右對(duì)齊或居中對(duì)齊。 2）URL：選擇該選項(xiàng)，可允許設(shè)置網(wǎng)頁中插入元素的 鏈接

10、。例如，修改頁面中插入圖像的文件路徑。 3）顏色：選擇該選項(xiàng)，可使用顏色面板選擇顏色，例 如，允許設(shè)置網(wǎng)頁、表格等對(duì)象的顏色。 4）真/假：選擇該選項(xiàng)，可設(shè)置對(duì)象是否可用。 5）數(shù)字：選擇該選項(xiàng)，可讓模板的使用者輸入數(shù)值以更 新屬性，如更改圖像的高度或?qū)挾戎怠?（8）在“默認(rèn)”文本框中設(shè)置由模板生成網(wǎng)頁的默認(rèn)值。 2使可編輯標(biāo)簽屬性不可編輯 對(duì)于設(shè)置為可編輯屬性的標(biāo)簽，如果不再需要還可以再 將其設(shè)置為不可編輯狀態(tài)，其方法如下： （1）在文檔窗口的狀態(tài)欄中選中要設(shè)置為不可編輯狀 態(tài)的標(biāo)簽。 （2）選擇“修改”“模板”“令屬性可編輯”命令， 彈出“可編輯標(biāo)簽屬性”對(duì)話框，在該對(duì)話框中的“屬性” 下

11、拉列表中選擇要設(shè)置為不可編輯狀態(tài)的屬性。 （3）將該對(duì)話框中的“令屬性可編輯”復(fù)選框設(shè)置為 未選中狀態(tài)即可。 三、設(shè)置重復(fù)區(qū)域三、設(shè)置重復(fù)區(qū)域 重復(fù)區(qū)域是指在文檔內(nèi)可重復(fù)添加的區(qū)域，其創(chuàng)建方 法如下： （1）打開需要?jiǎng)?chuàng)建重復(fù)區(qū)域的模板，在文檔窗口中選中 需要插入重復(fù)區(qū)域的對(duì)象。 （2）選擇“插入”“模板對(duì)象”“重復(fù)區(qū)域”命令， 則文檔中將出現(xiàn)一個(gè)淡藍(lán)色的標(biāo)簽，標(biāo)簽上顯示的是重復(fù)區(qū) 域的名稱，如圖6.2.3所示。 （3）將鼠標(biāo)光標(biāo)置于插入的重復(fù)區(qū)域標(biāo)簽內(nèi)，選擇“插 入”“模板對(duì)象”“可編輯區(qū)域”命令，在重復(fù)區(qū)域內(nèi)創(chuàng)建 可編輯區(qū)域，如圖6.2.4所示。 圖6.2.3 插入重復(fù)區(qū)域 圖6.2.4 插

12、入可編輯區(qū)域 （4）選擇“窗口”“資源”命令，在打開的資源面板 中單擊“模板”按鈕，將該面板的類別切換到模板類型。 （5）在該面板中選擇插入了重復(fù)區(qū)域的模板，單擊該 面板上的“擴(kuò)展”按鈕，在彈出的下拉菜單中選擇“從模 板新建”命令，得到一個(gè)從該模板創(chuàng)建的網(wǎng)頁。 （6）在模板創(chuàng)建的網(wǎng)頁的重復(fù)區(qū)域標(biāo)簽旁邊則出 現(xiàn)按鈕，如圖6.2.5所示。 （7）單擊重復(fù)區(qū)域標(biāo)簽旁的按鈕，可添加重復(fù)的內(nèi) 容，如圖6.2.6所示。單擊按鈕可刪除重復(fù)區(qū)域添加的內(nèi) 容。單擊和按鈕可移動(dòng)重復(fù)區(qū)域添加的內(nèi)容的位置。 圖6.2.5 在普通網(wǎng)頁中查看重復(fù)區(qū)域 圖6.2.6 添加重復(fù)的內(nèi)容 （8）在插入了重復(fù)區(qū)域的模板中單擊重復(fù)區(qū)

13、域的標(biāo)簽， 選擇“修改”“模板”“刪除模板標(biāo)記”命令可刪除該重 復(fù)區(qū)域。 注意：重復(fù)區(qū)域不是可編輯區(qū)域，若要使重復(fù)區(qū)域的 內(nèi)容可編輯，則必須在重復(fù)區(qū)域內(nèi)插入可編輯區(qū)域。 四、設(shè)置重復(fù)表格四、設(shè)置重復(fù)表格 設(shè)置重復(fù)表格就是設(shè)置一個(gè)可以隨意重復(fù)使用的行， 其創(chuàng)建步驟如下： （1）打開需要插入重復(fù)表格的模板。 （2）將鼠標(biāo)光標(biāo)置于需要插入重復(fù)行的位置上，選擇 “插入”“模板對(duì)象”“重復(fù)表格”命令，彈出“插入重 復(fù)表格”對(duì)話框，如圖6.2.7所示。 圖6.2.7 “插入重復(fù)表格”對(duì)話框 （3）在該對(duì)話框中對(duì)表格的行數(shù)、列數(shù)、表格寬度、 邊框粗細(xì)、單元格邊距和單元格間距進(jìn)行設(shè)置。 （4）在“起始行”和“

14、結(jié)束行”文本框中設(shè)置插入的 重復(fù)行中可編輯區(qū)域的起止位置，在“起始行”文本框中設(shè) 置為包括在重復(fù)區(qū)域內(nèi)的第一行，在“結(jié)束行”文本框中設(shè) 置包括在重復(fù)區(qū)域內(nèi)的最后一行。 （5）在“區(qū)域名稱”的文本框中輸入插入重復(fù)表格中 重復(fù)區(qū)域的名稱，單擊“確定”按鈕，則在該模板中插入一 個(gè)重復(fù)表格，如圖6.2.8所示。 （6）在打開的資源面板中選擇模板類型，單擊該面板 上的“擴(kuò)展”按鈕，在彈出的下拉菜單中選擇“從模板新 建”命令，得到一個(gè)從該模板創(chuàng)建的網(wǎng)頁。 （7）在該網(wǎng)頁中添加表格重復(fù)的行。 圖6.2.8 插入重復(fù)表格 第三節(jié) 應(yīng)用模板 創(chuàng)建的模板最終還是要應(yīng)用在網(wǎng)頁中，應(yīng)用模板制作網(wǎng) 頁可分為兩種情況：一

15、種是由模板開始新建網(wǎng)頁；另一種是 為已有的網(wǎng)頁套用模板。利用模板制作網(wǎng)頁最大的好處就是 對(duì)模板進(jìn)行修改后，可通過更新，使應(yīng)用了該模板的頁面都 發(fā)生相應(yīng)的變化。 一、由模板新建網(wǎng)頁一、由模板新建網(wǎng)頁 利用模板制作網(wǎng)頁的方法如下： （1）選擇“窗口”“資源”命令，打開資源面板。 （2）在打開的資源面板中單擊“模板”按鈕，將該 面板的類別切換到模板類型。 （3）在該面板中選擇要應(yīng)用的模板。 （4）用鼠標(biāo)右鍵單擊該面板中選中的模板，在彈出的 快捷菜單中選擇“從模板新建”命令，則可得到一個(gè)由模 板生成的網(wǎng)頁，在該網(wǎng)頁中只能對(duì)可編輯區(qū)域進(jìn)行編輯。 二、為已有的網(wǎng)頁套用模板二、為已有的網(wǎng)頁套用模板 為已有的

16、網(wǎng)頁套用模板的方法如下： （1）打開要應(yīng)用模板的網(wǎng)頁。 （2）選擇“修改”“模板”“應(yīng)用模板到頁”命令， 彈出“選擇模板”對(duì)話框，如圖6.3.1所示。 圖6.3.1 “選擇模板”對(duì)話框 （3）在“站點(diǎn)”下拉列表中選擇要使用的模板所在的 站點(diǎn)。 （4）在“模板”列表框中選擇要使用的模板。 （5）單擊“選定”按鈕，彈出“不一致的區(qū)域名稱”對(duì) 話框，如圖6.3.2所示。 圖6.3.2 “不一致的區(qū)域名稱”對(duì)話框 （6）在該對(duì)話框中的“將內(nèi)容移到區(qū)域：”下拉列表中 選擇將該網(wǎng)頁的內(nèi)容插入到要應(yīng)用的模板的哪個(gè)可編輯區(qū)域。 （7）單擊“確定”按鈕則該網(wǎng)頁就應(yīng)用了已有的模板。 注意：如果覺得該網(wǎng)頁應(yīng)用的模板

17、不合適，可選擇“編 輯”“撤消應(yīng)用模板”命令對(duì)其進(jìn)行刪除。需要對(duì)模板中的 不可編輯區(qū)域進(jìn)行編輯，可選擇“修改”“模板”“從模板 中分離”命令，將該網(wǎng)頁與模板進(jìn)行分離，使之成為普通網(wǎng) 頁。 三、更新應(yīng)用模板的網(wǎng)頁三、更新應(yīng)用模板的網(wǎng)頁 對(duì)模板進(jìn)行修改之后，接下來就需要對(duì)所有應(yīng)用了該模 板的網(wǎng)頁進(jìn)行更新，其方法如下： （1）對(duì)模板修改完成之后，選擇“修改”“模 板”“更新頁面”命令，彈出“更新頁面”對(duì)話框，如圖 6.3.3所示。 圖6.3.3 “更新頁面”對(duì)話框 （2）如果在該對(duì)話框中的“查看：”下拉列表中選擇 “整個(gè)站點(diǎn)”選項(xiàng)，則在其后的下拉列表中要選擇更新哪個(gè) 站點(diǎn)中使用模板生成的網(wǎng)頁，如果在

18、該對(duì)話框中的“查看：” 下拉列表中選擇“文件使用”選項(xiàng)，則在其后的下拉列表中 選擇要更新哪個(gè)模板生成的網(wǎng)頁。 （3）在“更新”選項(xiàng)區(qū)中設(shè)置更新的對(duì)象是模板還是庫。 （4）選中“顯示記錄”復(fù)選框可顯示更新頁面時(shí)相關(guān)的 文件信息。 第四節(jié) 使用庫項(xiàng)目 庫項(xiàng)目是一種特殊的Dreamweaver 文件，通過庫項(xiàng)目 可存儲(chǔ)各種各樣的網(wǎng)頁元素，如圖像、表格和Flash等。在 制作不同布局的網(wǎng)頁時(shí)常常碰到需要重復(fù)制作的部分，如 版權(quán)內(nèi)容等，對(duì)于這些元素用戶可將其轉(zhuǎn)換為庫項(xiàng)目放置 在庫中，在使用時(shí)將其調(diào)出插入到其他網(wǎng)頁之中即可。 庫項(xiàng)目存儲(chǔ)在每個(gè)站點(diǎn)根目錄下的Library子目錄中， 庫項(xiàng)目的擴(kuò)展名為.lbi

19、。和模板一樣，如果對(duì)庫中的庫項(xiàng)目 進(jìn)行修改，使用庫項(xiàng)目的網(wǎng)頁也將發(fā)生相應(yīng)的改變。 一、創(chuàng)建庫項(xiàng)目一、創(chuàng)建庫項(xiàng)目 庫項(xiàng)目的大部分操作可在庫面板中完成，選擇“窗 口”“資源”命令，在打開的資源面板中單擊“庫”按鈕 ，可將該面板的類別切換到庫類型，如圖6.4.1所示。 庫面板上方為預(yù)覽窗口，用于預(yù)覽選中的庫項(xiàng)目的外 觀，該面板下方為庫項(xiàng)目列表，用于顯示庫中各項(xiàng)目的 名稱。 圖6.4.1 切換到庫類型的資源面板 創(chuàng)建庫項(xiàng)目可在該面板中創(chuàng)建一個(gè)新的庫項(xiàng)目或?qū)⒁?有網(wǎng)頁中的某些對(duì)象轉(zhuǎn)換為庫項(xiàng)目來實(shí)現(xiàn)。 1創(chuàng)建新的庫項(xiàng)目 創(chuàng)建新的庫項(xiàng)目的方法如下： （1）選擇“窗口”“資源”命令，在打開的資源面 板中單擊“

20、庫”按鈕，將該面板的類別切換到庫類型。 （2）單擊該面板底部的“新建庫項(xiàng)目”按鈕，則得 到一個(gè)庫項(xiàng)目，其名稱處于可編輯狀態(tài)。 （3）為創(chuàng)建的該庫項(xiàng)目命名。 （4）雙擊該庫項(xiàng)目，在打開的庫項(xiàng)目窗口中對(duì)其進(jìn)行 編輯即可。 2將網(wǎng)頁中的對(duì)象轉(zhuǎn)換為庫項(xiàng)目 將網(wǎng)頁中的已有對(duì)象轉(zhuǎn)換為庫項(xiàng)目的方法如下： （1）選中網(wǎng)頁中需要轉(zhuǎn)換為庫項(xiàng)目的對(duì)象。 （2）選擇“插入”“庫”“增加對(duì)象到庫”命令， 則該對(duì)象可自動(dòng)轉(zhuǎn)換為庫項(xiàng)目并出現(xiàn)在資源面板中的庫類 型中。 （3）在資源面板中為轉(zhuǎn)換的庫項(xiàng)目命名。 二、使用庫項(xiàng)目二、使用庫項(xiàng)目 對(duì)于創(chuàng)建的庫項(xiàng)目可將其作為對(duì)象插入到網(wǎng)頁中，其 插入方法如下： （1）將鼠標(biāo)光標(biāo)置于網(wǎng)頁

21、中需要插入庫項(xiàng)目的位置。 （2）在資源面板的庫類型列表中選擇需要使用的庫 項(xiàng)目。 （3）單擊該面板底部的“插入”按鈕即可。 三、更新庫項(xiàng)目三、更新庫項(xiàng)目 對(duì)庫中的庫項(xiàng)目進(jìn)行修改后，則需要對(duì)使用了庫項(xiàng)目的 所有的網(wǎng)頁進(jìn)行更新，其方法如下： （1）在資源面板中的庫類型列表中選擇需要修改的庫 項(xiàng)目。 （2）雙擊該庫項(xiàng)目，打開該庫項(xiàng)目的編輯窗口。 （3）在該窗口中對(duì)庫項(xiàng)目進(jìn)行修改。 （4）選擇“文件”“保存”命令對(duì)所進(jìn)行的修改進(jìn)行 保存，則會(huì)彈出“更新庫項(xiàng)目”對(duì)話框，如圖6.4.2所示。 （5）單擊該對(duì)話框中的“更新”按鈕可將所做的修改 應(yīng)用到插入了該庫項(xiàng)目的網(wǎng)頁中。單擊“不更新”按鈕則不 更新應(yīng)用了

22、該庫項(xiàng)目的網(wǎng)頁。 圖6.4.2 “更新庫項(xiàng)目”對(duì)話框 第五節(jié) 上機(jī)練習(xí) 本節(jié)將通過制作一個(gè)模板來幫助用戶掌握本章講述的 內(nèi)容。 （1）選擇“窗口”“資源”命令，在打開的資源面板 中單擊“模板”按鈕，將該面板的類別切換到模板類型。 （2）單擊該面板上的“擴(kuò)展”按鈕，在彈出的下拉 菜單中選擇“新建模板”命令，則得到一個(gè)模板，將其命 名 為“company”。 （3）單擊該面板底部的“編輯”按鈕，打開該模板 的編輯窗口。 （4）選擇“修改”“頁面屬性”命令，在彈出的“頁 面屬性”對(duì)話框中的“分類”選項(xiàng)區(qū)中選擇“外觀”選項(xiàng)， 設(shè)置背景顏色為#6B849B，文本顏色為#202B3F，字體大小 為9點(diǎn)，具

23、體參數(shù)設(shè)置如圖6.5.1所示。 圖6.5.1 “頁面屬性”對(duì)話框 （5）選擇“插入”“表格”命令，在彈出的“表格” 對(duì)話框中插入一個(gè)2行2列的表格，設(shè)置“表格寬度”為650， “邊框粗細(xì)”為0，“單元格邊距”為0，“單元格間距”為 0，具體設(shè)置如圖6.5.2所示。 圖6.5.2 “表格”對(duì)話框 （6）確定該表格為選中狀態(tài)，在其屬性面板中設(shè)置其對(duì) 齊方式為居中對(duì)齊。 （7）選中該表格的第二行，單擊其屬性欄中的“合并所 選單元格”按鈕，將該行所有單元格合并，如圖6.5.3所示。 圖6.5.3 合并單元格 （8）將鼠標(biāo)光標(biāo)置于該表格第一行的第一個(gè)單元格內(nèi)， 選擇“插入”“圖像”命令，在彈出的“選擇圖

24、像源文件” 對(duì)話框中選擇插入的圖像，如圖6.5.4所示。 圖6.5.4 插入圖像 （9）將鼠標(biāo)光標(biāo)置于該表格第一行的第二個(gè)單元格內(nèi)， 在其屬性面板中設(shè)置該單元格在水平方向和垂直方向上的對(duì) 齊方式為居中對(duì)齊，并設(shè)置其背景顏色為#CCCCCC，如圖 6.5.5所示。 圖6.5.5 單元格屬性面板 （10）確定鼠標(biāo)光標(biāo)的位置不變，選擇“插入”“表 格”命令，在彈出的“表格”對(duì)話框中插入一個(gè)5行1列的 表格，設(shè)置“表格寬度”為76，“邊框粗細(xì)”為0，“單元 格邊距”為0，“單元格間距”為0，具體設(shè)置如圖6.5.6所 示。 圖6.5.6 “表格”對(duì)話框 （11）在步驟（10）中插入的表格中輸入文字，如圖

25、 6.5.7所示。 圖6.5.7 輸入文字 （12）將鼠標(biāo)光標(biāo)置于該表格第二行的單元格內(nèi)，在 其屬性面板中設(shè)置其背景顏色為#CCCCCC。 （13）確定鼠標(biāo)光標(biāo)的位置不變，選擇“插入”“表 格”命令，在彈出的“表格”對(duì)話框中插入一個(gè)1行8列的 表格，設(shè)置“表格寬度”為650，“邊框粗細(xì)”為1，“單 元格邊距”為2，“單元格間距”為0，具體設(shè)置如圖6.5.8 所示。 圖6.5.8 “表格”對(duì)話框 （14）在步驟（13）中插入的表格中輸入文字，并設(shè)置 該文字的大小為10點(diǎn)，單擊屬性面板中的“粗體”按鈕， 設(shè)置其為粗體樣式，該文字的字體為“Arial, Helvetica, sans-serif”，

26、如圖6.5.9所示。 圖6.5.9 輸入文字并對(duì)其進(jìn)行設(shè)置 （15）選中步驟（13）中插入的表格的所有單元格， 在其屬性面板中設(shè)置文字在水平方向上的對(duì)齊方式為居中 對(duì)齊。 （16）將鼠標(biāo)光標(biāo)置于步驟（5）中插入的表格外，選 擇“插入”“表格”命令，在彈出的“表格”對(duì)話框中插 入一個(gè)4行2列的表格，設(shè)置“表格寬度”為650，“邊框粗 細(xì)”為0，“單元格邊距”為2，“單元格間距”為0，具體 設(shè)置如圖6.5.10 所示。 圖6.5.10 “表格”對(duì)話框 （17）確定該表格為選中狀態(tài)，設(shè)置該表格的對(duì)齊方式 為居中對(duì)齊，選中除第一行以外所有的行，在其屬性面板中 設(shè)置其背景顏色為白色，如圖6.5.11所示

27、。 圖6.5.11 設(shè)置表格的對(duì)齊方式和單元格背景顏色 （18）合并第二行和第四行的單元格，如圖6.5.12所示。 圖6.5.12 合并單元格 （19）在第二行和第三行的第一個(gè)單元格中輸入文字， 如圖6.5.13所示。 （20）將鼠標(biāo)光標(biāo)置于第三行的第二個(gè)單元格內(nèi)，選擇 “插入”“圖像”命令，在彈出的“選擇圖像源文件”對(duì)話 框中選擇需要插入的圖像，為該單元格插入圖像。 （21）選中插入的該圖像，在其屬性面板中設(shè)置其對(duì)齊 方式為右對(duì)齊，效果如圖6.5.14所示。 圖6.5.13 輸入文字 圖6.5.14 設(shè)置圖像的對(duì)齊方式 （22）選中該表格的第三行中第一個(gè)單元格的文字，在 其屬性面板中的“格式

28、”下拉列表中選擇“標(biāo)題1”選項(xiàng)，在 “垂直”下拉列表中選擇“底部”選項(xiàng)，其效果如圖6.5.15 所示。 （23）將鼠標(biāo)光標(biāo)置于步驟（16）中插入表格的最后 一行，選擇“插入”“表格”命令，在彈出的“表格”對(duì) 話框中插入一個(gè)1行1列的表格，設(shè)置“表格寬度”為500， “邊框粗細(xì)”為0，“單元格邊距”為2，“單元格間距”為 0，具體設(shè)置如圖6.5.16所示。 圖6.5.15 設(shè)置文字的格式圖6.5.16 “表格”對(duì)話框 （24）確定插入的表格為選中狀態(tài)，設(shè)置其對(duì)齊方式為 居中對(duì)齊，其背景顏色為#CCCCCC。 （25）在步驟（24）中插入的表格中輸入文字，如圖 6.5.17所示。 圖6.5.17 輸入文字 （26）在打開的資源面板中單擊“庫”按鈕，可將該 面板的類別切換到庫類型。 （27）單擊該面板底部的“新建庫項(xiàng)目”按鈕，則得 到一個(gè)新的庫項(xiàng)目，為該庫項(xiàng)目命名為“版權(quán)信息”。 （28）雙擊該庫項(xiàng)目，打開其編輯窗口。 （29）在其庫項(xiàng)目編輯窗口中進(jìn)行設(shè)置，效果如圖 6.5.18所示。 圖6.5.18 編輯庫項(xiàng)目 （30）返回到模板編輯窗口，將鼠標(biāo)光標(biāo)置于步驟 （16）中插入的表格外，選擇“插入”“表格”命令，在 彈出的“表格”對(duì)話框中插入一個(gè)1行1列