Dreamweaver視圖切換的技巧

我們爲大家收集整理了關於Dreamweaver視圖切換,以方便大家參考。

Dreamweaver視圖切換的技巧

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

  切換到“代碼”視圖

請執行下列操作之一:

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

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

  切換到拆分“代碼”視圖

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

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

  切換到“設計”視圖

請執行下列操作之一:

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

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

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

請執行下列操作之一:

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

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

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

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

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

按 Ctrl+反引號 (`)。

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

  垂直拆分視圖

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

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

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

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

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