Dreamweaver視圖切換的技巧

時間：2025-11-18 10:48:47 網頁設計

Dreamweaver視圖切換的技巧

　　我們為大家收集整理了關于Dreamweaver視圖切換，以方便大家參考。

　　您可以在“文檔”窗口中通過“代碼”視圖、“拆分代碼”視圖、“設計”視圖、“代碼”視圖和“設計”視圖(拆分視圖)或“實時”視圖查看文檔。您還可以選擇水平或垂直查看拆分“代碼”視圖或代碼和“設計”視圖。(默認是水平顯示。)

　　切換到“代碼”視圖

　　請執行下列操作之一：

　　選擇“查看”>“代碼”。

　　在“文檔”工具欄中，單擊“顯示“代碼”視圖”按鈕。

　　切換到拆分“代碼”視圖

　　拆分“代碼”視圖將文檔拆分為兩部分，以便您可以同時對代碼的這兩部分進行操作。

　　選擇“查看”>“拆分代碼”。注：如果您調整“文檔”窗口或應用程序窗口的大小或更改工作區布局，則 Dreamweaver 將保持拆分比例，以便兩種視圖始終可見。

　　切換到“設計”視圖

　　請執行下列操作之一：

　　選擇“查看”>“設計”。

　　在“文檔”工具欄中，單擊“顯示“設計”視圖”按鈕。

　　顯示“代碼”視圖和“設計”視圖

　　請執行下列操作之一：

　　選擇“查看”>“代碼和設計”。

　　在“文檔”工具欄中，單擊“顯示“代碼”視圖和“設計”視圖”按鈕。

　　默認情況下，“代碼”視圖顯示在“文檔”窗口頂部，“設計”視圖顯示在底部。若要使“設計”視圖顯示在頂部，請選擇“查看”>“頂部的“設計”視圖”。

　　注：如果您調整“文檔”窗口或應用程序窗口的大小或更改工作區布局，則 Dreamweaver 將保持拆分比例，以便兩種視圖始終可見。

　　在“代碼”視圖與“設計”視圖之間切換

　　按 Ctrl+反引號 (`)。

　　如果兩個視圖都顯示在“文檔”窗口中，此快捷鍵會將鍵盤焦點從一個視圖移到另一個視圖。

　　垂直拆分視圖

　　此選項只可用于拆分“代碼”視圖和代碼和“設計”視圖(拆分視圖)。對“代碼”視圖和“設計”視圖禁用此選項。

　　確保您處于拆分“代碼”視圖(“查看”>“拆分代碼”)或代碼和“設計”視圖(“查看”>“代碼和設計”)。

　　選擇“查看”>“垂直拆分”。

　　如果您處于代碼和“設計”視圖中，則可以選擇在左側顯示“設計”視圖(“查看”>“左側的“設計”視圖”)。

　　注：如果您調整“文檔”窗口或應用程序窗口的大小或更改工作區布局，則 Dreamweaver 將保持拆分比例，以便兩種視圖始終可見。

【Dreamweaver視圖切換的技巧】相關文章：