- Dreamweaver 使用手冊
- 簡介
- Dreamweaver 和 Creative Cloud
- Dreamweaver 工作區和檢視
- 設定網站
- 管理檔案
- 版面和設計
- CSS
- 頁面內容和資產
- 設定頁面屬性
- 設定 CSS 標題屬性和 CSS 連結屬性
- 處理文字
- 尋找和取代文字、標籤和屬性
- DOM 面板
- 在即時檢視中編輯
- 在 Dreamweaver 中進行文件編碼
- 在文件視窗中選取並檢視元素
- 在屬性檢視窗中設定文字屬性
- 檢查網頁拼字
- 在 Dreamweaver 中使用水平線
- 在 Dreamweaver 中新增和修改字體組合
- 使用資源
- 在 Dreamweaver 中插入和更新日期
- 在 Dreamweaver 中建立和管理最愛資源
- 在 Dreamweaver 中插入及編輯影像
- 新增媒體物件
- 在 Dreamweaver 中加入視訊
- 插入 HTML5 視訊
- 插入 SWF 檔
- 新增音效效果
- 在 Dreamweaver 中插入 HTML5 音效
- 使用圖庫項目
- 在 Dreamweaver 中使用阿拉伯文和希伯來文文字
- 連結和導覽
- jQuery Widget 和效果
- 撰寫網站程式碼
- 關於在 Dreamweaver 中撰寫程式碼
- Dreamweaver 的程式碼撰寫環境
- 設定程式碼撰寫偏好設定
- 自訂程式碼色彩標示
- 撰寫和編輯程式碼
- 程式碼提示和程式碼完成
- 收合和展開程式碼
- 利用片段重複使用程式碼
- Lint 程式碼
- 最佳化程式碼
- 在設計檢視中編輯程式碼
- 使用頁面的檔頭內容
- 在 Dreamweaver 中插入伺服器端包含
- 在 Dreamweaver 中使用標籤資料庫
- 匯入自訂標籤到 Dreamweaver
- 使用 JavaScript 行為 (一般說明)
- 套用內建的 JavaScript 行為
- 關於 XML 與 XSLT
- 在 Dreamweaver 中執行伺服器端 XSL 轉換
- 在 Dreamweaver 中執行用戶端 XSL 轉換
- 在 Dreamweaver 中新增 XSLT 字元實體
- 格式化程式碼
- 跨產品工作流程
- 範本
- 行動裝置和多螢幕
- 動態網站、網頁和網站表單
- 以視覺化方式建立應用程式
- 測試、預覽和發佈網站
- 疑難排解
關於設計備註
「設計備註」是您針對某個檔案所建立的備註。「設計備註」會與它們所說明的檔案關聯,但是儲存在另外的檔案中。您可以在「檔案」面板中看到哪些檔案附有「設計備註」:「設計備註」圖示會出現在「備註」欄中。
您可以使用「設計備註」來記錄與文件關聯的額外檔案資訊,例如,影像原始檔案名稱和對檔案狀態的註解。例如,假設您要從某一個網站複製文件到另一個網站,您可以為這個文件新增「設計備註」,註解它的原始文件是在另一個網站資料夾中。
您也可以使用「設計備註」記錄一些基於安全理由不能放在文件內的敏感資訊,如選擇特定價格或設定的原因、哪些市場因素影響了設計決策等。
如果您在 Adobe® Fireworks® 或 Flash 中開啟檔案並且將其轉存為另一種格式,Fireworks 和 Flash 會自動將原始檔案的名稱儲存在「設計備註」檔案中。例如,假設您在 Fireworks 中開啟 myhouse.png,並將其轉存到 myhouse.gif,Fireworks 就會建立稱為 myhouse.gif.mno 的「設計備註」檔案。這個「設計備註」檔案含有原始檔案的名稱,如絕對 file: URL。因此,myhouse.gif 的「設計備註」可能會含有下面這行:
fw_source="file:///Mydisk/sites/assets/orig/myhouse.png"
類似的 Flash「設計備註」可能含有下面這行:
fl_source="file:///Mydisk/sites/assets/orig/myhouse.fla"
若要共用「設計備註」,使用者應該定義相同的網站根路徑 (例如,sites/assets/orig)。
當您將圖形匯入到 Dreamweaver 時,「設計備註」檔案也會自動與圖形一起複製到您的網站。當您在 Dreamweaver 中選取影像,並且選擇要使用 Fireworks 進行編輯時,Fireworks 便會開啟原始檔案讓您進行編輯。
啟用和停用網站的設計備註
「設計備註」是與檔案相關聯的備註,但是會儲存在另外的檔案中。使用「設計備註」可以記錄與文件相關聯的額外檔案資訊,如影像原始檔案名稱和對檔案狀態的註解。
您可以在「網站定義」對話方塊的「設計備註」類別中,啟用或停用網站的「設計備註」。啟用「設計備註」時,如果您願意,也可以選擇與其他人分享設計備註。
-
選取「網站>管理網站」。
-
在「管理網站」對話方塊中選取網站,然後按一下「編輯」。
-
在「網站設定」對話方塊中,展開「進階設定」並選取「設計備註」類別。
-
選取「維護設計備註」以啟用「設計備註」(取消選取即可停用)。
-
如果您希望從網站刪除所有本機「設計備註」檔案,請按一下「清理」,然後按一下「是」 (如果想要刪除遠端「設計備註」檔案,您必須手動予以刪除)。註解:
「清理設計備註」命令只會刪除 MNO (設計備註) 檔案,並不會刪除 _notes 資料夾或 _notes 資料夾內的 dwsync.xml 檔案。Dreamweaver 使用 dwsync.xml 檔案來維護網站同步化的相關資訊。
-
選取「啟用設計備註以供共享」,與其他文件一起上傳和網站關聯的「設計備註」,然後按一下「確定」。
如果您選取這個選項,就可與小組的其他成員共用「設計備註」。上傳或下載檔案時,Dreamweaver 會自動上傳或下載關聯的「設計備註」檔案。
如果沒有選取這個選項,Dreamweaver 會在本機維護「設計備註」,但是不會隨您的檔案一起上傳。如果您獨自在網站工作,取消選取這個選項可以增進效能。當您存回/上傳檔案時,「設計備註」就不會傳送到遠端網站,而您仍然可以在本機對網站新增和修改「設計備註」。
將設計備註與檔案建立關聯
您可以針對網站中的每一個文件或範本建立「設計備註」檔案。您也可以針對 Applet、ActiveX 控制項、影像、Flash 內容和 Shockwave 物件,以及文件中的影像欄位建立「設計備註」。
如果您將「設計備註」新增到範本檔案,使用這個範本建立的文件並不會繼承「設計備註」。
-
請執行下列其中一項作業:
在「文件」視窗中開啟檔案,然後選取「檔案>設計備註」。
在「檔案」面板中,按一下右鍵 (Windows) 或 Control+按一下 (Macintosh) 檔案,然後選取「設計備註」。
註解:如果檔案位於遠端網站,您必須先取出或下載檔案,然後在本機資料夾中選取它。
-
在「基本資訊」索引標籤中,從「狀態」選單選取文件的狀態。
-
按一下日期圖示 (在「備註」方塊上方),在您的備註中插入目前的本機日期。
-
在「備註」方塊中輸入註解。
-
選取「檔案開啟時顯示」,讓「設計備註」檔案在每次檔案開啟時都會出現。
-
在「全部資訊」索引標籤中,按一下加號 (+) 按鈕,新增索引鍵/值配對;選取某個配對並且按一下減號 (-) 按鈕進行移除。
例如,您可以將索引鍵命名為 Author (在「名稱」方塊中) 並且定義它的值為 Heidi (在「值」方塊中)。
-
按一下「確定」儲存備註。
Dreamweaver 會在目前檔案的同樣位置將備註儲存在 _notes 資料夾。檔案名稱就是文件的檔案名稱,加上 .mno 副檔名。例如,假設檔案名稱為 index.html,那麼關聯的「設計備註」檔案就會命名為 index.html.mno。
使用設計備註
將「設計備註」與檔案建立關聯之後,您可以開啟「設計備註」,變更其狀態或加以刪除。
開啟與檔案關聯的設計備註
-
請執行下列其中一項作業來開啟「設計備註」:
在「文件」視窗中開啟檔案,然後選取「檔案>設計備註」。
在「檔案」面板中,按一下右鍵 (Windows) 或 Control+按一下 (Macintosh) 檔案,然後選取「設計備註」。
在「檔案」面板的「備註」欄中,按兩下黃色的「設計備註」圖示。
註解:若要顯示黃色的「設計備註」圖示,在「進階」索引標籤上依序選取「網站 > 管理網站 > [您的網站名稱] > 編輯 > 進階設定 > 檔案檢視欄設定」。在清單面板中選取「備註」,然後選擇「顯示」選項。當您按一下「檔案」工具列上的「擴展」按鈕來同時顯示本機與遠端檔案時,您的本機網站上會出現一個「備註」欄,並以黃色備註圖示顯示任何帶有「設計備註」的檔案。
指定自訂的設計備註狀態
-
開啟檔案或物件的「設計備註」(請參閱前面的程序)。
-
按一下「全部資訊」索引標籤。
-
按一下加號 (+) 按鈕。
-
在「名稱」欄位中,輸入單字 status。
-
在「值」欄位中,輸入狀態。
如果已經有狀態值,就會由新的值取代。
-
按一下「基本資訊」索引標籤,就會看到新狀態值出現在「狀態」彈出式選單中。註解:
同一時間裡,狀態選單中只能有一個自訂值。如果您再次按照這個程序執行,Dreamweaver 便會用輸入的新狀態值取代第一次輸入的狀態值。
從網站刪除未關聯的設計備註
-
選取「網站>管理網站」。
-
選取網站,然後按一下「編輯」。
-
在「網站定義」對話方塊中,從左邊的分類清單中選取「設計備註」。
-
按一下「清理」按鈕。
Dreamweaver 會提示您確認刪除已不再與網站中檔案關聯的任何「設計備註」。
如果您使用 Dreamweaver 刪除具有關聯「設計備註」檔案的檔案,Dreamweaver 會同時刪除「設計備註」檔案;所以通常是在 Dreamweaver 之外刪除或重新命名檔案時,才會造成孤立的「設計備註」檔案。
註解:如果您在按一下「清理」之前取消選取「維護設計備註」選項,Dreamweaver 將會刪除網站中所有「設計備註」檔案。