Dreamweaver視圖切換的技巧
我們?yōu)榇蠹沂占砹岁P于Dreamweaver視圖切換，以方便大家參考。
您可以在“文檔”窗口中通過“代碼”視圖、“拆分代碼”視圖、“設計”視圖、“代碼”視圖和“設計”視圖(拆分視圖)或“實時”視圖查看文檔。您還可以選擇水平或垂直查看拆分“代碼”視圖或代碼和“設計”視圖。(默認是水平顯示。)
切換到“代碼”視圖
請執(zhí)行下列操作之一：
選擇“查看”>“代碼”。
在“文檔”工具欄中，單擊“顯示“代碼”視圖”按鈕。
切換到拆分“代碼”視圖
拆分“代碼”視圖將文檔拆分為兩部分，以便您可以同時對代碼的這兩部分進行操作。
選擇“查看”>“拆分代碼”。 注： 如果您調(diào)整“文檔”窗口或應用程序窗口的大小或更改工作區(qū)布局，則 Dreamweaver 將保持拆分比例，以便兩種視圖始終可見。
切換到“設計”視圖
請執(zhí)行下列操作之一：
選擇“查看”>“設計”。
在“文檔”工具欄中，單擊“顯示“設計”視圖”按鈕。
顯示“代碼”視圖和“設計”視圖
請執(zhí)行下列操作之一：
選擇“查看”>“代碼和設計”。
在“文檔”工具欄中，單擊“顯示“代碼”視圖和“設計”視圖”按鈕。
默認情況下，“代碼”視圖顯示在“文檔”窗口頂部，“設計”視圖顯示在底部。若要使“設計”視圖顯示在頂部，請選擇“查看”>“頂部的“設計”視圖”。
注： 如果您調(diào)整“文檔”窗口或應用程序窗口的大小或更改工作區(qū)布局，則 Dreamweaver 將保持拆分比例，以便兩種視圖始終可見。
在“代碼”視圖與“設計”視圖之間切換
按 Ctrl+反引號 (`)。
如果兩個視圖都顯示在“文檔”窗口中，此快捷鍵會將鍵盤焦點從一個視圖移到另一個視圖。
垂直拆分視圖
此選項只可用于拆分“代碼”視圖和代碼和“設計”視圖(拆分視圖)。對“代碼”視圖和“設計”視圖禁用此選項。
確保您處于拆分“代碼”視圖(“查看”>“拆分代碼”)或代碼和“設計”視圖(“查看”>“代碼和設計”)。
選擇“查看”>“垂直拆分”。
如果您處于代碼和“設計”視圖中，則可以選擇在左側顯示“設計”視圖(“查看”>“左側的“設計”視圖”)。
注： 如果您調(diào)整“文檔”窗口或應用程序窗口的大小或更改工作區(qū)布局，則 Dreamweaver 將保持拆分比例，以便兩種視圖始終可見。
【Dreamweaver視圖切換的技巧】相關文章：
Dreamweaver CC 2017如何切換界面樣式02-15
DreamWeaver技巧大全12-05
制作dreamweaver的技巧09-10
Dreamweaver的技巧方法02-05
Dreamweaver技巧詳解01-14
Dreamweaver網(wǎng)頁優(yōu)化的技巧03-15
Dreamweaver空格使用技巧01-20