核心提示:介紹Dreamweaver文檔工具欄。
點(diǎn)擊“查看”菜單,選擇“工具欄”命令,在彈出的子菜單中選擇“文檔”項(xiàng),即可打開(kāi)“文檔”工具欄。
一、Dreamweaver 文檔工具欄
使用“文檔”工具欄包含的按鈕,可以在文檔的不同視圖之間快速切換。工具欄中還包含一些與查看文檔、在本地和遠(yuǎn)程站點(diǎn)間傳輸文檔有關(guān)的常用命令和選項(xiàng)。如下圖所示:
A:顯示代碼視圖 B:顯示代碼和設(shè)計(jì)視圖 C:顯示設(shè)計(jì)視圖 D:實(shí)時(shí)代碼視圖 E:檢查瀏覽器兼容性 F:實(shí)時(shí)視圖 G:打開(kāi)時(shí)視圖和檢查模式 H:在瀏覽器中預(yù)覽/調(diào)試 I:可視化助理 J:刷新設(shè)計(jì)視圖 K:文檔標(biāo)題 L:文件管理
二、各個(gè)功能解釋
A:顯示代碼視圖:只在“文檔”窗口中顯示“代碼”視圖。
B:顯示代碼和設(shè)計(jì)視圖:將“文檔”窗口拆分為“代碼”視圖和“設(shè)計(jì)”視圖。如果選擇這種組合視圖,則“查看”菜單中的“頂部的設(shè)計(jì)視圖”命令選項(xiàng)變?yōu)榭捎谩?/span>
C:顯示設(shè)計(jì)視圖:僅在“文檔”窗口中顯示“設(shè)計(jì)”視圖。
提示:如果處理的是XML、JavaScript、CSS或乾其他基于代碼的文件類(lèi)型,則無(wú)法在“設(shè)計(jì)”視圖中查看文件,而且“設(shè)計(jì)”和“拆分”按鈕將會(huì)變暗。
D:實(shí)時(shí)代碼視圖:在代碼視圖中顯示實(shí)時(shí)視圖源。點(diǎn)擊“實(shí)時(shí)代碼”按鈕時(shí),也會(huì)同時(shí)點(diǎn)擊“實(shí)時(shí)視圖”按鈕。
E:檢查瀏覽器兼容性:用于檢查您的CSS是否對(duì)于各種瀏覽器均兼容。
F:實(shí)時(shí)視圖:顯示不可編輯的、交互式的、基于瀏覽器的文檔視圖。
G:打開(kāi)時(shí)視圖和檢查模式:點(diǎn)擊“檢查”按鈕,可以打開(kāi)視圖和檢查模式。方便檢查網(wǎng)頁(yè)的內(nèi)容。
H:在瀏覽器中預(yù)覽/調(diào)試:允許我們?cè)跒g覽器中預(yù)覽或調(diào)試文檔。從彈出菜單中選擇一個(gè)瀏覽器。
I:可視化助理:可以使用各種可視化助理來(lái)設(shè)計(jì)頁(yè)面。
J:刷新設(shè)計(jì)視圖:在“代碼”視圖中對(duì)文檔進(jìn)行更改后刷新該文檔的“設(shè)計(jì)”視圖。在執(zhí)行某些操作(如保存文件或者單擊此按鈕)之后,在“代碼”視圖中所做的更改才會(huì)自動(dòng)顯示在“設(shè)計(jì)”視圖中。
提示:刷新過(guò)程也會(huì)更新依賴(lài)于DOM(文檔對(duì)象模型)的代碼功能,如選擇代碼塊的開(kāi)始標(biāo)簽或結(jié)束標(biāo)簽的能力。
K:文檔標(biāo)題:允許我們?yōu)槲臋n輸入一個(gè)標(biāo)題,它將顯示在瀏覽器的標(biāo)題欄中。如果文檔已經(jīng)有了一個(gè)標(biāo)題,則該標(biāo)題將顯示在該文本框中。
L:文件管理:顯示“文件管理”彈出菜單。包含一些在本地和遠(yuǎn)程站點(diǎn)間傳輸文檔有關(guān)的常用命令和選項(xiàng)。