你不必只使用所見即所得
Dreamweaver是一個很棒的所見即所得的編輯器 ，但如果你對“你看到的是什麼”環境編寫網頁不感興趣，你仍然可以使用Dreamweaver，因為它也是一個出色的文本編輯器。 但是有許多功能在Dreamweaver代碼編輯器中滑落，因為主要關注點是產品的“設計視圖”或所見即所得編輯器部分。
如何進入Dreamweaver代碼視圖
如果您從未使用Dreamweaver作為HTML編輯器，則可能從未註意到頁面頂部的三個按鈕：“代碼”，“分割”和“設計”。 Dreamweaver默認在“設計視圖”或所見即所得模式下啟動。 但切換到查看和編輯HTML代碼很容易。 只需點擊“代碼”按鈕。 或者，進入視圖菜單並選擇“代碼”。
如果您只是在學習如何編寫HTML，或者想了解您的更改如何影響文檔，則可以同時打開代碼視圖和設計視圖。 這種方法的優點是你可以在兩個窗口中編輯。 因此，您可以在HTML中為圖像標記編寫代碼，然後使用設計視圖通過拖放操作將其移動到頁面上的其他位置。
要同時查看兩者，可以：
- 點擊“分割”按鈕（“代碼”和“設計”之間）
- 在視圖菜單中，選擇“代碼和設計”
一旦您習慣使用Dreamweaver編輯您的HTML代碼，您可以更改您的首選項以默認在代碼視圖中打開Dreamweaver。 最簡單的方法是將代碼視圖保存為工作區。 Dreamweaver將在您使用的最後一個工作區中打開。 如果沒有，只需轉到Window菜單，然後選擇你想要的工作區。
代碼視圖選項
Dreamweaver非常靈活，因為它有很多方法來定制它並使其按照您希望的方式工作。 在選項窗口中，您可以調整代碼著色，代碼格式，代碼提示和代碼重寫選項。 但是你也可以在代碼視圖中改變一些特殊的選項。
進入代碼視圖後，工具欄中會出現一個“查看選項”按鈕。 您也可以通過進入視圖菜單並選擇“代碼視圖選項”來查看選項。 選項是：
- Word Wrap - 包裝HTML代碼，以便您可以在不水平滾動的情況下查看它。 請注意，此選項不會在您的代碼中插入任何回車符，它只是顯示代碼以便於閱讀。
- 行號 - 顯示代碼側面的行號。 它顯示換行比換行窗口長的換行符號。
- 隱藏字符 - 顯示特殊字符，而不是顯示在網頁上的空白。 如點代替空格，雙人字形代替每個選項卡，而pilcrow或段落標記代替每個換行符。
- 突出顯示無效代碼 - 突出顯示黃色不正確的HTML。 如果您選擇黃色標記，則屬性檢查器將為您提供如何解決問題的提示。
- 語法著色 - 打開或關閉代碼的顏色編碼。 您可以在首選項的代碼著色部分更改顏色代碼的顏色。
- 自動縮進 - 如果上面的代碼縮進，則會在回車後自動縮進代碼。 您可以通過更改首選項的代碼格式部分中的選項卡大小來更改縮進大小。
在Dreamweaver代碼視圖中編輯HTML代碼
在Dreamweaver的代碼視圖中編輯HTML代碼很容易。 只需輸入您的HTML。 但是Dreamweaver為您提供了一些額外功能，可以將其擴展到基本的HTML編輯器之外。 當你開始寫一個HTML標籤時，你輸入<。 如果在該字符之後暫停，Dreamweaver將向您顯示HTML標籤的列表。 這些被稱為代碼提示。 為了縮小選擇範圍，請開始輸入字母 - Dreamweaver會將下拉列表縮小到符合您輸入內容的標籤。
如果您不熟悉HTML，則可以滾動瀏覽HTML標籤列表並選擇不同的HTML標籤來查看它們的功能。 一旦您輸入標籤，Dreamweaver將繼續提示您輸入屬性。 例如，如果輸入“標籤。
但是代碼提示並沒有以標籤結束。 您可以使用代碼提示插入：
如果代碼提示沒有出現，您可以按Ctrl空格鍵（Windows）或Cmd空格鍵（Macintosh）以顯示它們。 代碼提示可能不會出現的最常見原因是如果您在完成代碼之前切換到其他窗口。 由於Dreamweaver正在鍵入字符<，因此如果您離開窗口並返回，則必須重新啟動代碼提示。
您可以通過點擊轉義鍵來關閉代碼提示菜單。
一旦你輸入你的HTML標籤，你需要關閉它。 Dreamweaver以自然的方式做到這一點。 如果您輸入最適合您需要的“關閉標籤”選項。
如果您還沒有準備好切換到使用HTML編輯頁面，但是您希望在編寫代碼時觀看代碼，則應該嘗試使用代碼檢查器。 這將在單獨的窗口中打開HTML代碼。 它就像代碼視圖一樣工作，實際上，它基本上是當前文檔的可拆卸代碼視圖窗口。 要打開代碼檢查器，請轉到窗口菜單，然後選擇“代碼檢查器”或按鍵盤上的F10鍵。
Dreamweaver將格式化HTML代碼，但您希望顯示它。 例如，如果使用3個空格縮進，但不縮進IMG標記，則可以在代碼重寫選項中指定該格式化信息。 然後轉到命令菜單並選擇“應用源格式”。 這是將別人編寫的代碼轉換為您熟悉的格式的好方法。
許多HTML編碼器不知道或不使用的功能是能夠折疊HTML代碼。 這不會從文檔中移除標籤，而只是將其從視圖中移除，以免它們干擾您正在處理的內容。 要折疊您的代碼：
- 選擇您想要隱藏的代碼部分
- 在編輯菜單中，從“代碼折疊”子菜單中選擇“折疊選擇”
更簡單的方法是選擇代碼，然後單擊出現在裝訂線中的代碼折疊圖標。 您也可以右鍵單擊所選代碼並選擇“折疊選擇”。
如果要隱藏除突出顯示的內容以外的所有內容，請在上述任一方法中選擇“折疊外部選擇”。
要展開折疊代碼，只需雙擊它即可。 這將打開代碼並選擇它。 然後，您可以移動該選擇或刪除它或在其周圍添加其他標記。
您可以在不想編輯外部模板的頁面上始終使用折疊和展開功能。 您只需選擇要編輯的內容區域並在外部折疊即可。 然後編寫你的HTML。 您仍然可以在設計視圖中查看該頁面或在瀏覽器中預覽該頁面。 折疊後的代碼不會從文檔中刪除，只是隱藏在視圖中。 您也可以在處理一系列物品時使用它。 完成之後，將其折疊。 當沒有代碼顯示時，你知道你已經完成了。