Dreamweaver文件工具欄簡單介紹

文件工具欄有時候在不經意見會被隱藏，那麼在Dreamweaver中，文件工具欄要如何使用呢?以下是小編為大家搜尋整理的Dreamweaver文件工具欄簡單介紹，希望能給大家帶來幫助!更多精彩內容請及時關注我們應屆畢業生考試網!

點選“檢視”選單，選擇“工具欄”命令，在彈出的子選單中選擇“文件”項，即可開啟“文件”工具欄。

　　一、Dreamweaver 文件工具欄

使用“文件”工具欄包含的按鈕，可以在文件的不同檢視之間快速切換。工具欄中還包含一些與檢視文件、在本地和遠端站點間傳輸文件有關的常用命令和選項。如下圖所示：

A：顯示程式碼檢視 B：顯示程式碼和設計檢視 C：顯示設計檢視 D：實時程式碼檢視 E：檢查瀏覽器相容性 F：實時檢視 G：開啟時檢視和檢查模式 H：在瀏覽器中預覽/除錯 I：視覺化助理 J：重新整理設計檢視 K：文件標題 L：檔案管理

　　二、各個功能解釋

A：顯示程式碼檢視：只在“文件”視窗中顯示“程式碼”檢視。

B：顯示程式碼和設計檢視：將“文件”視窗拆分為“程式碼”檢視和“設計”檢視。如果選擇這種組合檢視，則“檢視”選單中的“頂部的設計檢視”命令選項變為可用。

C：顯示設計檢視：僅在“文件”視窗中顯示“設計”檢視。

提示：如果處理的是XML、JavaScript、CSS或乾其他基於程式碼的`檔案型別，則無法在“設計”檢視中檢視檔案，而且“設計”和“拆分”按鈕將會變暗。

D：實時程式碼檢視：在程式碼檢視中顯示實時檢視源。點選“實時程式碼”按鈕時，也會同時點選“實時檢視”按鈕。

E：檢查瀏覽器相容性：用於檢查您的CSS是否對於各種瀏覽器均相容。

F：實時檢視：顯示不可編輯的、互動式的、基於瀏覽器的文件檢視。

G：開啟時檢視和檢查模式：點選“檢查”按鈕，可以開啟檢視和檢查模式。方便檢查網頁的內容。

H：在瀏覽器中預覽/除錯：允許我們在瀏覽器中預覽或除錯文件。從彈出選單中選擇一個瀏覽器。

I：視覺化助理：可以使用各種視覺化助理來設計頁面。

J：重新整理設計檢視：在“程式碼”檢視中對文件進行更改後重新整理該文件的“設計”檢視。在執行某些操作(如儲存檔案或者單擊此按鈕)之後，在“程式碼”檢視中所做的更改才會自動顯示在“設計”檢視中。

提示：重新整理過程也會更新依賴於DOM(文件物件模型)的程式碼功能，如選擇程式碼塊的開始標籤或結束標籤的能力。

K：文件標題：允許我們為文件輸入一個標題，它將顯示在瀏覽器的標題欄中。如果文件已經有了一個標題，則該標題將顯示在該文字框中。

L：檔案管理：顯示“檔案管理”彈出選單。包含一些在本地和遠端站點間傳輸文件有關的常用命令和選項。