【正文】 并在括號中顯示文件的________。2. 在“文檔窗口”中可以在________、________和________三種視圖之間進行切換。F115. 下列( )不屬于“資源”面板。F12 D.F10 C. A. F2 B.A. 文件 B. 插入 C. 站點 D. 視圖3. 插入表格屬于插入欄中的( )選項卡。 課 后 習 題一、選擇題1. 下列( )是Dreamweaver CS6的新增功能。有些保存為HTML格式的文件類型，諸如Microsoft Word文檔，則需將其導入Dreamweaver CS6中，而不是打開該文檔。 打開現(xiàn)有文檔Dreamweaver CS6可以打開HTML文件或任何支持的動態(tài)文檔類型。圖133 “新建文檔”對話框 保存文檔在Dreamweaver CS6中保存文檔的方法大致和其他應用程序相同，如果要將設計好的文檔保存為模板，則依次選擇“文件”|“另存為模板”菜單命令，打開如圖134所示的“另存模板”對話框，進行相應的設置后，單擊“保存”按鈕即可將模板保存在所選擇的站點內(nèi)。(1) 依次選擇“文件”|“新建”菜單命令，打開“新建文檔”對話框，如圖133所示。 Dreamweaver CS6的文件操作在Dreamweaver CS6中，用戶不僅可以創(chuàng)建基本的HTML頁面和動態(tài)的ASP、JSP頁面，還可以創(chuàng)建模板頁、CSS樣式表、XSLT、庫項目、JavaScript、XML以及多種專業(yè)水準的頁面設計。 提示：可以同時設置“背景顏色”和“背景圖像”，當頁面下載時，首先顯示背景色，然后被背景圖像所覆蓋，背景顏色可以透過背景圖像的透明像素部分顯示出來。1. 更改頁面標題 在“標題/編碼”選項界面中可以更改標題、文檔類型、編碼等。依次選擇“修改”|“頁面屬性”菜單命令，打開“頁面屬性”對話框，如圖132所示。同理，可以為切換設計視圖添加快捷鍵，以便在兩種視圖間進行切換。此時在“按鍵”文本框中出現(xiàn)自動加載的快捷鍵符號BkSp。(3) 在列表框中展開“查看”選項，選擇其中的“代碼”選項。(1) 依次選擇“編輯”|“快捷鍵”菜單命令，打開“快捷鍵”對話框，如圖131所示。編輯快捷鍵示例：為“查看”|“代碼”菜單命令添加快捷鍵，即按Backspace鍵，將Dreamweaver切換到“代碼”視圖。 編輯快捷鍵Dreamweaver CS6為菜單命令、文檔編輯、代碼編輯、站點管理等操作設置了易用的快捷鍵。完成后，在Photoshop名稱后面出現(xiàn)“主要”字樣。圖130 “選擇外部編輯器”對話框(3) 選擇Photoshop程序文件，然后單擊“打開”按鈕退出對話框，此時在“編輯器”列表框中出現(xiàn)所加載的Photoshop程序。(1) 依次選擇“編輯”|“首選參數(shù)”菜單命令，打開“首選參數(shù)”對話框，在“分類”列表框中選擇“文件類型/編輯器”選項，如圖129所示。設置外部編輯器示例：將Photoshop CS6設置為Dreamweaver 、.jpe、.jpeg等文件的外部編輯器。在設計過程中，如果想預覽頁面效果，可選擇“文件”|“在瀏覽器中預覽”命令或按快捷鍵F12。l 選項：選中“使用臨時文件預覽”復選框，可使用臨時文件預覽。l ：單擊該按鈕，彈出“編輯瀏覽器”對話框，從中可修改選定的瀏覽器參數(shù)，如圖128所示。l ：單擊該按鈕，可向列表中添加新的瀏覽器。依次選擇“編輯”|“首選參數(shù)”菜單命令，打開“首選參數(shù)”對話框，在“分類”列表框中選擇“在瀏覽器中預覽”選項，右側即出現(xiàn)相關界面，如圖127所示。 預覽設置在設計過程中，用戶需要隨時在瀏覽器中打開設計的文檔，以便查看其設計效果和及時進行更改和完善。在Dreamweaver CS6中通過設置相關參數(shù)，可以改變操作環(huán)境，從而使其更加符合設計者的設計需要。對于 Dreamweaver站點來說，用戶還可以通過更改折疊面板中默認顯示的視圖(本地站點或遠程站點視圖)來對“文件”面板進行自定義。在展開時，它顯示本地站點和遠程站點或者顯示本地站點和測試服務器。圖125 “應用程序”面板 圖126 “文件”面板在“文件”面板中查看站點、文件或文件夾時，可以查看區(qū)域的大小，還可以展開或折疊“文件”面板。圖124 “CSS樣式”面板3. “應用程序”面板“應用程序”面板包含了數(shù)據(jù)綁定、數(shù)據(jù)庫和服務器行為，是制作網(wǎng)頁數(shù)據(jù)庫時的重要面板，如圖125所示。使用“屬性”窗格可以編輯“所有規(guī)則”窗格中任一所選規(guī)則的 CSS屬性。在“全部”模式下， “CSS樣式”面板包括兩個窗格：“所有規(guī)則”窗格(頂部)和“屬性”窗格(底部)。單擊“CSS樣式”面板頂部的相應按鈕可以在兩種模式之間切換，在“全部”和“當前”模式下還可以修改 CSS屬性，如圖124所示。例如，圖像“屬性”面板、表格“屬性”面板、框架“屬性”面板、Flash影片“屬性”面板、表單元素“屬性”面板等。制作網(wǎng)頁時，可以根據(jù)需要隨時打開或關閉“屬性”面板，或者通過拖動屬性面板的標題欄將其移到合適的位置。常見的功能面板包括“屬性”面板、“CSS樣式”面板、“應用程序”面板、“文件”面板等。l “文檔大小和下載時間”圖標：顯示頁面(包括所有相關文件，如圖像和其他媒體文件)的預計文檔大小和預計下載時間。l “縮放工具和設置縮放比率”下拉列表框：可以為文檔設置縮放比率。l “選取工具”圖標：用于啟用或禁用手形工具。單擊“標簽選擇器”圖標可以選擇文檔的整個正文。圖122 狀態(tài)欄l “標簽選擇器”圖標：顯示環(huán)繞當前選定內(nèi)容的標簽的層次結構。若要切換到某個文檔，則可單擊它的選項卡。當“文檔窗口”在集成工作區(qū)布局(僅適用于Windows系統(tǒng))中處于最大化狀態(tài)時，它沒有標題欄，頁面標題以及文件的路徑和文件名則顯示在主工作區(qū)窗口的標題欄中。當“文檔窗口”有標題欄時，標題欄顯示頁面標題，并在括號中顯示文件的路徑和文件名。l 代碼視圖：一個用于編寫和編輯 HTML、JavaScript、服務器語言代碼(如 PHP或 ColdFusion標記語言(CFML))以及任何其他類型代碼的手工編碼環(huán)境。在該視圖中，Dreamweaver顯示文檔的完全可編輯的可視化表示形式，類似于在瀏覽器中查看頁面時看到的內(nèi)容。 文檔窗口“文檔窗口”用于顯示當前文檔，可以選擇下列任一視圖。l “標題”文本框：允許為文檔輸入一個標題，該標題將顯示在瀏覽器的標題欄中。l “刷新設計視圖”按鈕：在“代碼”視圖中對文檔進行更改后，單擊此按鈕刷新文檔的 “設計”視圖，因為只有在執(zhí)行某些操作(如保存文件或單擊該按鈕)之后，在“代碼 ”視圖中所作的更改才會自動顯示在 “設計”視圖中。l “檢查瀏覽器兼容性”按鈕：用于檢查用戶的 CSS是否對于各種瀏覽器均兼容，包括檢查瀏覽器的兼容性、顯示瀏覽器出現(xiàn)的問題、報告瀏覽器呈現(xiàn)的問題等。l “文件管理”按鈕：顯示“文件管理”彈出菜單。l “多屏幕”按鈕：可以根據(jù)用戶的需要選擇屏幕的尺寸、大小和方向等。l “顯示設計視圖”按鈕：只在“文檔窗口”中顯示“設計”視圖。l “顯示代碼視圖和設計視圖”按鈕：將“文檔”窗口拆分為“代碼”視圖和“設計”視圖。文檔工具欄還包含一些與查看文檔、在本地和遠程站點間傳輸文檔有關的常用命令和選項，如圖121所示。圖119 “文本”選項卡9. “收藏夾”選項卡“收藏夾”選項卡用于將“插入欄”中最常用的按鈕分組或將其組織到某一公共位置，如圖120所示。圖117 jQuery Mobile選項卡7. InContext Editing選項卡InContext Editing選項卡包含可編輯區(qū)域和創(chuàng)建重復區(qū)域的內(nèi)容，如圖118所示。圖115 “數(shù)據(jù)”選項卡5. Spry選項卡Spry選項卡包含一些用于構建 Spry頁面的按鈕，包括 Spry數(shù)據(jù)對象和構件，如圖116所示。表單是網(wǎng)頁設計中最重要卻又最難完全掌握的部分，使用表單可以收集訪問者的信息，如訂單、搜索接口等。這與以往版本的Dreamweaver 有很大的區(qū)別。1. “常用”選項卡“常用”選項卡包含了最常用的對象，最主要的功能是插入各項最常用的基本網(wǎng)頁設計及排版組件，如圖像按鈕、表格按鈕、插入媒體等，如圖112所示。每當從按鈕的彈出菜單中選擇一個新命令時，該按鈕的默認操作都會改變。從彈出菜單中選擇一個命令時，該命令將成為該按鈕的默認操作。當啟動Dreamweaver CS6時，系統(tǒng)會默認打開用戶上次使用的選項卡。當鼠標指針移動到一個按鈕上時，會出現(xiàn)一個工具提示，其中含有該按鈕的名稱。Dreamweaver CS6的菜單功能極其豐富，幾乎涵蓋了所有的功能操作。圖110 Dreamweaver CS6的工作窗口 功能菜單所謂功能菜單，就是一些能夠實現(xiàn)一定功能的菜單命令。 Dreamweaver CS6的工作窗口Dreamweaver CS6的工作窗口主要包括功能菜單、插入欄、文檔工具欄、文檔窗口、狀態(tài)欄、屬性面板、功能面板等，如圖110所示。 l 單擊Dreamweaver CS6主窗口左上角的控制菜單圖標，從彈出的菜單中選擇“關閉”命令，或者直接雙擊控制菜單圖標。l 在Dreamweaver CS6主窗口中的“文件”菜單中選擇“退出”命令。如果不想每次啟動時都顯示該界面，則選中“不再顯示”復選框即可。Dreamweaver CS6的啟動界面如圖18所示。 1) 從“開始