當前位置:才華齋>設計>網頁設計>

Dreamweaver檢視切換的技巧

網頁設計 閱讀(1.19W)

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

Dreamweaver檢視切換的技巧

您可以在“文件”視窗中通過“程式碼”檢視、“拆分程式碼”檢視、“設計”檢視、“程式碼”檢視和“設計”檢視(拆分檢視)或“實時”檢視檢視文件。您還可以選擇水平或垂直檢視拆分“程式碼”檢視或程式碼和“設計”檢視。(預設是水平顯示。)

  切換到“程式碼”檢視

請執行下列操作之一:

選擇“檢視”>“程式碼”。

在“文件”工具欄中,單擊“顯示“程式碼”檢視”按鈕。

  切換到拆分“程式碼”檢視

拆分“程式碼”檢視將文件拆分為兩部分,以便您可以同時對程式碼的這兩部分進行操作。

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

  切換到“設計”檢視

請執行下列操作之一:

選擇“檢視”>“設計”。

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

顯示“程式碼”檢視和“設計”檢視

請執行下列操作之一:

  選擇“檢視”>“程式碼和設計”。

在“文件”工具欄中,單擊“顯示“程式碼”檢視和“設計”檢視”按鈕。

預設情況下,“程式碼”檢視顯示在“文件”視窗頂部,“設計”檢視顯示在底部。若要使“設計”檢視顯示在頂部,請選擇“檢視”>“頂部的.“設計”檢視”。

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

  在“程式碼”檢視與“設計”檢視之間切換

按 Ctrl+反引號 (`)。

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

  垂直拆分檢視

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

確保您處於拆分“程式碼”檢視(“檢視”>“拆分程式碼”)或程式碼和“設計”檢視(“檢視”>“程式碼和設計”)。

  選擇“檢視”>“垂直拆分”。

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

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