關於 Dreamweaver 資源和圖庫

了解如何在 Dreamweaver 中使用資源,例如影像、影片、顏色、Script、連結和圖庫項目。

關於資源

您可以使用 Adobe Dreamweaver 來記錄和預覽您網站中所儲存的「資源」,例如影像、影片、顏色、Script 及連結。 另外,也可以直接拖曳資源,將它插入目前文件的頁面中。

您可以從各種不同來源取得資源。例如,您可以在應用程式 (如 Adobe® Fireworks® 或 Adobe® Flash®) 中建立資源、從同事那裡接收資源,或從美工圖案光碟或圖形網站複製資源。

Dreamweaver 還可以讓您存取兩種特殊的資源類型:圖庫和範本。這兩項都是連結的資源:當您編輯圖庫項目或範本時,Dreamweaver 便會更新使用這些資源的所有文件。圖庫項目通常表示小型的設計資源,例如網站標誌或版權。若要控制大型的設計區域,請使用範本。

關於圖庫項目

「圖庫」是一種特殊的 Dreamweaver 檔案,其中包含個別資源的集合,或是您可以放在網頁中的資源複本。圖庫中的資源就稱為「圖庫項目」。您可以儲存在圖庫中的項目,包括影像、表格、聲音和使用 Adobe Flash 建立的檔案。每當您編輯圖庫項目時,就會自動更新使用這個項目的所有頁面。

例如,假設您正在為某間公司建立一個大型網站,而此公司希望在每一頁上都出現一段相同的標語。您可以建立一個包含此標語的圖庫項目,並在每一頁上使用此圖庫項目。如果此標語變更,您就可以變更此圖庫項目,並自動更新使用此項目的每一頁。

Dreamweaver 會針對每個網站,將其圖庫項目儲存在本機根資料夾的 Library 資料夾中。每一個網站都有其本身的圖庫。

您可以將文件的 body 區段中任何元素,建立成為圖庫項目,包括文字、表格、表單、Java Applet、外掛程式、ActiveX 元素、導覽列及影像。

對於連結的項目 (例如影像),圖庫只是儲存這個項目的參考。原始檔案必須保持在特定的位置,圖庫項目才能正確地運作。

即使如此,在圖庫項目中儲存影像還是相當有用。例如,您可以在圖庫項目中儲存完整的 在圖庫項目中儲存完整的 img 標籤,以便輕易地變更整個網站上影像的 alt 文字,甚至是影像的 src 屬性 (不過,請不要用這種技巧變更影像的 widthheight 屬性,除非您同時使用影像編輯器來變更影像的實際大小)。

備註

如果圖庫項目含有連結,這些連結不一定能在新的網站中運作。同時,圖庫項目中的影像也不會複製到新網站。

當您使用圖庫項目時,Dreamweaver 會在網頁中插入其連結,而非插入項目本身。也就是說,Dreamweaver 會將這個項目的 HTML 原始碼複本插入文件中,並加上 HTML 註解,其中包含原始外部項目的參考。這個外部參考可以讓自動更新作業順利進行。

當您建立的圖庫項目包含附加了 Dreamweaver 行為的元素時,Dreamweaver 便會將此元素和其事件處理常式 (此屬性會指定哪個事件會觸發 onClickonLoadonMouseOver 等動作,以及事件發生時要呼叫哪個動作) 複製到圖庫項目檔案。Dreamweaver 不會將關聯的 JavaScript 函式複製到圖庫項目中。相反的,當您將圖庫項目插入文件時,Dreamweaver 會自動將適當的 JavaScript 函式插入該文件的 head 區段中 (如果此處沒有這些函式的話)。

備註

如果是以手工撰寫 JavaScript (就是不使用 Dreamweaver 行為來建立) 的話,便可以在使用「呼叫 JavaScript」行為執行程式碼時,使其成為圖庫項目的一部分。如果您不使用 Dreamweaver 行為來執行程式碼,就不會將程式碼保留為圖庫項目的一部分。

在圖庫項目中編輯這些行為時,有一些特殊要求。圖庫項目不能含有樣式表,因為這些元素的程式碼是 head 區段的一部分。

Adobe, Inc.

更快、更輕鬆地獲得協助

新的使用者?