瞭解如何在 Adobe Muse 中新增及管理資源。

註解:

Adobe Muse 不再增加新功能,並將於 2020 年 3 月 26 日停止支援。如需詳細資訊和協助,請參閱 Adobe Muse 終止服務頁面

當您在 Adobe Muse 中建置網站時,您新增的檔案會列在「資源」面板中。此面板包含許多實用的功能,您可以用來在建立設計時快速更新、最佳化以及調換圖形。

若要存取「資源」面板,請選擇「視窗 > 資源」。或按一下「資源」索引標籤,使「資源」面板在面板集中處於作用中狀態。

「資源」面板

您可以在「資源」面板中以滑鼠右鍵按一下任何資源 (或選取的資源集) 來套用選單選項。視您點選的檔案類型而定,會顯示稍有不同的選單項目。可用選項如下:

  • 嵌入連結:移除您置入之原始檔案的參考連結。選擇此選項時,此設定可停用「資源」面板中的許多檔案管理功能,但如果您正與其他設計師共用 Adobe Muse 檔案,這會使 .muse 檔案自行提供資源並防止警告出現。
  • 重新連結:如果自您置入資源後已移除或重新命名資源,您可以重新連結資源檔案。在出現的視窗中瀏覽,以再次選取檔案。此動作也可將警告圖示從「資源」面板中移除。
  • 前往資源/跳至資源使用例項:使用 Adobe Muse 時,有時候可能很難追蹤您在何處使用了上傳的資源或背景影像。現在您可以利用全新的「跳至資源使用例項」選項,來追蹤網站上背景影像及上傳資源的使用情形。
  • 編輯原稿:開啟原始影像 (儲存在您的電腦上) 以便對主版檔案進行變更。視檔案類型與您電腦的檔案關聯而定,檔案將會在外部編輯器中開啟,使您能夠對資源進行變更。
  • 新增標題:開啟包含欄位的「影像屬性」對話方塊,以輸入所選資源的標題與替代文字。這兩者是當您發佈網站的程式碼時,其中包含的兩條簡短文字描述。標題提供有關資源的額外資訊。標題應具描述性、讓人容易記住且簡潔扼要。在部分瀏覽器中,當您將滑鼠游標暫留在影像上時,標題文字會顯示為工具提示。
  • 新增替代文字:開啟包含欄位的「影像屬性」對話方塊,以輸入所選資源的標題與替代文字。這兩者是當您發佈網站的程式碼時,其中包含的兩條簡短文字描述。替代文字是已在瀏覽器中停用影像之使用者,以及使用螢幕閱讀程式與其他輔助瀏覽裝置瀏覽網頁之視力受損訪客的替代資訊來源。許多搜尋引擎使用替代文字來索引網站。新增替代文字可協助您改善搜尋結果中的網站等級。
  • 顯現在 Finder 中:在 Mac Finder 或 Windows 檔案總管檔案結構階層內,顯示您電腦中原始檔案的位置。
  • 拷貝完整路徑:以類似下列格式,將原始資源檔案在您硬碟上的位置拷貝至剪貼簿:file:///Users/User_Name/Folder_Name/Subfolder_Name/image.jpg

使用「資源」面板管理您的檔案

您可以拖移「資源」面板的側邊或底邊來將其展開,即可查看更多清單中的內容。

若要重新排序資源的清單,請按一下頂端標題列。您可以按資源名稱、錯誤圖示或頁面名稱,以遞增與遞減的順序來重新排序清單。每個標題都可以像切換按鈕一樣排序對應欄中的項目。

當您置入相同影像檔案的多個實例時,會顯示原始資源,且實例位於其下方。按一下原始資源名稱左側的箭頭來展開及收合資源集。在因要更輕鬆地在「資源」面板中瀏覽項目而縮短資源清單時,此功能就很實用。

「資源」面板
按一下影像名稱左側的箭頭可展開及收合範例集。

註解:

如果您置入影像,然後加以複製,並對其進行變更 (包括旋轉或裁切),當您轉存或發佈網站時,會以不同的檔案名稱轉存旋轉或裁切的影像。如果您置入影像,且在沒有裁切的情況下複製或調整其大小,則所有較小的影像都將參考最大的影像,且將用程式碼調整實例的尺寸。

在最常見的工作流程中,會將置入的資源連結至 .muse 檔案,以保持參考您選取的原始檔案。例如,如果您選擇「檔案 > 置入」,在桌面上瀏覽以選取影像,然後將其置入頁面,則影像會新增到頁面設計,影像的名稱會新增到「資源」面板,且參考連結會設定為指向原始影像存在於桌面上的位置。

為此,最佳作法是使用影像編輯程式 (例如 Photoshop、Illustrator 或 Fireworks),將網頁最佳化的影像檔案轉存至桌面上同樣包含網站的 .muse 檔案的檔案夾。這樣一來,會將網站的所有元素組織在一個本機檔案夾中 (這樣也可以在您與其他設計師一起合作,並且想要將整個專案交給其他人的情況下使專案成為可攜式專案)。

當您置入檔案時,參考連結可協助 Adobe Muse 保持追蹤檔案的位置及其狀態。「資源」面板會在下列情況下對您發出警告:

遺失影像:在您置入檔案之後,連結檔案的原始資源已移動或重新命名。如果您在重新命名或移動原始影像之後開啟 Adobe Muse 專案檔案,請在顯示的警告方塊中按一下「確定」,然後使用「資源」面板來重新連結資源。

遺失資源警告方塊
按一下「確定」可關閉遺失資源警告方塊。

資源過期:在您置入檔案之後,連結檔案的原始資源已在 Adobe Muse 之外進行編輯。如果您在變更原始影像後開啟 Muse 專案檔案,也可以在顯示的對話方塊中按一下「確定」,來自動更新修改的連結資源。

更新資源警告方塊
按一下「確定」可更新在 Muse 之外修改的連結資源。

經過補強的資源:已置入連結的檔案,且已將其縮放為大於可用來顯示它的資料,進而產生較低影像品質的奇怪影像。如需有關如何解決此問題的詳細資訊,請參閱以下標題為「最佳化影像以在網頁上顯示」一節。

膨脹的專案檔案:已置入較大的連結影像檔案,然後在頁面設計中將其縮得更小;.muse 檔案會包含比顯示影像所需的更多資料 (進而產生具有不需要之較大檔案大小的 .muse 檔案)。視專案檔案的大小而定,轉存時可能會使效能降低,且轉存或發佈時可能會發生錯誤。

如需有關如何解決此問題的詳細資訊,請參閱以下有關使用經過補強的資源警告圖示的一節。

在 Adobe Muse 專案中拷貝及貼上資源

您也可以透過拷貝內容,然後直接將內容貼至頁面,以將內容移至 Adobe Muse 中。建置潛在用戶端的骨架網站時,這是非常快速的工作流程策略,因為您可以直接從瀏覽器視窗、電子郵件訊息或影像編輯程式中,直接從現有網站拷貝資源。

一般而言,在建立最終網站設計時貼上內容並不是最佳作法,因為這會停用許多「資源」面板功能 (例如以下描述的「前往資源」、「編輯原稿」、「顯現在 Finder 中」與「讀入較大尺寸」選項)。這也表示您貼上的檔案未保留您電腦上主版檔案的參考連結。這些貼上資源檔案為「嵌入」而非連結。

必要時,您可以透過選擇「嵌入連結」選項來選擇將任何置入資源轉換為嵌入資源。在某些情況下,針對 Adobe Muse 網站嵌入所有資源是有利的。例如,您可能正與另一位設計師一起在網站上工作,而您想要避免變更原始影像時會發生的過期錯誤。這些警告將不再出現,因為已移除來源檔案的參考連結。但是,請記住,您將無法使用「資源」面板所提供的許多實用功能。

提取資源放入單一檔案夾

您可以將 Adobe Muse 網站要使用的所有資源檔案,全都複製到本機電腦裡或外接硬碟裡的單一檔案夾。若要備份所有資源,或要將專案移至另一部電腦,那麼將資源儲存到單一檔案夾就很有用了。

若要收集所有資源:

  1. 從「資源」面板,按一下「收集所有資源」圖示。

    收集所有資源圖示
    將所有資源收集到單一位置

  2. 將資源另存到電腦裡或硬碟裡的檔案夾。

    資源會儲存在指定的位置。Adobe Muse 會顯示收集摘要,內含所提取資源的總數。

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策