- 相關推薦
Dreamweaver文檔工具欄簡介
我們為大家收集整理了關于Dreamweaver文檔工具欄，以方便大家參考。分別是：代碼、拆分、設計、實時代碼、瀏覽器的兼容性、實時視圖、檢查、文件管理、瀏覽器調試、標題等。我們將依次介紹各個按鈕和菜單的功能。
Dreamweaver文檔工具欄簡介
"文檔"工具欄
"文檔"工具欄中包含按鈕，這些按鈕使您可以在文檔的不同視圖間快速切換："代碼"視圖、"設計"視圖、同時顯示"代碼"和"設計"視圖的拆分視圖。
工具欄中還包含一些與查看文檔、在本地和遠程站點間傳輸文檔有關的常用命令和選項。
以下選項出現在"文檔"工具欄中：
顯示代碼視圖僅在"文檔"窗口中顯示"代碼"視圖。
顯示代碼視圖和設計視圖在"文檔"窗口的一部分中顯示"代碼"視圖，而在另一部分中顯示"設計"視圖。當選擇了這種組合視圖時，"視圖選項"菜單中的"在頂部查看設計視圖"選項變為可用。請使用該選項指定在"文檔"窗口的頂部顯示哪種視圖。
顯示設計視圖僅在"文檔"窗口中顯示"設計"視圖。
服務器調試顯示一個報告，幫助您調試當前 ColdFusion 頁。該報告包括您的頁面中的錯誤(如果有的話)。
文檔標題允許您為文檔輸入一個標題，它將顯示在瀏覽器的標題欄中。如果文檔已經有了一個標題，則該標題將顯示在該區域中。
沒有瀏覽器/檢查錯誤使您可以檢查跨瀏覽器兼容性。
驗證標記使您可以驗證當前文檔或選中的標簽。
文件管理顯示"文件管理"彈出式菜單。
在瀏覽器中預覽/調試允許您在瀏覽器中預覽或調試文檔。從彈出式菜單中選擇一個瀏覽器。
刷新設計視圖當您在"代碼"視圖中進行更改后刷新文檔的"設計"視圖。在執行某些操作(如保存文件或單擊該按鈕)之前，您在"代碼"視圖中所做的更改不會自動顯示在"設計"視圖中。
視圖選項允許您為"代碼"視圖和"設計"視圖設置選項，其中包括選擇哪個視圖顯示在最上面。該菜單中的選項用于當前視圖："設計"視圖、"代碼"視圖或兩者。
可視化助理使您可以使用不同的可視化助理來設計頁面。
工具欄簡介
一、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：文件管理：顯示“文件管理”菜單。包含一些在本地和遠程站點間傳輸文檔有關的常用命令和選項。
【Dreamweaver文檔工具欄簡介】相關文章：
如何在Word工具欄添加常用文檔12-04
關于Dreamweaver 網頁常用工具欄使用方法02-25
關于Dreamweaver02-28
photoshop工具欄教程04-01
Dreamweaver的應用分析02-26
Dreamweaver使用教程02-27
DreamWeaver技巧大全02-28