了解如何在 Dreamweaver 中使用資源,例如影像、影片、顏色、Script、連結和圖庫項目。
關於資源
您可以使用 Adobe Dreamweaver 來記錄和預覽您網站中所儲存的「資源」,例如影像、影片、顏色、Script 及連結。 另外,也可以直接拖曳資源,將它插入目前文件的頁面中。
您可以從各種不同來源取得資源。例如,您可以在應用程式 (如 Adobe® Fireworks® 或 Adobe® Flash®) 中建立資源、從同事那裡接收資源,或從美工圖案光碟或圖形網站複製資源。
Dreamweaver 還可以讓您存取兩種特殊的資源類型:圖庫和範本。這兩項都是連結的資源:當您編輯圖庫項目或範本時,Dreamweaver 便會更新使用這些資源的所有文件。圖庫項目通常表示小型的設計資源,例如網站標誌或版權。若要控制大型的設計區域,請使用範本。
關於圖庫項目
「圖庫」是一種特殊的 Dreamweaver 檔案,其中包含個別資源的集合,或是您可以放在網頁中的資源複本。圖庫中的資源就稱為「圖庫項目」。您可以儲存在圖庫中的項目,包括影像、表格、聲音和使用 Adobe Flash 建立的檔案。每當您編輯圖庫項目時,就會自動更新使用這個項目的所有頁面。
例如,假設您正在為某間公司建立一個大型網站,而此公司希望在每一頁上都出現一段相同的標語。您可以建立一個包含此標語的圖庫項目,並在每一頁上使用此圖庫項目。如果此標語變更,您就可以變更此圖庫項目,並自動更新使用此項目的每一頁。
Dreamweaver 會針對每個網站,將其圖庫項目儲存在本機根資料夾的 Library 資料夾中。每一個網站都有其本身的圖庫。
您可以將文件的 body 區段中任何元素,建立成為圖庫項目,包括文字、表格、表單、Java Applet、外掛程式、ActiveX 元素、導覽列及影像。
對於連結的項目 (例如影像),圖庫只是儲存這個項目的參考。原始檔案必須保持在特定的位置,圖庫項目才能正確地運作。
即使如此,在圖庫項目中儲存影像還是相當有用。例如,您可以在圖庫項目中儲存完整的 在圖庫項目中儲存完整的 img 標籤,以便輕易地變更整個網站上影像的 alt 文字,甚至是影像的 src 屬性 (不過,請不要用這種技巧變更影像的 width 和 height 屬性,除非您同時使用影像編輯器來變更影像的實際大小)。
如果圖庫項目含有連結,這些連結不一定能在新的網站中運作。同時,圖庫項目中的影像也不會複製到新網站。
當您使用圖庫項目時,Dreamweaver 會在網頁中插入其連結,而非插入項目本身。也就是說,Dreamweaver 會將這個項目的 HTML 原始碼複本插入文件中,並加上 HTML 註解,其中包含原始外部項目的參考。這個外部參考可以讓自動更新作業順利進行。
當您建立的圖庫項目包含附加了 Dreamweaver 行為的元素時,Dreamweaver 便會將此元素和其事件處理常式 (此屬性會指定哪個事件會觸發 onClick、onLoad 或 onMouseOver 等動作,以及事件發生時要呼叫哪個動作) 複製到圖庫項目檔案。Dreamweaver 不會將關聯的 JavaScript 函式複製到圖庫項目中。相反的,當您將圖庫項目插入文件時,Dreamweaver 會自動將適當的 JavaScript 函式插入該文件的 head 區段中 (如果此處沒有這些函式的話)。
如果是以手工撰寫 JavaScript (就是不使用 Dreamweaver 行為來建立) 的話,便可以在使用「呼叫 JavaScript」行為執行程式碼時,使其成為圖庫項目的一部分。如果您不使用 Dreamweaver 行為來執行程式碼,就不會將程式碼保留為圖庫項目的一部分。
在圖庫項目中編輯這些行為時,有一些特殊要求。圖庫項目不能含有樣式表,因為這些元素的程式碼是 head 區段的一部分。