網(wǎng)頁(yè)設(shè)計(jì)教程07-10層的應(yīng)用,框架網(wǎng)頁(yè)和其他頁(yè)面表現(xiàn)風(fēng)格

1、第7章 層的應(yīng)用n層是一種用于精確定位的HTML頁(yè)面元素，可以將其定位在頁(yè)面上的任意位置。我們可以往層里加入圖像、文本等其它頁(yè)面元素，借助于層，可對(duì)加入的頁(yè)面元素進(jìn)行精確定位，還可以做出重疊效果和運(yùn)動(dòng)效果。從Dreamweaver CS3開(kāi)始，將“層”稱為AP元素。 主要內(nèi)容n7.1 層的創(chuàng)建與基本操作n7.2 層的屬性設(shè)置n7.3 層與表格的轉(zhuǎn)換7.1 層的創(chuàng)建與基本操作n7.1.1 層的創(chuàng)建1創(chuàng)建層n繪制一個(gè)層 n繪制多個(gè)層 2AP元素面板 在文檔窗口中繪制的每一個(gè)層都會(huì)出現(xiàn)在AP元素面板中，通過(guò)AP元素面板可以管理文檔中的層。如圖所示為AP元素面板 n使用AP元素面板可以防止層重疊、更改

2、層的可見(jiàn)性、將層嵌套或?qū)盈B，以及選擇一個(gè)或多個(gè)層。如果AP元素面板未顯示，則單擊“窗口”“AP元素”，打開(kāi)AP元素面板。n7.1.2 層的基本操作 層的基本操作包括向?qū)又刑砑游谋?、圖像等元素、調(diào)整層的大小、移動(dòng)層等。在進(jìn)行這些操作時(shí)，多數(shù)情況下必須先選擇層。1.選擇層 選擇層有兩種方法：一種是在AP元素面板中操作；另一種是直接在文檔“設(shè)計(jì)”視圖中操作。 2.在層中插入元素 在層中我們可以插入文字、圖片等網(wǎng)頁(yè)中的元素，首先單擊層內(nèi)位置，在層內(nèi)設(shè)定插入點(diǎn)，然后插入內(nèi)容，插入方法與在表格中相同。3.調(diào)整層的大小n調(diào)整單個(gè)層的大小 n調(diào)整多個(gè)層的大小4.移動(dòng)層 選擇要移動(dòng)的一個(gè)或多個(gè)層，當(dāng)鼠標(biāo)移至層邊

3、框時(shí)，鼠標(biāo)變?yōu)槭旨^此時(shí)直接拖動(dòng)即可。5.對(duì)齊層 使用層對(duì)齊命令可利用最后一個(gè)選定層的邊框來(lái)對(duì)齊一個(gè)或多個(gè)層。6.將層對(duì)齊到網(wǎng)格 網(wǎng)格在文檔窗口中顯示為一系列的水平線和垂直線，顯示網(wǎng)格線可以精確定位層和調(diào)整層的大小。 7.2 層的屬性設(shè)置7.2.1查看層的屬性 在層屬性檢查器中查看層屬性的方法是：選擇一個(gè)層，在“屬性”面板中即可看到層的具體屬性，如圖所示，若屬性檢查器沒(méi)有出現(xiàn)，則單擊菜單“窗口”“屬性”。在層屬性面板中，部分屬性對(duì)象的作用說(shuō)明：n左：指定層左邊界距離頁(yè)面（如果嵌套，則為父層）左邊界的距離。n上：指定層上邊界距離頁(yè)面（如果嵌套，則為父層）上邊界的距離。n寬：指定層的寬度。n高：

4、指定層的高度。nZ軸：確定層的堆疊順序。在瀏覽器中，編號(hào)較大的層出現(xiàn)在編號(hào)較小的層的前面。值可以為正，也可以為負(fù)。當(dāng)更改層的堆疊順序時(shí)，使用“AP元素”面板要比輸入特定的Z軸值更為簡(jiǎn)便。n可見(jiàn)性：層的顯示狀態(tài)，包括default、inherit、visible和hidden四個(gè)選項(xiàng)。n背景圖像：指定層的背景圖像。單擊文件夾圖標(biāo)可以瀏覽到一個(gè)圖像文件并選擇它。 7.2.2 改變層的堆疊順序 層的堆疊順序就是層的顯示順序，我們可以通過(guò)在層屬性檢查器的“Z軸”文本框中輸入層疊序號(hào)或者在AP元素面板里改變“Z軸”的值，從而改變層的顯示順序。 實(shí)例演示7.2.3設(shè)置層的可見(jiàn)性 在網(wǎng)頁(yè)制作中，有時(shí)候需要顯

5、示和隱藏文件，基本上這樣的操作都是通過(guò)層來(lái)完成。設(shè)置層的可見(jiàn)性，主要是結(jié)合行為功能來(lái)控制層的顯示和隱藏。 實(shí)例演示7.3 層與表格的轉(zhuǎn)換 雖然通過(guò)層定位網(wǎng)頁(yè)元素很靈活，比表格方便很多，但是由于受到瀏覽器版本的限制，不是所有的瀏覽器都支持層，Dreamweaver CS3提供了層和表格相互轉(zhuǎn)換的功能。7.3.1 將層轉(zhuǎn)換為表格7.3.2 將表格轉(zhuǎn)換為層本章小結(jié)n層相當(dāng)于一個(gè)容器，可以包含所有在HTML文件中出現(xiàn)的元素，如文本、圖像和Flash等，可以隨意將層拖到頁(yè)面的任意位置，從而簡(jiǎn)單又精確地定位頁(yè)面對(duì)象。 第8章 框架網(wǎng)頁(yè)n框架網(wǎng)頁(yè)是一種特殊的HTML網(wǎng)頁(yè)，它可將瀏覽器窗口劃分為若干個(gè)區(qū)域，每

6、個(gè)區(qū)域可以顯示不同的網(wǎng)頁(yè)。在網(wǎng)頁(yè)中使用框架技術(shù)不僅方便了用戶瀏覽，而且節(jié)省了頁(yè)面空間，也可以使整個(gè)網(wǎng)站頁(yè)面保持統(tǒng)一的風(fēng)格。 主要內(nèi)容n8.1 認(rèn)識(shí)框架網(wǎng)頁(yè)n8.2 創(chuàng)建框架網(wǎng)頁(yè)n8.3 保存框架和框架集文件n8.4 框架內(nèi)網(wǎng)頁(yè)的鏈接8.1 認(rèn)識(shí)框架網(wǎng)頁(yè)n框架網(wǎng)頁(yè)就是運(yùn)用了框架技術(shù)的網(wǎng)頁(yè)，如圖所示的騰訊論壇。 n框架技術(shù)需要兩種類型的元素來(lái)實(shí)現(xiàn)。一種是單個(gè)框架（Frame），它是瀏覽器窗口中的一個(gè)區(qū)域，可以顯示與瀏覽器窗口的其余部分中所顯示內(nèi)容無(wú)關(guān)的 HTML 文檔；另一種是框架集（Frameset），它是一個(gè)HTML 文件，定義了一組框架的布局和屬性，包括框架的數(shù)目、框架的大小和位置以及在每個(gè)

7、框架中初始顯示的頁(yè)面的 URL。 n如果要在瀏覽器中查看一組框架，我們可以輸入框架集文件的URL，瀏覽器隨后打開(kāi)這些框架中的對(duì)應(yīng)文檔。通常將一個(gè)站點(diǎn)的框架集文件命名為index.html，以便當(dāng)訪問(wèn)者未指定文件名時(shí)默認(rèn)顯示該名稱。 n類似圖所示的騰訊論壇，如果一個(gè)站點(diǎn)在瀏覽器中顯示為包含三個(gè)框架的單個(gè)頁(yè)面，則它實(shí)際上至少由四個(gè)單獨(dú)的 HTML 文檔組成：框架集文件以及三個(gè)網(wǎng)頁(yè)文檔，這三個(gè)文檔包含在這些框架內(nèi)初始顯示的內(nèi)容。當(dāng)在 Dreamweaver中設(shè)計(jì)使用框架集的頁(yè)面時(shí)，必須保存全部這四個(gè)文件，以便該頁(yè)面可以在瀏覽器中正常工作。 8.2 創(chuàng)建框架網(wǎng)頁(yè)8.2.1 創(chuàng)建框架集1使用預(yù)定義的框架

8、集n預(yù)定義的框架集只能在“文檔”窗口的“設(shè)計(jì)”視圖中插入。使用預(yù)定義的框架集操作步驟如下：n（1）插入點(diǎn)放置在文檔中。 n（2）執(zhí)行下列操作之一： n在插入欄的“布局”類別中，單擊“框架”按鈕的下拉箭頭，如圖所示，然后選擇一種預(yù)定義的框架集。n單擊菜單“插入記錄”“HTML”“框架”，在子菜單中選擇預(yù)定義的框架集。n8.2.2 編輯框架集n在編輯框架集前，應(yīng)先選擇菜單“查看”“可視化助理”“框架邊框”，使框架邊框在文檔窗口的“設(shè)計(jì)”視圖中顯示出來(lái)。n1.拆分框架 將一個(gè)框架拆分成幾個(gè)更小的框架，有如下幾種方式： （1）要拆分插入點(diǎn)所在的框架，從菜單“修改”“框架集”子菜單選擇拆分項(xiàng)，如圖所示。

9、 （2）要以垂直或水平方式拆分一個(gè)框架或一組框架，請(qǐng)將框架邊框從“設(shè)計(jì)”視圖的邊緣拖入“設(shè)計(jì)”視圖的中間。（3）要使用不在“設(shè)計(jì)”視圖邊緣的框架邊框拆分一個(gè)框架，請(qǐng)?jiān)诎醋?Alt 鍵的同時(shí)拖動(dòng)框架邊框。（4）要將一個(gè)框架拆分成四個(gè)框架，請(qǐng)將框架邊框從“設(shè)計(jì)”視圖一角拖入框架的中間。2.刪除框架 若要?jiǎng)h除一個(gè)框架，可將框架的邊框拖離頁(yè)面或拖到父框架的邊框上。 需要注意的是：不能通過(guò)拖動(dòng)邊框完全刪除一個(gè)框架集。要?jiǎng)h除一個(gè)框架集，請(qǐng)關(guān)閉顯示它的“文檔”窗口。如果該框架集文件已保存，則刪除該文件。8.2.3 選擇框架和框架集 創(chuàng)建好框架集和框架之后，我們可以對(duì)框架集和框架進(jìn)行一系列的操作，例如保存、指

10、定框架的打開(kāi)文檔、設(shè)置框架集和框架的屬性等。要進(jìn)行這些操作，第一步就是學(xué)會(huì)選擇框架和框架集。1.在“框架”面板中選擇框架和框架集 2.在文檔窗口中選擇框架和框架集8.3 保存框架和框架集文件 框架集文件以及要在框架中顯示的所有文檔必須先保存，然后才可以在瀏覽器中預(yù)覽該頁(yè)面。我們可以分別保存框架集文件和帶框架的文檔，也可以同時(shí)保存框架集文件和框架中出現(xiàn)的所有文檔。 1保存框架集文件2保存在框架中顯示的文檔3同時(shí)保存框架集文件和框架中的所有文檔8.4 框架內(nèi)網(wǎng)頁(yè)的鏈接8.4.1制作框架內(nèi)的網(wǎng)頁(yè) 完成框架和框架集的保存后，我們就可以將光標(biāo)插入到子框架中開(kāi)始制作網(wǎng)頁(yè)了。制作框架內(nèi)的網(wǎng)頁(yè)實(shí)際上就是指定框

11、架的初始內(nèi)容，即在瀏覽器中預(yù)覽框架集時(shí)所呈現(xiàn)的首頁(yè)面。指定方法有兩種：一種是將新內(nèi)容插入到框架的空白文檔中，另一種是在框架中打開(kāi)現(xiàn)有的文檔。 實(shí)例演示8.4.2設(shè)置框架和框架集屬性 在頁(yè)面中創(chuàng)建框架后，有時(shí)候需要對(duì)框架的屬性進(jìn)行相關(guān)的設(shè)置，如框架的名稱和框架邊框等。選擇框架和框架集后，即可通過(guò)屬性檢查器查看和設(shè)置屬性。需要注意是的，要更改框架的背景顏色，請(qǐng)?jiān)O(shè)置該框架中文檔的背景顏色。 8.4.3在框架內(nèi)創(chuàng)建鏈接 要在一個(gè)框架中使用鏈接以打開(kāi)另一個(gè)框架中的文檔，必須設(shè)置“鏈接”和“目標(biāo)”。 對(duì)于不同的框架結(jié)構(gòu)，屬性檢查器中“目標(biāo)”可選值不完全相同，該項(xiàng)的可選值與框架結(jié)構(gòu)、框架名稱自動(dòng)關(guān)聯(lián)，即框架

12、結(jié)構(gòu)和框架名稱的改變會(huì)使得該項(xiàng)的可選值自動(dòng)變化。n如圖所示的“目標(biāo)”下拉列表可選值的具體含義如下：n_blank:在新的窗口中打開(kāi)鏈接文檔，保留當(dāng)前窗口。n_parent:在鏈接的父框架內(nèi)顯示鏈接文檔。n_self:在當(dāng)前框架打開(kāi)鏈接文檔，替換當(dāng)前框架中的內(nèi)容。n_top:在當(dāng)前文檔的最外邊的框架集內(nèi)打開(kāi)鏈接文檔，替換所有框架。nmainFrame:在主框架顯示的網(wǎng)頁(yè)窗口中打開(kāi)目標(biāo)網(wǎng)頁(yè)，替換原有網(wǎng)頁(yè)。nleftFrame:在左側(cè)框架顯示的網(wǎng)頁(yè)窗口中打開(kāi)目標(biāo)網(wǎng)頁(yè)，替換當(dāng)前框架的內(nèi)容，保留其他框架中的網(wǎng)頁(yè)。ntopFrame: 在頂部框架顯示的網(wǎng)頁(yè)窗口中打開(kāi)目標(biāo)網(wǎng)頁(yè)，替換當(dāng)前框架的內(nèi)容，保留其他框

13、架中的網(wǎng)頁(yè)。本章小結(jié)n使用框架可以將頁(yè)面分為幾個(gè)獨(dú)立的顯示區(qū)域，不僅方便用戶瀏覽，而且節(jié)省了頁(yè)面空間。但是使用框架會(huì)導(dǎo)致頁(yè)面的加載時(shí)間較長(zhǎng)，各框架內(nèi)元素比較難實(shí)現(xiàn)精確對(duì)齊，所以我們?cè)谑褂脮r(shí)要綜合考慮各方面的因素。 第第9章章 CSS樣式及應(yīng)用樣式及應(yīng)用教學(xué)目的n介紹了CSS樣式表的概念、作用及分類 n掌握CSS樣式面板，新建、編輯、修改和應(yīng)用CSS樣式的方法 n了解網(wǎng)頁(yè)中重新定義HTML標(biāo)簽及鏈接外部樣式表的方法n學(xué)會(huì)在網(wǎng)頁(yè)中靈活使用CSS樣式9.1 CSS樣式概述樣式概述n9.1.1 CSS樣式 CSS（Cascading Style Sheets，層疊樣式表）是一種設(shè)計(jì)網(wǎng)頁(yè)樣式的工具，在網(wǎng)

14、頁(yè)設(shè)計(jì)中應(yīng)用非常廣泛。 網(wǎng)頁(yè)設(shè)計(jì)最初是用HTML標(biāo)記來(lái)定義頁(yè)面文檔及格式，例如標(biāo)題、段落、表格、鏈接等，但這些標(biāo)記不能滿足更多的文檔樣式需求，為了解決這個(gè)問(wèn)題，在1997年W3C(The World Wide Web Consortium)頒布HTML4標(biāo)準(zhǔn)的同時(shí)也公布了有關(guān)樣式表的第一個(gè)標(biāo)準(zhǔn)CSS 1, 自CSS 1的版本之后，又在1998年5月發(fā)布了CSS 2版本，樣式表得到了更多的充實(shí)。借助CSS強(qiáng)大的功能，可以非常靈活并更好的控制具體的頁(yè)面外觀。 9.1.2 CSS的作用n1.內(nèi)容和樣式的分離，使網(wǎng)頁(yè)設(shè)計(jì)變得簡(jiǎn)潔、明了。n2. 彌補(bǔ)HTML對(duì)標(biāo)記屬性控制的不足。安全性 n3. 更精確、

15、細(xì)致的布局網(wǎng)頁(yè)。n4. 提高網(wǎng)頁(yè)設(shè)計(jì)和運(yùn)行的效率。 9.1.3 CSS分類n1.自定義樣式n2.重定義標(biāo)簽樣式n3.CSS選擇符 9.2 CSS在網(wǎng)頁(yè)中的放置位置在網(wǎng)頁(yè)中的放置位置 按照CSS樣式的定義方式，CSS樣式存在的位置可以分成3種，如圖9-1所示。 圖9-1 按存在位置分類 9.3 CSS樣式的創(chuàng)建和應(yīng)用樣式的創(chuàng)建和應(yīng)用n在Dreamweaver CS3中，使用“CSS樣式”面板來(lái)創(chuàng)建、查看、編輯及應(yīng)用樣式屬性。n打開(kāi)“窗口”菜單，單擊“CSS樣式”，打開(kāi)如圖9-2所示的“CSS樣式”面板。 圖9-2 “CSS樣式”面板 9.3.1 CSS樣式面板nDreamweaver CS3為用

16、戶提供了CSS樣式面板里創(chuàng)建、編輯、管理和應(yīng)用所選頁(yè)面元素或文檔的CSS樣式和屬性。nDreamweaver CS3為用戶提供了兩種模式的“CSS樣式”面板：1.“全部”模式：顯示了當(dāng)前文檔中定義的全部樣式及附加到當(dāng)前文檔的樣式表中定義的所有樣式的列表。2.“正在”模式：顯示了文檔中當(dāng)前所選內(nèi)容的CSS規(guī)則和屬性。 9.3.2 新建CSS樣式表n1. 選擇“窗口”，單擊“CSS樣式”，打開(kāi)“CSS樣式面板”，如圖9-2所示。n2. 單擊“CSS樣式”面板右下角的“新建CSS規(guī)則”按鈕，打開(kāi)如圖9-3所示的“新建CSS規(guī)則”對(duì)話框。圖9-3 “新建CSS規(guī)則”對(duì)話框9.3.3 編輯和修改CSS樣

17、式n對(duì)定義好的CSS樣式可以進(jìn)行編輯和修改。n1. 打開(kāi)“CSS樣式”面板，選擇需要編輯的CSS樣式，選擇“.ys”樣式。n2. 單擊“CSS樣式”面板右下角的“編輯樣式”按鈕，打開(kāi)“CSS規(guī)則定義”對(duì)話框。在“CSS規(guī)則定義”對(duì)話框中對(duì)相應(yīng)的規(guī)則進(jìn)行修改，修改完畢后單擊“確定”按鈕，完成“CSS樣式”的編輯和修改。9.3.4 應(yīng)用CSS樣式圖9-12 “數(shù)據(jù)結(jié)構(gòu)課程簡(jiǎn)介”網(wǎng)頁(yè)9.3.5 重新定義HTML標(biāo)簽nDreamweaver CS3可以重新定義特定標(biāo)簽的外觀，即將現(xiàn)有的HTML標(biāo)簽賦上樣式，制作完成后不需要選中對(duì)象就可以直接應(yīng)用到頁(yè)面中。9.3.6 鏈接或?qū)胪獠繕邮奖韓外部樣式表是一

18、系列存儲(chǔ)在一個(gè)單獨(dú)的擴(kuò)展名為.css文件中的CSS樣式。調(diào)用外部樣式表可以使網(wǎng)站上所有文件應(yīng)用同樣的樣式。并且當(dāng)修改了外部樣式表時(shí)，所有鏈接到該樣式表的文件都將更新。n1. 導(dǎo)出樣式表n2. 導(dǎo)入外部樣式表思考題n1. 如何創(chuàng)建CSS樣式表？n2. CSS樣式表分為哪幾類？分別如何應(yīng)用？n3. 創(chuàng)建一個(gè)名為“stytle1”的自定義CSS樣式，將文字字體設(shè)置為楷體，字大小為18像素，行高為24像素，加粗，傾斜，顏色為藍(lán)色。并將該樣式應(yīng)用于網(wǎng)頁(yè)中。n4. 重定義標(biāo)簽樣式，將文字字體設(shè)置為黑體，字大小為16像素，行高為24像素，加刪除線，顏色為綠色。n5. 如何鏈接外部樣式表？第第10章章 模板和

19、庫(kù)技術(shù)應(yīng)用模板和庫(kù)技術(shù)應(yīng)用教學(xué)目的n掌握創(chuàng)建新模板及根據(jù)現(xiàn)有文檔創(chuàng)建模板的方法n了解創(chuàng)建庫(kù)項(xiàng)目、編輯庫(kù)項(xiàng)目、重命名和刪除庫(kù)項(xiàng)目及庫(kù)項(xiàng)目應(yīng)用的方法。10.1 模板的創(chuàng)建模板的創(chuàng)建n在一個(gè)網(wǎng)站中，往往會(huì)有很多頁(yè)面會(huì)用同一種風(fēng)格來(lái)制作，此時(shí)往往使用模板是最有效，并且也是最快的方法。模板實(shí)質(zhì)上就是一種用來(lái)制作具有相同風(fēng)格頁(yè)面的“模子”，它是一種特殊類型的文檔。nDreamweaver中模板分為可編輯區(qū)和不可編輯區(qū)。在可編輯區(qū)中，用戶可自行添加相應(yīng)的內(nèi)容。不可編輯區(qū)中包含了所有網(wǎng)頁(yè)中的共同元素，構(gòu)成了頁(yè)面的基本框架。10.1 模板的創(chuàng)建模板的創(chuàng)建n在Dreamweaver中可以采用兩種方法來(lái)創(chuàng)建模板。n

20、1. 使用“資源”面板創(chuàng)建新模板。n2. 將現(xiàn)有的文檔保存為模板10.2 模板的編輯與管理模板的編輯與管理n創(chuàng)建好模板后，可以根據(jù)需要對(duì)模板進(jìn)行編輯，確定可編輯區(qū)域及不可編輯區(qū)域。當(dāng)新創(chuàng)建好以個(gè)模板或把已有文檔另存為模板時(shí)，Dreamweaver CS3默認(rèn)所有區(qū)域均為不可編輯區(qū)域。n在編輯模板時(shí)，可以修改可編輯區(qū)也可以修改不可編輯區(qū)。但當(dāng)模板被應(yīng)用于文檔時(shí)，只能修改可編輯區(qū)，不能修改不可編輯區(qū)。10.2.1 定義可編輯區(qū)域定義可編輯區(qū)域n模板創(chuàng)建完成后，需要為模板定義可編輯區(qū)域?？删庉媴^(qū)域是指基于模板的頁(yè)面中可以更改的部分。沒(méi)有定義可編輯區(qū)域的模板是不可用的，因?yàn)樗胁糠帜J(rèn)為不可編輯或者鎖

21、定。10.2.2 刪除可編輯區(qū)域n在模板中，可以使用“刪除模板標(biāo)記”命令刪除可編輯區(qū)域的標(biāo)記，使其成為不可編輯區(qū)域。（1）在文檔中或標(biāo)簽選擇器中，選擇想要?jiǎng)h除的可編輯區(qū)域。 （2）使用Delete鍵，刪除可編輯區(qū)域。刪除后，整個(gè)區(qū)域都刪除。 （3）如果選擇“修改”菜單，選擇“模板”，單擊“刪除模板標(biāo)記”，則可以刪除可編輯區(qū)域的標(biāo)記，但區(qū)域還存在。10.2.3 管理模板n1. 重命名模板n2. 刪除模板10.2.4 模板的應(yīng)用 在創(chuàng)建了模板后，就可以方便的使用模板創(chuàng)建新的頁(yè)面。n1. 創(chuàng)建基于模板的新頁(yè)面10.3 庫(kù)項(xiàng)目的創(chuàng)建與管理庫(kù)項(xiàng)目的創(chuàng)建與管理n站點(diǎn)中往往除了有許多具有相同外觀的頁(yè)面之外，

22、還有許多需要經(jīng)常更新的頁(yè)面元素，例如版權(quán)聲明、站點(diǎn)導(dǎo)航等。這些頁(yè)面元素與模板不同，它們都只是頁(yè)面中一小部分，而且在各個(gè)頁(yè)面中的位置不同?？梢园堰@些的頁(yè)面元素保存為一個(gè)庫(kù)文件。需要時(shí)插入庫(kù)文件，同時(shí)快速更新。在庫(kù)中可以存儲(chǔ)各種頁(yè)面元素，例如圖像、表格、聲音等。庫(kù)項(xiàng)目的使用比模板靈活，庫(kù)項(xiàng)目可以放置在頁(yè)面的任意位置。Dreamweaver CS3將庫(kù)項(xiàng)目存放在每個(gè)站點(diǎn)的本地根目錄下的Library文件夾中，擴(kuò)展名為.lbi。所有的模板文件都放在站點(diǎn)根目錄下的Templates子目錄中，擴(kuò)展名為.dwt。10.3.1 創(chuàng)建庫(kù)項(xiàng)目n Dreamweaver CS3可以將文檔中的經(jīng)常使用的元素創(chuàng)建成庫(kù)項(xiàng)目，包括文本、表格、插件、導(dǎo)航條、圖像等，也可以創(chuàng)建空白的庫(kù)項(xiàng)目。10.3.2 編輯庫(kù)項(xiàng)目n創(chuàng)建好庫(kù)項(xiàng)目后，還可以對(duì)庫(kù)項(xiàng)目進(jìn)行編輯。n（1）選擇“窗口”菜單，單擊“資源”，打開(kāi) “資源”面，選擇庫(kù)類別。n（2）選擇需要編輯的庫(kù)項(xiàng)目，單擊“庫(kù)”面板底部的編輯庫(kù)項(xiàng)目按鈕或者雙擊庫(kù)項(xiàng)目。n（3）在編輯庫(kù)項(xiàng)目窗口中，可以重新編輯庫(kù)項(xiàng)目。 編輯完畢后保存。系統(tǒng)打開(kāi) “更改庫(kù)項(xiàng)目”對(duì)話框。 在“更新庫(kù)項(xiàng)目”對(duì)話框中要選擇是否更新使用過(guò)庫(kù)項(xiàng)目的文件。單擊“更新”，自動(dòng)更新本地站點(diǎn)中所有使用庫(kù)項(xiàng)目的文件。單擊“不更新”，不會(huì)更改任何文檔。10.3.3 重