《網(wǎng)頁(yè)設(shè)計(jì)與制作》課件-項(xiàng)目五 任務(wù)二 制作“新聞動(dòng)態(tài)”（二）

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

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

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

2．庫(kù)項(xiàng)目的管理

1）重命名庫(kù)項(xiàng)目

2）刪除庫(kù)項(xiàng)目

3）解除庫(kù)項(xiàng)目?jī)?nèi)容與原始庫(kù)項(xiàng)目的關(guān)聯(lián)

4）重建庫(kù)項(xiàng)目

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