《網(wǎng)頁制作》課件-項目十一 庫和模板──制作學(xué)校主頁

Dreamweaver8中文版

網(wǎng)頁制作基礎(chǔ)項目十一

庫和模板──制作學(xué)校主頁任務(wù)一創(chuàng)建庫任務(wù)二創(chuàng)建模板實訓(xùn)制作“一翔學(xué)校”網(wǎng)頁模板任務(wù)三應(yīng)用模板在Dreamweaver8中，可以使用庫和模板來統(tǒng)一網(wǎng)站風(fēng)格，提高工作效率。本項目以學(xué)校主頁為例，介紹使用庫和模板制作網(wǎng)頁的基本方法。在項目中，首先制作庫項目頁眉和頁腳，然后制作模板，最后根據(jù)模板制作學(xué)校主頁。

任務(wù)一創(chuàng)建庫（一）創(chuàng)建庫項目

（二）編排頁眉庫項目（三）編排頁腳庫項目

（一）創(chuàng)建庫項目

需要掌握的內(nèi)容主要有：

1、庫的概念

2、【資源】面板

3、創(chuàng)建庫項目

4、刪除庫項目庫是一種特殊的Dreamweaver文件，可以用來存放諸如文本、圖像等網(wǎng)頁元素，這些元素通常被廣泛用于整個站點，并且經(jīng)常被重復(fù)使用或更新。創(chuàng)建的庫項目通常保存在網(wǎng)站根目錄下的“Library”文件夾內(nèi)，“Library”是自動產(chǎn)生的，不能對其修改。1、庫的概念在主菜單中選擇【窗口】／【資源】命令，打開【資源】面板。

【資源】面板將網(wǎng)頁的元素分為9類，面板的左邊垂直并排著（圖像）、（顏色）、（URLs）、（Flash）、（Shockwave）、（影片）、（腳本）、（模板）和（庫）9個按鈕，每一個按鈕代表一大類網(wǎng)頁元素。面板的右邊是列表區(qū)，分為上欄和下欄，上欄是元素的預(yù)覽圖，下欄是明細(xì)列表。在【庫】和【模板】分類的明細(xì)列表欄的下面依次排列著（插入）或（應(yīng)用）、（刷新站點列表）、（新建）、（編輯）和（刪除）5個按鈕。2、【資源】面板

（1）創(chuàng)建空白庫項目。在主菜單中選擇【窗口】／【資源】命令，打開【資源】面板。在【資源】面板中單擊（庫）按鈕切換至【庫】分類，單擊面板右下角的（新建）按鈕新建一個庫，然后在列表框中輸入庫的名稱并加以確認(rèn)。3、創(chuàng)建庫項目也可以在主菜單中選擇【文件】／【新建】命令打開【新建文件】對話框，然后選擇【常規(guī)】／【基本頁】／【庫項目】命令來創(chuàng)建空白庫項目。（2）從已有的網(wǎng)頁創(chuàng)建庫項目

首先打開一個已有的文檔，從中選擇要保存為庫項目的對象，如表格、圖像等，然后在主菜單中選擇【修改】／【庫】／【增加對象到庫】命令或在【資源】面板【庫】分類模式下，單擊右下角的（新建）按鈕，則該對象即被添加到庫項目列表中，庫項目名為系統(tǒng)默認(rèn)的名稱，修改名稱后按Enter鍵確認(rèn)即可。

如果要刪除庫項目，只要先選中該項目，然后單擊【資源】面板右下角的（刪除）按鈕或按Delete鍵即可。4、刪除庫項目（二）編排頁眉庫項目在【資源】面板中選中庫項目“top.lbi”，再單擊【資源】面板右下角的（編輯）按鈕，或者雙擊“top.lbi”打開頁眉庫項目進(jìn)行添加內(nèi)容。這和平常制作網(wǎng)頁是一樣的，不再詳述。（三）編排頁腳庫項目

頁腳庫項目內(nèi)容的編排與頁眉庫項目內(nèi)容的編排方法類似，不再詳述。任務(wù)二創(chuàng)建模板（一）創(chuàng)建模板文件（二）插入庫項目（三）插入模板對象（一）創(chuàng)建模板文件

需要掌握的內(nèi)容主要有：

1、模板的概念

2、創(chuàng)建模板文件

3、刪除模板文件1、模板的概念

在網(wǎng)頁制作中，為了避免重復(fù)勞動，同時也是為了方便日后維護(hù)，可以將具有相同版面結(jié)構(gòu)和風(fēng)格的網(wǎng)頁制作成模板。在Dreamweaver8中，創(chuàng)建的模板文件保存在網(wǎng)站根目錄下的“Templates”文件夾內(nèi)，“Templates”是自動產(chǎn)生的，不能對其進(jìn)行修改。2、創(chuàng)建模板文件

創(chuàng)建模板也有兩種方法，即直接創(chuàng)建空白模板和將現(xiàn)有網(wǎng)頁保存為模板。（1）直接創(chuàng)建空白模板在【資源】面板中切換到【模板】分類，然后單擊【資源】面板右下角的（新建）按鈕來創(chuàng)建空白模板。

也可以在主菜單中選擇【文件】／【新建】命令打開【新建文件】對話框，然后選擇【常規(guī)】／【模板頁】／【HTML模板】命令來創(chuàng)建空白模板。創(chuàng)建空白模板后，還需要打開模板文件，在其中添加網(wǎng)頁元素和模板對象。

（2）將現(xiàn)有網(wǎng)頁保存為模板首先打開一個已有內(nèi)容的網(wǎng)頁文檔，根據(jù)實際需要在網(wǎng)頁中選擇網(wǎng)頁元素，并將其轉(zhuǎn)換為模板對象，然后在主菜單中選擇【文件】／【另存為模板】命令將網(wǎng)頁保存為模板。3、刪除模板文件

如果要刪除模板，只要先選中該模板，然后單擊【資源】面板右下角的按鈕或按Delete鍵即可。需要掌握的內(nèi)容主要有：

1、插入庫項目

2、修改庫項目

3、分離庫項目（二）插入庫項目在【資源】面板中切換至庫分類，選中庫文件，單擊面板底部的【插入】按鈕或者單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇【插入】命令，將庫項目插入到文檔中。1、插入庫項目

在網(wǎng)頁中引用的庫項目無法直接修改，如果要修改庫項目，需要直接打開庫項目進(jìn)行修改。

打開庫項目的方式通常有兩種，一種是在【資源】面板中打開庫項目，另一種是在引用庫項目的網(wǎng)頁中選中庫項目，然后在【屬性】面板中單擊

【打開】按鈕打開庫項目。

在庫項目被打開修改且保存后，通常引用該庫項目的網(wǎng)頁會自動進(jìn)行更新。如果沒有進(jìn)行自動更新，可以在主菜單中選擇【修改】／【庫】／【更新當(dāng)前頁面】或【更新頁面】命令進(jìn)行更新。2、修改庫項目

在【屬性】面板中單擊

按鈕可將庫項目的內(nèi)容與庫文件分離，分離后庫項目的內(nèi)容將自動變成網(wǎng)頁中的內(nèi)容，網(wǎng)頁與庫項目不再有關(guān)聯(lián)。3、分離庫項目需要掌握的內(nèi)容主要有：

1、可編輯區(qū)域

2、重復(fù)表格

3、重復(fù)區(qū)域（三）插入模板對象可編輯區(qū)域是指可以進(jìn)行添加、修改和刪除網(wǎng)頁元素等操作的區(qū)域?？删庉媴^(qū)域在模板中由高亮顯示的矩形邊框圍繞，該邊框使用在首選參數(shù)中設(shè)置的高亮顏色。該區(qū)域左上角的選項卡顯示該區(qū)域的名稱。另外需要注意的是，在可編輯區(qū)域內(nèi)不能再插入可編輯區(qū)域。在主菜單中選擇【插入】／【模板對象】／【可編輯區(qū)域】命令，也可在【插入】／【常用】／【模板】面板中單擊（可編輯區(qū)域）按鈕，打開【新建可編輯區(qū)域】對話框，插入或者將當(dāng)前選定區(qū)域設(shè)為可編輯區(qū)域。

1、可編輯區(qū)域修改可編輯區(qū)域等模板對象的名稱可通過【屬性】面板進(jìn)行。方法是單擊模板對象的名稱或者將光標(biāo)定位在模板對象處，然后在工作區(qū)下面選擇相應(yīng)的標(biāo)簽，在選擇模板對象時會顯示其【屬性】面板，在【屬性】面板中修改模板對象名稱即可。

重復(fù)表格是指包含重復(fù)行的表格格式的可編輯區(qū)域，可以定義表格的屬性并設(shè)置哪些單元格可編輯。如果在對話框中不設(shè)置單元格邊距、單元格間距和邊框的值，則大多數(shù)瀏覽器按單元格邊距為“1”、單元格間距為“2”、邊框為“1”顯示表格。重復(fù)表格可以被包含在重復(fù)區(qū)域內(nèi)，但不能被包含在可編輯區(qū)域內(nèi)。另外，不能將選定的區(qū)域變成重復(fù)表格，只能插入重復(fù)表格。2、重復(fù)表格

在主菜單中選擇【插入】／【模板對象】／【重復(fù)表格】命令，也可以在【插入】／【常用】／【模板】面板中單擊（重復(fù)表格）按鈕，打開【插入重復(fù)表格】對話框，在當(dāng)前區(qū)域插入重復(fù)表格。2、重復(fù)表格重復(fù)區(qū)域是指可以在模板中任意復(fù)制的指定區(qū)域。重復(fù)區(qū)域不是可編輯區(qū)域，若要使重復(fù)區(qū)域中的內(nèi)容可編輯，必須在重復(fù)區(qū)域內(nèi)插入可編輯區(qū)域或重復(fù)表格。重復(fù)區(qū)域可以包含整個表格或單獨的表格單元格。如果選定“<td>”標(biāo)簽，則重復(fù)區(qū)域中包括單元格周圍的區(qū)域，如果未選定，則重復(fù)區(qū)域?qū)⒅挥绊憜卧裰械膬?nèi)容。在一個重復(fù)區(qū)域內(nèi)可以繼續(xù)插入另一個重復(fù)區(qū)域。整個被定義為重復(fù)區(qū)域的部分都可以被重復(fù)使用。3、重復(fù)區(qū)域在主菜單中選擇【插入】／【模板對象】／【重復(fù)區(qū)域】命令，也可以在【插入】／【常用】／【模板】面板中單擊（重復(fù)區(qū)域）按鈕，打開【新建重復(fù)區(qū)域】對話框，將當(dāng)前選定的區(qū)域設(shè)置為重復(fù)區(qū)域。

任務(wù)三應(yīng)用模板需要掌握的內(nèi)容主要有：

1、從模板新建網(wǎng)頁

2、在已存在頁面應(yīng)用模板

3、分離模板在主菜單中選擇【文件】／【新建】命令打開【新建文檔】對話框，切換至【模板】選項卡，選擇已創(chuàng)建的模板。也可以在【資源】面板中切換到模板分類，在模板列表用鼠標(biāo)右鍵單擊需要的模板，在彈出的快捷菜單中選擇【從模板新建】命令，基于模板的新文檔即會在文檔窗口中打開。1、從模板新建網(wǎng)頁

首先打開要應(yīng)用模板的網(wǎng)頁文檔，然后在主菜單中選擇【修改】／【模板】/【套用模板到頁】命令，或在【資源】面板的模板列表框中選中要應(yīng)用的模板，再單擊面板底部的【應(yīng)用】按鈕即可應(yīng)用模板。如果已打開的文檔是一個空白文檔，文檔將直接應(yīng)用模板，如果打開的文檔是一個有內(nèi)容的文檔，這時通常會打開一個【不一致的區(qū)域名稱】對話框，該對話框會提示讀者將文檔中的已有內(nèi)容放在模板的什么區(qū)域。2、在已存在頁面應(yīng)用模板

通過【從模板中分離】命令將使用模板的網(wǎng)頁脫離模板，脫離模板后，模板中的內(nèi)容將自動變成網(wǎng)頁中的內(nèi)容，網(wǎng)頁與模板不再有關(guān)聯(lián)。3、分離模板實訓(xùn)制作“一翔學(xué)?！本W(wǎng)頁模板本項目主要介紹了使用庫和模板制作網(wǎng)頁的基本方法，本實訓(xùn)將讓讀者進(jìn)一步鞏固所學(xué)的基本知識。要求：把“項目實訓(xùn)\素材”文件夾下的內(nèi)容復(fù)制到站點根文件夾下，然后創(chuàng)建如圖所示的網(wǎng)頁模板。制作“送孟浩然之廣陵”網(wǎng)頁

制作“送孟浩然之廣陵”網(wǎng)頁

小結(jié)本項目