《網(wǎng)頁設計與制作案例教程》第9章 模板、庫和資源管理

第9章模板、庫和資源管理9.1案例1創(chuàng)建基于模板的網(wǎng)頁9.2學習任務：使用庫項目9.3學習任務：資源管理9.4上機實訓9.1案例1創(chuàng)建基于模板的網(wǎng)頁9.1.1模板簡介9.1.2創(chuàng)建模板9.1.3定義模板的可編輯區(qū)域9.1.4創(chuàng)建基于模板的文檔9.1.5在現(xiàn)有文檔上應用模板9.1.6編輯模板9.1.7從模板中分離文檔9.1.8更新基于模板的頁面9.1.1模板簡介在制作一個站點時，往往需要建立外觀及部分內容相同的大量網(wǎng)頁，使站點具有統(tǒng)一的風格。如果逐一創(chuàng)建、修改，會很費力，效率不高，而且整個站點很難做到有統(tǒng)一的外觀及結構，借助Dreamweaver中的模板功能就可以輕松地解決這個問題。模板的作用就如同現(xiàn)實生活中生產(chǎn)產(chǎn)品的樣本模子，通過模子可以生產(chǎn)大批量相同規(guī)格的產(chǎn)品。網(wǎng)頁模板的主要功能是把網(wǎng)頁布局和內容分離，在布局設計好之后將其保存為模板，相同布局的頁面可以通過模板創(chuàng)建，然后對基于該模板的頁面進行內容的具體編輯，從而形成風格一致而內容不同的頁面。通過模板創(chuàng)建的網(wǎng)頁與該模板保持連接狀態(tài)（除非用戶對其分離），修改模板即可立即更新基于該模板的所有網(wǎng)頁文檔。模板由可編輯區(qū)域和不可編輯區(qū)域兩部分組成。不可編輯區(qū)域包含所有頁面的共同元素，即構成頁面的基本框架，稱為鎖定區(qū)域。鎖定區(qū)域主要用來鎖定體現(xiàn)網(wǎng)站風格部分，包括網(wǎng)頁背景、導航菜單、網(wǎng)站標志等內容，鎖定區(qū)域的內容只能在模板中編輯?？删庉媴^(qū)域就是該區(qū)域的相應內容在基于模板創(chuàng)建的頁面中是可以編輯的，常用來定義網(wǎng)頁的具體內容，是區(qū)別網(wǎng)頁之間最明顯的標志。提示：在默認情況下，新創(chuàng)建的模板所有區(qū)域都處于被鎖定狀態(tài)，因此，要使模板創(chuàng)建的頁面能進行修改，必須將模板中的某些區(qū)域設置為可編輯區(qū)域。圖9-1創(chuàng)建基于模板的網(wǎng)頁之一圖9-2創(chuàng)建基于模板的網(wǎng)頁之二9.1.2創(chuàng)建模板創(chuàng)建模板有兩種方式：可以直接創(chuàng)建空白模板，也可以把現(xiàn)有的HTML文檔存儲為模板，再通過適當?shù)男薷氖怪弦?。由于制作基于模板的網(wǎng)頁需要在站點中操作，所以，在創(chuàng)建模板之前先創(chuàng)建站點。Dreamweaver將模板文件保存在站點的本地根文件夾中的Templates文件夾中，模板文件的擴展名.dwt。如果該Templates文件夾在站點中尚不存在，Dreamweaver將在保存新建模板時自動創(chuàng)建一個Templates子文件夾。1．創(chuàng)建空模板方法一：通過“資源”面板創(chuàng)建空模板。在打開的Dreamweaver文檔窗口中，選擇“窗口→資源”命令打開“資源”面板，單擊面板左側的“模板”類別，右側則顯示模板列表，如圖9-3所示。單擊面板最下方的【新建模板】按鈕，創(chuàng)建空模板。此時，新的模板添加到“資源”面板的“模板”列表中，然后為新建的模板命名，如圖9-4所示。方法二：在“資源”面板的“模板”列表中單擊鼠標右鍵，在彈出的快捷菜單中選擇“新建模板”命令，如圖9-5所示。圖9-3“資源”面板圖9-4新創(chuàng)建的空白模板圖9-5“新建模板”菜單方法三：使用菜單命令創(chuàng)建空模板。選擇“文件→新建”命令，彈出“新建文檔”對話框，如圖9-6所示，在“類別”欄中選擇“空模板”，在“模板類型”欄中選擇需要的模板類型，如選擇“HTML模板”，在“布局”欄中選擇模板的頁面布局，在窗口最右端會顯示模板的預覽效果，單擊【創(chuàng)建】按鈕。布局好版面內容后，選擇“文件→保存”命令，在打開的“另存模板”對話框中，指定用于保存模板的站點、模板名，單擊【保存】按鈕即可創(chuàng)建一個空模板文件。圖9-6“新建文檔”對話框提示：對新建模板，最好立即將模板文件保存，以確保模板網(wǎng)頁在制作時對于插入圖像、制作鏈接等涉及文件路徑方面的操作正確。2．將現(xiàn)有文檔轉化為模板具體操作如下：1）首先在Dreamweaver中打開已有的網(wǎng)頁文檔，本例打開的是第5章中介紹過的“我的書屋”，如圖9-7所示的網(wǎng)頁。2）選擇“文件→另存為模板”命令，或者單擊“插入”面板“常用”標簽中的“模板”下拉列表按鈕，在彈出的列表中選擇“創(chuàng)建模板”按鈕，打開“另存模板”對話框，在該對話框中的“站點”下拉列表中選擇站點名稱，在“另存為”文本框中輸入模板名稱“bookroom”，單擊【保存】按鈕保存模板。新建的模板就會出現(xiàn)在“資源”面板中，如圖9-8所示。提示：不要將保存的模板移動到Templates文件夾之外，或者將任何非模板文件放在Templates文件夾中，也不要將Templates文件夾移動到本地根文件夾之外，否則會出現(xiàn)錯誤。圖9-7打開的網(wǎng)頁文件圖9-8新建的模板文件9.1.3定義模板的可編輯區(qū)域創(chuàng)建模板后，網(wǎng)站設計者需要根據(jù)用戶的需求對模板的內容進行編輯，指定哪些內容是可以編輯的，哪些內容是不可以編輯的。在默認情況下，新創(chuàng)建的模板所有區(qū)域都處于被鎖定狀態(tài)。因此，要使用模板，必須將模板中的某些區(qū)域設置為可編輯區(qū)域。具體操作步驟：1）在“資源”面板的“模板”列表中選擇已有的“bookroom”模板，單擊控制面板右下方的“編輯”按鈕或雙擊模板名后，就可以在文檔窗口中編輯該模板了。2）在文檔窗口中選擇要設置為可編輯區(qū)域的文本或內容，選擇以下方法之一啟用“新建可編輯區(qū)域”對話框，如圖9-9所示。選擇“插入→模板對象→可編輯區(qū)域”菜單命令。單擊“插入”面板“常用”標簽中的“模板”下拉列表按鈕，在彈出的列表中選擇“可編輯區(qū)域”按鈕。在文檔窗口中單擊鼠標右鍵，在彈出的菜單中選擇“模板→新建可編輯區(qū)域”命令。3）在“新建可編輯區(qū)域”對話框的“名稱”后面為可編輯區(qū)域命名，這里使用的名稱是“EditRegion1”，單擊【確定】按鈕創(chuàng)建了可編輯區(qū)域。創(chuàng)建的可編輯區(qū)域在模板中用高亮顯示的矩形框圍繞，在矩形框左上角的標簽中顯示出該區(qū)域的名稱，如圖9-10所示。圖9-9“新建可編輯區(qū)域”對話框圖9-10定義的可編輯區(qū)域4）用同樣的方法，在模板中為右側的區(qū)域定義可編輯區(qū)域，如圖9-11所示。需要注意的是，同一網(wǎng)頁中，每個可編輯區(qū)域必須使用不同的名稱，名稱不能使用“”、單引號、小于號、大于號及“&”等特殊字符?？梢詫⒄麄€表格或單獨的表格單元格標志為可編輯的，但不能將多個表格單元格標志為單個可編輯區(qū)域。如果要使用APDiv，其本身與APDiv中的內容是不同的元素，將APDiv定義為可編輯區(qū)域時，只能改變該APDiv的位置，而不能修改APDiv中的內容，只有將APDiv圖9-11定義的2個可編輯區(qū)域中的內容定義為可編輯區(qū)域時，才可以修改APDiv中的內容。如果重新鎖定已經(jīng)定義的某個可編輯區(qū)域，單擊可編輯區(qū)域左上角的標簽將其選中，選擇“修改→模板→刪除模板標記”命令可取消可編輯區(qū)域。9.1.4創(chuàng)建基于模板的文檔創(chuàng)建模板后，接下來就是基于模板創(chuàng)建新的網(wǎng)頁文檔。以模板為基礎創(chuàng)建新的網(wǎng)頁文檔有兩種方法：一種是使用“新建”命令創(chuàng)建基于模板的新文檔；另一種是應用“資源”控制面板中的模板來創(chuàng)建基于模板的網(wǎng)頁。1．使用新建命令創(chuàng)建基于模板的新文檔1）選擇“文件→新建”命令，打開“新建文檔”對話框，單擊“模板中的頁”標簽，在“站點”選項框中選擇本網(wǎng)站的站點，從右側的選項欄中選擇一模板文件，如圖9-12所示。單擊【創(chuàng)建】按鈕創(chuàng)建基于模板的新文檔。2）在基于模板的新網(wǎng)頁文檔中，分別選中各個可編輯區(qū)域，然后向各個可編輯區(qū)域內添加新的網(wǎng)頁內容。圖9-12“新建文檔”對話框3）添加完畢，單擊“文件→保存”命令，保存創(chuàng)建的網(wǎng)頁文檔，按下〈F12〉鍵預覽網(wǎng)頁效果，基于模板的網(wǎng)頁效果如圖9-1所示。2．應用“資源”控制面板中的模板創(chuàng)建基于模板的網(wǎng)頁1）新建一個HTML文檔。在“資源”面板中，單擊左側的“模板”類別，從模板列表中選擇相應的模板，然后單擊控制面板下面的【應用】按鈕，即在文檔中應用了選擇的模板。2）向各個可編輯區(qū)域內添加新的網(wǎng)頁內容。添加完畢，單擊“文件→保存”命令，保存新創(chuàng)建的文檔。3）按下〈F12〉鍵預覽網(wǎng)頁效果?；谀０宓木W(wǎng)頁效果如圖9-2所示。9.1.5在現(xiàn)有文檔上應用模板在DreamweaverCS4中，可以在現(xiàn)有文檔上應用已創(chuàng)建好的模板。具體方法：打開現(xiàn)有的普通HTML文檔，單擊“修改→模板→應用模板到頁”命令菜單，彈出“選擇模板”對話框，選中創(chuàng)建的模板，單擊【選定】按鈕，如圖9-13所示。此時，模板應用到現(xiàn)有文檔中，替換了文檔中原有的內容。需要注意的是，如果現(xiàn)有文檔是從某個模板中派生出來的，DreamweaverCS4會對兩個模板的可編輯區(qū)域進行比較，然后在應用新模板之后，將原文檔中的內容放入到匹配的可編輯區(qū)域中。如果現(xiàn)有文檔是一個尚未應用過模板的文檔，將沒有可編輯區(qū)域，同模板進行比較，于是會出現(xiàn)不匹配情況，此時將打開“不一致的區(qū)域名稱”對話框，如圖9-14所示。這時可以選擇刪除或保留不匹配的內容，決定是否將文檔應用于新模板?？梢赃x擇未解析的內容，然后在“將內容移到新區(qū)域”下拉列表框中選擇要應用到的區(qū)域內容。另外，也可以在“資源”面板中，選擇左側的“模板”類別，在模板列表中選中需要應用的模板，單擊面板下方的【應用】按鈕，即可在現(xiàn)有文檔上應用模板。圖9-13“選擇模板”對話框圖9-14“不一致的區(qū)域名稱”對話框9.1.6編輯模板1．重命名模板文件具體方法：選擇“窗口→資源”命令，打開“資源”面板，單擊左側的“模板”類別，面板右側顯示本站點的模板列表。在模板列表中，選中需要重命名的模板，單擊鼠標右鍵，在彈出的快捷菜單中選擇“重命名”命令，然后為模板輸入一個新名稱。按下〈Enter〉鍵重命名生效，此時彈出“更新文件”對話框，如圖9-15所示。如果更新網(wǎng)站中所有基于此模板的網(wǎng)頁，單擊【更新】按鈕，否則選擇【不更新】按鈕。圖9-15“更新文件”對話框2．修改模板文件修改模板的具體方法：打開“資源”面板，單擊面板左側的“模板”類別，在面板右側的模板列表中，雙擊要修改的模板文件將其打開，根據(jù)需要修改模板內容。因為模板和應用了模板的文檔之間保持著鏈接的關系，所以，將修改后的模板進行保存時，Dreamweaver會提示是否更新所有應用了該模板的頁面，這就是Dreamweaver網(wǎng)站批量更新功能。3．刪除模板文件單擊“資源”面板左側的“模板”類別，在面板右側本站點的模板列表中選中要刪除的模板，單擊面板下方的【刪除】按鈕，并確認要刪除該模板，此時該模板文件從站點中刪除。9.1.7從模板中分離文檔可以將文檔從模板中分離，分離后的網(wǎng)頁和模板就沒有關系了，文檔的不可編輯區(qū)域將變得可以編輯，這給修改網(wǎng)頁內容帶來了很大的方便，同時模板文件內容結構改動時，當前網(wǎng)頁文件就不能被重新變動。具體方法：打開應用了模板的文件，然后選擇“修改→模板→從模板中分離”菜單命令，即可將網(wǎng)頁從模板中分離出來，最后保存文檔。9.1.8更新基于模板的頁面當已經(jīng)利用模板創(chuàng)建了多個網(wǎng)頁時，若想更改模板中的某些網(wǎng)頁元素，可以直接在模板中更改，更改保存時，會彈出“更新模板文件”對話框，如圖9-16所示，只需單擊【更新】按鈕即可如果在保存模板時沒有更新基于該模板的文檔，也可以在之后手動更新基于模板的文檔。具體方法：打開該文檔，選擇“修改→模板→更新當前頁”命令。如果要更新整個站點或所有使用指定模板的文檔，可以選擇“修改→模板→更新頁面”命令，出現(xiàn)“更新頁面”對話框，如圖9-17所示，單擊【開始】按鈕即可?！案马撁妗睂υ捒蚋黜椇x如下：查看：設置是用模板的最新版本更新整個站點，還是更新應用特定模板的所有網(wǎng)頁。更新：設置更新的類別，此時選擇“模板”復選框。顯示記錄：設置是否查看DreamweaverCS4更新文件的記錄。如果選擇“顯示記錄”復選框，則DreamweaverCS4將提供關于其試圖更新的文件信息，包括是否成功更新的信息?！鹃_始】按鈕：單擊此按鈕，DreamweaverCS4按照指示更新文件?！娟P閉】按鈕：單擊此按鈕，關閉“更新頁面”對話框。圖9-16“更新文件”對話框圖9-17“更新頁面”對話框9.2學習任務：使用庫項目9.2.1庫概述9.2.2創(chuàng)建庫項目9.2.3管理和編輯庫項目9.2.1庫概述庫是一種特殊的Dreamweaver文件，把網(wǎng)站中需要重復使用或經(jīng)常更新的頁面元素（如文本、圖像、表格、表單、插件、版權聲明、站點導航條等）存入庫中，存入庫中的元素被稱為庫項目。需要時可以把庫項目拖動到頁面中。當更改某個庫項目的內容時，可以隨時更新所有使用了該項目的頁面。庫項目比模板更加靈活，庫項目只是頁面中的一小部分，可以放置在頁面的任何位置，而不是固定的同一個位置。Dreamweaver在本地站點根文件夾的Library文件夾中，將每個庫項目都保存為一個獨立的擴展名為.lbi的文件。Dreamweaver需要在網(wǎng)頁中建立來自每一個庫項目的相對鏈接，以便確保原始庫項目的存儲位置。選擇“窗口→資源”命令，打開“資源”面板，選擇左側的“庫”類別，如圖9-18所示，面板右側顯示本站點的庫列表。在“庫”面板中，可以方便地進行庫項目的創(chuàng)建、刪除、改名、更新站點等操作。9.2.2創(chuàng)建庫項目1）在Dreamweaver中打開已有的模板文件，這里打開上一節(jié)中創(chuàng)建的“roombook”模板文件，如圖9-19所示。圖9-18選擇“庫”類別圖9-19打開的模板文件2）選擇文檔中需要保存為庫項目的內容，這里選擇了網(wǎng)頁的Logo。3）在“資源”面板中單擊“庫”類別底部的【新建庫項目】按鈕。4）為該庫項目鍵入一個名稱，如logo，然后按下<Enter>鍵即可。如圖9-20所示。提示：Dreamweaver保存的只是對被鏈接項目的引用，原始文件必須保留在指定的位置，這樣才能保證庫項目的正確引用。圖9-20新建的庫項目9.2.3管理和編輯庫項目1．應用庫項目具體方法：打開要應用庫項目的網(wǎng)頁文件，將鼠標定位在需要插入庫項目的位置，在“資源”面板單擊左側的“庫”類別，在右側列表中選擇需要插入的庫項目，單擊【插入】按鈕即可，添加完畢，單擊“文件→保存”命令，按下〈F12〉鍵預覽網(wǎng)頁效果。在文檔中選定添加的庫項目，其“屬性”面板如圖9-21所示。圖9-21庫項目“屬性”面板庫項目“屬性”面板各選項含義：Src：顯示庫項目源文件的文件名和路徑。打開：單擊該按鈕，可打開庫項目的源文件進行編輯，與在“資源”面板中選擇項目并單擊【編輯】按鈕的功能是相同的?！緩脑次募蟹蛛x】按鈕：單擊該按鈕，可斷開所選庫項目和其源文件之間的鏈接。分離項目后，可以在文檔中對其進行編輯，但它不再是庫項目，而且不能在更改原始庫項目時更新?！局匦聞?chuàng)建】按鈕：單擊此按鈕，可用當前選定的內容改寫原始庫項目，以在丟失或意外刪除原始庫項目時重新創(chuàng)建庫項目。2．更新庫項目修改庫項目時，Dreamweaver會更新使用該項目的所有文檔。具體方法：在“資源”面板“庫”列表中選中要編輯的庫項目，單擊【編輯】按鈕，或者直接雙擊該庫項目，打開庫項目源文件，可以對庫項目進行編輯。編輯完成后選擇“文件→保存”菜單命令，在彈出的“更新庫項目”對話框中單擊【更新】按鈕，將更新本地站點中使用該庫項目的文檔。打開要更新使用庫項目的文檔，在“資源”面板中選擇庫項目，右擊鼠標，彈出如圖9-22所示的快捷菜單。若選擇“更改當前頁”菜單項，只更新當前頁的庫項目，站點中的其它頁面用到該修改的庫項目不能更新；當選擇“更新站點”菜單項時，彈出如圖9-23所示的“更新頁面”對話框，可以更新站點中所有使用該庫項目的文檔。3．重命名庫項目具體方法：在“資源”面板的“庫”列表中，在要重命名的庫項目上單擊鼠標右鍵，從彈出的快捷菜單中選擇“重命名”命令，當名稱變?yōu)榭删庉嫊r，輸入新名稱即可。4．刪除庫項目在“庫”列表中選擇要刪除的庫項目，單擊面板底部的【刪除】按鈕，并確認要刪除的庫項目，或者按〈Delete〉鍵，確認要刪除的庫項目。Dreamweaver將從庫中刪除該庫項目，但是不會更改任何使用該項目的文檔的內容。若要重新創(chuàng)建丟失或已刪除的庫項目，可以在某個文檔中選擇該項目的一個實例，然后在“屬性”面板中單擊【重新創(chuàng)建】按鈕即可。圖9-22庫項目操作快捷菜單圖9-23“更新頁面”對話框9.3學習任務：資源管理9.3.1資源面板9.3.2使用站點列表管理資源9.3.3使用收藏列表管理資源9.3.4在另外的站點中重新使用資源9.3.1資源面板“資源”面板顯示與文檔窗口中的活動文檔相關的站點資源。但是，只有先定義一個本地站點，然后才能在“資源”面板中查看資源。在主菜單中選擇“窗口→資源”命令，即可打開“資源”面板，如圖9-24所示?！百Y源”面板提供了兩種視圖方式?！罢军c”列表方式：顯示當前站點的所有資源?！笆詹亍绷斜矸绞剑簝H顯示用戶喜好選擇的資源。選擇預覽區(qū)域上方的【站點】或【收藏】單選按鈕，可在兩種視圖之間進行切換。在“資源”面板的左側提供了9類資源，單擊相應的類別圖標按鈕，即可切換到該類資源的顯示方式，并在右側的資源列表框中顯示出包含的資源?！緢D像】：GIF、JPEG或PNG格式的圖像文件?！绢伾浚何臋n和樣式表中使用的顏色，包括文本顏色、背景顏色和鏈接顏色?！綰RLs】：當前站點文檔中使用的外部鏈接，包括FTP、gopher、HTTP、HTTPS、JavaScript、電子郵件(mailto)以及本地文件(file://)鏈接。【SWF】：任何AdobeFlash版本的文件?！百Y源”面板僅顯示SWF文件，不顯示FLA（Flash源）文件?！維hockwave】：任何AdobeShockwave版本的文件?！居捌浚篞uickTime或MPEG文件?！灸_本】：JavaScript或VBScript文件。HTML文件中的腳本（而不是獨立的JavaScript或VBScript文件）不出現(xiàn)在“資源”面板中?！灸０濉浚赫军c中所包含的模板。模板用于在多個頁面上重復使用的同一個頁面布局。修改模板時會自動修改附加到該模板的所有頁面?！編臁浚赫军c中所包含的在多個頁面中使用的元素。當修改一個庫項目時，會更新所有包含該項目的頁面。9.3.2使用站點列表管理資源1．選擇資源在“資源”面板中，單擊即可選擇一個資源；按住〈Shift〉鍵并單擊可以選擇一系列連續(xù)的資源。按住〈Ctrl〉鍵單擊可選擇不連續(xù)的多個資源，也可以取消已選定的資源。2．將資源添加到文檔具體方法：在“資源”面板中選擇資源，例如選擇一幅圖像，將圖像拖動到文檔窗口中即可，或者單擊“資源”面板中的【插入】按鈕，也可將資源添加到文檔。3．把顏色應用于文本上在“資源”面板中顯示已應用的各種元素（如文本、表格邊框、背景等）的顏色。把顏色應用到文本上的具體方法：在文檔中選擇文本，在“資源”面板左側的類別列表中選擇“顏色”類別，在右側的列表中選擇一種顏色，如圖9-25所示，單擊“應用”按鈕，打開“新建CSS規(guī)則”對話框，從中設置選擇器的類型和名稱，單擊【確定】按鈕，將顏色應用到選定的文本。4．把URL應用于圖像或文本具體方法：選擇文本或圖像，在“資源”面板左側的類別列表中選擇“URLs”類別，根據(jù)URL存儲的位置，選擇“站點”或“收藏”單選按鈕，在右側的列表中選擇URL，如圖9-26所示，將URL拖動到“設計”視圖中的選定內容上，或者單擊【插入】按鈕即可。圖9-24“資源”面板圖9-25選擇顏色5．編輯資源如果所編輯的資源需要使用外部編輯器，必須進行以下操作：選擇主菜單中的“編輯→首選參數(shù)”命令，彈出“首選參數(shù)”對話框，從中選擇“文件類型/編輯器”類別，為某資源定義外部編輯器。編輯資源的具體方法：在“資源”面板中選擇資源，單擊“編輯”按鈕，或者雙擊該資源，打開該資源定義的外部編輯器，對選定的資源進行編輯，然后在該編輯器中保存所做的更改，并關閉外部編輯器即可。9.3.3使用收藏列表管理資源對于某些大型站點來說，資源較多，用戶可以把常用的資源添加到收藏列表，將相關的資源歸類在一起，為資源指定別名以指明用途，以方便地在“資源”面板中查找資源。1．添加收藏資源在“資源”面板中向站點的收藏列表添加資源有以下幾種方法：在“資源”面板的站點列表中選擇一個或多個資源，單擊【添加到收藏夾】按鈕即可，或者單擊鼠標右鍵，從彈出的快捷菜單中選擇“添加到收藏夾”命令。在“文件”面板中選擇一個或多個文件，例如選擇一個圖像文件，單擊鼠標右鍵，從彈出的快捷菜單中選擇“添加到圖像收藏”命令。在文檔窗口的“設計”視圖中選擇一個元素，單擊鼠標右鍵，從彈出的快捷菜單中選擇“添加到圖像收藏”命令。2．將URL添加到“收藏”列表具體方法：在“資源”面板中，選擇“URLs”類別，在面板頂部選擇“收藏”按鈕，單擊“資源”面板底部的【新建URL】按鈕，彈出“添加URL”對話框，在對話框的“URL”文本框中輸入URL值，在“昵稱”文本框中輸入URL的名稱，如圖9-27所示，單擊【確定】按鈕完成設置。圖9-26選擇URL圖9-27“添加URL”對話框3．重命名收藏資源只能在“收藏”列表中為資源指定別名，而在“站點”列表保留其實際文件名。具體方法：在“資源”面板中選擇包含所需資源的類別，在面板頂部選擇“收藏”按鈕，在資源的名稱或圖標上單擊鼠標右鍵，從彈出的快捷菜單中選擇“編輯別名”命令，輸入新的名稱即可。4．將資源歸類到收藏夾中具體方法：在“資源”面板的頂部選擇“收藏”單選按鈕，單擊“新建收藏夾”按鈕，創(chuàng)建一個新的收藏夾，如圖9-28所示。這里為文件夾命名為“導航條”，按回車鍵確認。然后把收藏列表中導航條圖像都拖動到新建的文件夾中。9.3.4在另外的站點中重新使用資源“資源”面板顯示當前站點中屬于可識別類型的所有資源。若要將當前站點中的資源用于另一個站點，必須將該資源復制到另一個站點?？梢砸淮螐椭埔粋€單獨的資源、一組單獨的資源或復制整個“收藏”。1．在文件面板中定位資源文件在“文件”面板中定位資源文件的具體方法：在“資源”面板中選擇要查找的資源類別，右擊鼠標，從彈出的快捷菜單中選擇“在站點中定位”命令。這時“文件”面板將打開，其中定位的資源文件處于選定狀態(tài)?！霸谡军c定位”命令定位與資源本身對應的文件，不定位使用該資源的文件。2．復制資源到另一個站點具體方法：在“資源”面板中選擇要復制的資源的類別，在“站點”列表或“收藏”列表中的一個或者多個資源上單擊鼠標右鍵，在彈出的快捷菜單中選擇“復制到站點”命令，然后從列出了所有已定義站點的子菜單中選擇目標站點的名稱，如圖9-29所示。資源會復制到它們在目標站點中的相應位置，Dreamweaver根據(jù)需要在目標站點的層次結構中創(chuàng)建新文件夾。圖9-28新建的收藏夾圖9-29“復制到站點”快捷菜單9.4上機實訓9.4.1設計網(wǎng)站模板9.4.2用新建模板創(chuàng)建網(wǎng)頁9.4.3用庫和資源更新網(wǎng)站9.4.1設計網(wǎng)站模板1．實訓要求練習創(chuàng)建模板和編輯模板的方法練習設置模板可編輯區(qū)域的方法2．實訓指導1）新建站點，站點根目錄為mysite，在mysite目錄下創(chuàng)建文件夾images、pages和flash，分別用來存放網(wǎng)站圖像、站點子頁