在文字中按一下，或選取頁面上的物件。
上次更新時間
2021年4月27日
使用此主題，了解如何使用屬性檢視窗，在 Adobe Dreamweaver 的設計檢視中編輯程式碼。
Dreamweaver 讓您以視覺方式 建立和編輯網頁，而無需擔心底層 來源程式碼，但有時您可能需要編輯程式碼 以獲得更大的控制權或對網頁進行疑難排解。Dreamweaver 讓您在 「設計」檢視中工作時編輯某些程式碼。
本節專為偏好在「設計」 檢視中工作，但也希望快速存取程式碼的人員而設計。
在設計檢視中選取子標籤
如果您在「設計」視圖中選取包含下層標記的物件，例如 HTML 表格，您可以透過選取「編輯」> 「選取下層」來快速選取該物件的第一個下層標記。
備註
這個命令只可以在「設計」檢視中啟用。
例如，<table> 標記通常 有 <tr> 子標記。如果您在 標記選擇器中選取 <table> 標記，可以透過選取 「編輯」>「選取子項」來選取表格中的第一列。Dreamweaver 會在 標記選擇器中選取第一個 <tr> 標記。由於 <tr> 標記本身有子標記，即 <td> 標記， 再次選取「編輯」>「選取子項」會選取表格中的第一個 儲存格。
使用屬性檢視窗編輯程式碼
您可以使用屬性檢查器來檢查和編輯頁面上文字或物件的屬性。「屬性」檢查器中顯示的 屬性通常對應到 標記的屬性；在「屬性」檢查器中變更屬性通常 與在「程式碼」檢視中變更對應屬性具有相同效果。
備註
「標記」檢查器和「屬性」檢查器都可讓您檢視和編輯 標記的屬性。「標記」檢查器可讓您檢視和編輯 與指定標記相關的每個屬性。「屬性」檢查器 僅顯示最常見的屬性，但提供豐富的控制項 集合以變更這些屬性的值，並讓您編輯 不對應到特定標記的某些物件 (例如表格欄)。
文字或物件的「屬性」檢查器會顯示在 「文件」視窗下方。如果「屬性」檢查器未顯示，請選取「視窗」>「屬性」。
在「屬性」檢視窗中變更屬性。
使用屬性檢視窗編輯 CFML
使用「屬性」檢查器在「設計」視圖中檢查和修改 ColdFusion 標記。
在「屬性」檢查器中，按一下「屬性」
按鈕以編輯標記的屬性或新增屬性。
如果標記在其開頭和結尾
標記之間保留內容，請按一下「內容」按鈕以編輯內容。
「內容」按鈕僅在選取的標記 不是空標記 (也就是說，它同時有開頭和結尾 標記) 時才會顯示。
如果標記包含條件運算式，請在
「運算式」方塊中進行變更。
快速標籤編輯器總覽
您可以使用「快速標記編輯器」 來快速檢查、插入和編輯 HTML 標記，而無需離開「設計」 檢視。
如果您在「快速標記編輯器」中輸入無效的 HTML，Dreamweaver 會嘗試為您更正， 在需要的地方插入結尾引號和結尾角括弧。
若要設定「快速標記編輯器」選項，請按 Control+T (Windows) 或 Command+T (Macintosh) 開啟「快速標記編輯器」。
「快速標籤編輯器」有三種模式：
- 「插入 HTML」模式是用來插入新的 HTML 程式碼。
- 「編輯標籤」模式是用來編輯現有的標籤。
「插入 HTML」模式是用來插入新的 HTML 程式碼。
「編輯標籤」模式是用來編輯現有的標籤。
「用標籤圍繞」模式是用新標籤圍繞目前的選取範圍。
備註
開啟「快速標籤編輯器」的模式是由「設計」檢視中的目前選取範圍決定。
在這三種模式中，使用「快速標籤編輯器」的基本程序都是一樣的：開啟編輯器、輸入或編輯標籤和屬性，然後關閉編輯器。
您可以在「快速標籤編輯器」開啟時按 Control+T 鍵 (Windows) 或 Command+T 鍵 (Macintosh)，依序切換不同模式。
使用快速標籤編輯器編輯程式碼
使用「快速標籤編輯器」(「編輯 > 快速標籤編輯器」)，快速插入和編輯 HTML 標籤，而不需離開「設計」檢視。
插入 HTML 標籤
在「設計」檢視中，按一下
頁面以將插入點放在您要插入程式碼的位置。
按 Control+T 鍵 (Windows) 或 Command+T 鍵 (Macintosh)。
「快速標籤編輯器」就會以「插入 HTML」模式開啟。
輸入 HTML 標籤然後按 Enter 鍵。
標記會插入到您的程式碼中，如果適用的話，還會一併插入相符的 結束標記。
按 Escape 鍵結束而不做任何變更。
編輯 HTML 標籤
在「設計」檢視中選取物件。
您也可以從「文件」視窗底部的標記選擇器中選取要編輯的標記。如需更多資訊， 請參閱使用標記選擇器編輯 程式碼。
按 Control+T 鍵 (Windows) 或 Command+T 鍵 (Macintosh)。
「快速標籤編輯器」就會以「編輯標籤」模式開啟。
輸入新屬性、編輯現有屬性，或編輯
標記名稱。
按一下 Tab 鍵從一個屬性前進到下一個屬性；
按一下 Shift+Tab 鍵向後移動。
備註
依預設，當您 按一下 Tab 鍵或 Shift+Tab 鍵時，變更會套用到文件。
若要關閉快速標記編輯器並套用所有變更，
請按一下 Enter 鍵。
若要結束而不進行任何變更，請按 Escape。
為目前的選取範圍套用 HTML 標記
在「設計」檢視中選取未格式化的文字
或物件。
備註
如果選取了包含開頭或結束 HTML 標籤的文字或物件，「快速標籤編輯器」便會以「編輯標籤」模式開啟，而不是以「用標籤圍繞」模式開啟。
按一下 Control+T (Windows) 或 Command+T (Macintosh)，或
按一下「屬性」面板中的「快速標記編輯器」按鈕。
「快速標籤編輯器」就會以「用標籤圍繞」模式開啟。
輸入單一開啟標記 (例如strong)
並按一下 Enter 鍵 (Windows) 或 Return 鍵 (Macintosh)。
標記會插入到目前選取範圍的開頭，而相符的結尾標記會插入到選取範圍的結尾。
若要結束而不進行任何變更，請按 Escape。
在快速標記編輯器中使用提示選單
快速標記編輯器包含 屬性提示選單，其中列出您正在編輯或插入的 標記的所有有效屬性。
您也可以停用 提示選單，或調整選單在快速標記編輯器中 彈出前的延遲。
若要查看列出標記有效屬性的提示選單，請在快速標記編輯器中編輯屬性名稱時稍作停頓。此時會出現提示選單，列出您正在編輯之 標記的所有有效屬性。
同樣地，若要查看列出 有效標記名稱的提示選單，請在快速標記編輯器中輸入或編輯 標記名稱時稍作停頓。
備註
快速標記編輯器 程式碼提示偏好設定是由標準程式碼提示偏好設定控制。 如需更多資訊，請參閱設定 程式碼提示偏好設定。
執行下列其中一項作業：
開始鍵入標籤或屬性名稱。 「程式碼提示」選單中的選取項目會跳到第一個以 您輸入字母開頭的項目。
使用向上鍵或向下鍵選取項目。
使用捲軸尋找項目。
按 Enter 鍵插入選取的項目，或按兩下項目來插入該項目。
若要關閉提示選單而不插入項目，請按一下
Escape 鍵或繼續輸入。
停用提示選單或變更 其出現前的延遲
選擇「編輯」>「偏好設定」
(Windows) 或「Dreamweaver」>「偏好設定」(Macintosh)
並選取「程式碼提示」。
「程式碼提示偏好設定」對話方塊便會出現。
若要停用提示選單，請取消選取「啟用程式碼提示」
選項。
使用標籤選取器編輯程式碼
您可以使用標籤選取器來選取、編輯或移除標籤，而不需離開「設計」檢視。 標籤選取器位於「文件」視窗底部的狀態列中，並且會顯示一系列的標籤。
編輯或刪除標籤
在文件中按一下。
套用於插入點的標記會顯示在 標記選擇器中。
在標記選擇器中的標記上按一下滑鼠右鍵 (Windows) 或按住 Control 鍵並按一下 (Macintosh)。
若要編輯標籤，請從選單選取「編輯標籤」。 在快速標記編輯器中進行
變更。如需詳細資訊，請參閱使用快速標記編輯器編輯
程式碼。
若要刪除標籤，請從選單選取「移除標籤」。
選取對應於 標記的物件
在文件中按一下。
套用於插入點的標記會顯示在 標記選擇器中。
按一下標籤選取器中的標籤。
便會在頁面上選取標籤所代表的物件。
備註
使用此技術來選取個別表格列（tr 標記）或儲存格（td 標記）。
在設計 檢視中撰寫和編輯指令碼
您可以在程式碼和設計檢視中使用用戶端 JavaScript 和 VBScript，方法如下：
在不離開設計檢視的情況下，為頁面撰寫 JavaScript 或 VBScript 指令碼。
在不離開設計檢視的情況下，在文件中建立 外部指令碼檔案的連結。
在不離開設計檢視的情況下編輯指令碼 。
開始之前，請選取「檢視」> 「視覺輔助」>「隱藏元素」，以確保指令碼 標記出現在頁面上。
撰寫用戶端 Script
將
插入點置於您要放置指令碼的位置。
選取「插入 > HTML > Script」。
在檔案選取視窗中選取 Script。
備註
您不需要包含開頭和結束 Script 標籤。
所選取檔案的 Script 標籤會插入文件中。
編輯 Script
選取 Script 標記。
在「屬性」檢視窗中，按一下「編輯」按鈕。
Script 便會出現在「Script 屬性」對話方塊中。
如果 您連結到外部指令碼檔案，該檔案會在程式碼檢視中開啟， 您可以在其中進行編輯。
備註
如果指令碼標記之間有程式碼，即使 也有外部指令碼檔案的連結，「指令碼內容」對話框也會開啟。
在「語言」方塊中，指定 JavaScript 或 VBScript
作為指令碼的語言。
在「類型」快顯選單中，指定指令碼的類型，
用戶端或伺服器端。
(選用) 在「來源」方塊中，指定外部連結的
指令碼檔案。
按一下資料夾圖示或「瀏覽」按鈕以選取檔案，或者輸入路徑。
編輯 Script，然後按一下「確定」。
在設計檢視中編輯 ASP 伺服器端指令碼
使用 ASP 指令碼屬性檢查器來 在設計檢視中檢查和修改 ASP 伺服器端指令碼。
在設計檢視中，選取伺服器語言標記
視覺圖示。
在 ASP 指令碼屬性檢查器中，按一下「編輯」
按鈕。
編輯 ASP 伺服器端 Script，然後按一下「確定」。
使用屬性檢查器編輯頁面上的指令碼
在屬性檢查器中，從「語言」快顯選單中選取
指令碼語言，或在「語言」方塊中輸入語言
名稱。
備註
如果您使用 JavaScript 且不確定版本， 請選取 JavaScript，而非 JavaScript1.1 或 JavaScript1.2。
在「類型」快顯選單中，指定指令碼類型，
可為用戶端或伺服器端。
(選擇性) 在「來源」方塊中，指定外部連結的 Script 檔案。 按一下資料夾圖示以選取檔案，或者輸入路徑。
按一下「編輯」以修改 Script。
使用 JavaScript 行為
您可以使用「標記」檢視器的「行為」標籤，輕鬆將 JavaScript (用戶端) 行為 附加至頁面元素。 如需詳細資訊，請參閱套用內建的 JavaScript 行為 Dreamweaver。
