《網(wǎng)頁設計與制作》課件-項目五 任務二 制作“新聞動態(tài)”（二）

Dreamweaver網(wǎng)頁制作基礎教程項目五制作新聞動態(tài)任務二庫項目的應用任務描述為構(gòu)建好的校園網(wǎng)制作“校園新聞”系列網(wǎng)頁。任務準備模板主要是從整體上控制文件的風格，庫項目則是從局部維護文件的風格。一個站點的網(wǎng)頁內(nèi)容千變?nèi)f化，但其中的各個網(wǎng)頁總會有相同的地方。如很多網(wǎng)站的網(wǎng)頁一般都有相同的頭部，在網(wǎng)頁底部有相同的腳注等。把這些相同信息抽取出來存放在一起，就構(gòu)成了庫，庫中的各個元素稱為庫項目，可以將任何網(wǎng)頁元素創(chuàng)建為庫項目。在Dreamweaver中，每個庫項目都對應一個單獨的文件，文件擴展名為.lbi。所有的庫項目文件都被保存在一個文件夾中，該文件夾默認為“站點\Library”。

知識準備1．利用庫項目創(chuàng)建網(wǎng)頁1）創(chuàng)建庫項目（1）將文件中已有內(nèi)容創(chuàng)建為庫項目。（2）創(chuàng)建空白庫項目。2）應用庫項目創(chuàng)建了庫項目之后，就可以在所需要的網(wǎng)頁中應用了。2．利用庫項目更新網(wǎng)頁1）編輯庫項目和更新網(wǎng)頁2）庫項目的管理（1）重命名庫項目。（2）刪除庫項目。（3）解除庫項目內(nèi)容與原始庫項目的關聯(lián)。插入到文件中的庫項目是作為一個整體存在的，無法在文件中直接對它進行編輯。如果要在文件中編輯庫項目內(nèi)容，則可以解除庫項目內(nèi)容與原始庫項目之間的關聯(lián)，使其成為普通的文件內(nèi)容。（4）重建庫項目。如果不小心誤刪除了庫項目，雖然插入了該庫項目的文件不會受到影響，但是以后卻無法利用該庫項目對文件進行自動更新了。如果要讓該庫項目重新發(fā)揮作用，可以根據(jù)插入到文件中的庫項目內(nèi)容來重建被刪除的庫項目。任務準備構(gòu)建好相關網(wǎng)頁，如圖5.2.1所示。設計思路將本地站點的“校園新聞”系列網(wǎng)頁中的相同元素制作成庫項目。將庫項目應用到系列網(wǎng)頁中。通過更新其中的庫項目，實現(xiàn)對系列網(wǎng)頁的快速更新。圖5.2.1已構(gòu)建好的“xyxw.html”網(wǎng)頁文件任務實施 步驟1：步驟1：打開xyxw.html，選取網(wǎng)站logo。步驟2：在菜單欄中選擇“修改”→“庫”→“增加對象到庫”選項，系統(tǒng)自動打開“庫”面板，如圖5.2.2所示。如果所選內(nèi)容應用了樣式，則系統(tǒng)還會同時彈出如圖5.2.3所示的提示框，單擊“確定”按鈕，此時在“庫”面板的項目列表中，出現(xiàn)了一個未命名的庫項目。圖5.2.2“庫”面板圖5.2.3提示框步驟3：為新建的庫項目輸入名稱“top1”，單擊名稱區(qū)域之外的任意位置或按“Enter”鍵，完成一個新庫項目的創(chuàng)建。至此，Dreamweaver軟件已在本地站點的根文件夾中自動創(chuàng)建了“Library”文件夾，并將創(chuàng)建的庫項目保存為一個單獨的文件top1.lbi。采用上述方法將系列網(wǎng)頁所具有的相同內(nèi)容創(chuàng)建為庫項目top2.lbi、left1.lbi、left2.lbi和bottom.lbi。將庫項目top1.lbi、top2.lbi、left1.lbi、left2.lbi和bottom.lbi應用到xinwen1_lib.html～xinwen5_lib.html頁面中，操作步驟如下。步驟1：打開“項目5/ksucai”文件夾中的xinwen1_lib.html文件。步驟2：將插入點定位在表格最上方的單元格中，在庫項目列表中選定庫項目top1.lbi，執(zhí)行下列操作之一。用鼠標拖拽庫項目top1.lbi到指定的單元格中釋放。單擊“庫”面板左下角的插入按鈕。單擊“庫”面板菜單，選擇“插入”選項。右鍵單擊“庫”面板中所選的庫項目，從彈出的快捷菜單中選擇“插入”選項，如圖5.2.4所示。步驟3：保存網(wǎng)頁。重復上述方法完成xinwen2_lib.html～xinwen5_lib.html的編輯，并以原文件名保存。至此，應用庫項目創(chuàng)建了5個風格相同的文件。

應用庫項目圖5.2.4應用庫項目創(chuàng)建新文件知識拓展知識點1：利用庫項目創(chuàng)建網(wǎng)頁1．創(chuàng)建庫項目1）將文件中已有內(nèi)容創(chuàng)建為庫項目2）創(chuàng)建空白庫項目2．應用庫項目知識點2：利用庫項目更新網(wǎng)頁1．編輯庫項目和更新網(wǎng)頁

2．庫項目的管理

1）重命名庫項目

2）刪除庫項目

3）解除庫項目內(nèi)容與原始庫項目的關聯(lián)

4）重建庫項目

任務總結(jié)庫項目的應用與模板相似。先利用已有文件創(chuàng)建庫項目（或者先創(chuàng)建空的庫項目再編輯內(nèi)容），然后在新文件或已有文件中插入庫項目。維護時，可以通過編輯庫項目，更新所有插入了該庫項目的文件，實現(xiàn)快速修改網(wǎng)頁。必要時，可以解除庫項目內(nèi)容與原始庫項目的關聯(lián)，使其成為普通的文件。若誤刪除了庫項目，可以根據(jù)插入到文件中的庫項目內(nèi)容來重建庫項目。在使用過程中要注意，盡量不要在同一個文件中既使用模板又使用庫項目，否則會發(fā)生一些莫名其妙的更新，出現(xiàn)一些意想不到的結(jié)果。課后習題1．庫文件的擴展名為（）。A．.htm B．.asp C．.dwt D．.lbi2．關于庫的說法錯誤的是（）。A．插入到網(wǎng)頁中的庫可以從網(wǎng)頁中分離B．可以直接修改插入到網(wǎng)頁中的庫內(nèi)容C．對庫內(nèi)容進行修改后通常會自動更新插入了庫的網(wǎng)頁D．可以選擇“修改”→“庫”→“更新頁面”選項對添加庫的頁面進行更新3．模板文件的擴展名為（）。A．.htm B．.asp C．.dwt D．.lbi4．對模板和庫項目的管理主要是通過（）。A．“資源”面板 B．“文件”面板 C．“層”面板 D．“行為”面