關於 Dreamweaver 資源和圖庫

上次更新時間 2021年4月27日

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

關於資源

您可以使用 Adobe Dreamweaver 來追蹤和預覽儲存在您網站中的資源,例如影像、電影、色彩、指令碼和連結。您也可以直接拖曳資產,將其插入到目前文件的頁面中。

您可以從各種不同來源取得資源。 例如,您可能在 Adobe® Fireworks® 或 Adobe® Flash® 等應用程式中建立資產,從同事那裡收到資產,或者從美工圖庫 CD 或圖形網站複製資產。

Dreamweaver 也提供兩種特殊類型資產的存取權:資料庫和範本。兩者都是連結的資產:當您編輯程式庫項目或範本時,Dreamweaver 會更新所有使用這些資產的文件。資料庫項目通常代表小型設計資產,例如網站標誌或版權。要控制較大的設計區域,請改用範本。

關於圖庫項目

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

例如,假設您正在為一家想要在每個頁面上顯示標語的公司建置大型網站。您可以建立包含標語的資料庫項目,並在每個頁面上使用該資料庫項目。如果標語變更,您可以變更資料庫項目並自動更新使用它的每個頁面。

Dreamweaver 將資料庫項目儲存在每個網站本機根資料夾內的 Library 資料夾中。每個網站都有自己的程式庫。

您可以從文件正文區段中的任何元素建立程式庫項目,包括文字、表格、表單、Java 小程式、外掛程式、ActiveX 元素、導覽列和影像。

對於像影像這樣的連結項目,程式庫只儲存對該項目的參照。原始檔案必須保持在指定位置,程式庫項目才能正常運作。

即使如此,在圖庫項目中儲存影像還是相當有用。 例如,您可以在程式庫項目中儲存完整的img標記,這可讓您輕鬆變更整個網站中影像的alt文字,甚至其src屬性。(但是,請勿使用此技術來變更影像的寬度高度屬性,除非您也使用影像編輯器來變更影像的實際大小。)

備註

如果資料庫項目包含連結,這些連結在新網站中可能無法運作。此外,資料庫項目中的影像不會複製到新網站。

當您使用資料庫項目時,Dreamweaver 會在網頁中插入指向該項目的連結,而不是項目本身。也就是說,Dreamweaver 會將該項目的 HTML 來源代碼副本插入到文件中,並添加包含對原始外部項目參考的 HTML 註解。正是這個外部參考使得自動更新成為可能。

當您建立包含附加了 Dreamweaver 行為的元素的資料庫項目時,Dreamweaver 會將元素及其事件處理程式(指定哪個事件觸發動作的屬性,例如 onClickonLoadonMouseOver,以及當事件發生時要呼叫哪個動作)複製到資料庫項目檔案中。Dreamweaver 不會將相關的 JavaScript 函數複製到資料庫項目中。相反地,當您將資料庫項目插入文件時,Dreamweaver 會自動將適當的 JavaScript 函數插入該文件的 head 區段中(如果尚未存在)。

備註

如果您手動編寫 JavaScript 程式碼(也就是說,如果您不使用 Dreamweaver 行為來建立),您可以使用「呼叫 JavaScript」行為來執行程式碼,讓它成為資料庫項目的一部分。如果您不使用 Dreamweaver 行為來執行程式碼,該程式碼不會保留為資料庫項目的一部分。

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