【正文】 . 文件 B. 插入 C. 站點(diǎn) D. 視圖3. 插入表格屬于插入欄中的( )選項(xiàng)卡。 課 后 習(xí) 題一、選擇題1. 下列( )是Dreamweaver CS6的新增功能。 打開(kāi)現(xiàn)有文檔Dreamweaver CS6可以打開(kāi)HTML文件或任何支持的動(dòng)態(tài)文檔類型。(1) 依次選擇“文件”|“新建”菜單命令，打開(kāi)“新建文檔”對(duì)話框，如圖133所示。 提示：可以同時(shí)設(shè)置“背景顏色”和“背景圖像”，當(dāng)頁(yè)面下載時(shí)，首先顯示背景色，然后被背景圖像所覆蓋，背景顏色可以透過(guò)背景圖像的透明像素部分顯示出來(lái)。依次選擇“修改”|“頁(yè)面屬性”菜單命令，打開(kāi)“頁(yè)面屬性”對(duì)話框，如圖132所示。此時(shí)在“按鍵”文本框中出現(xiàn)自動(dòng)加載的快捷鍵符號(hào)BkSp。(1) 依次選擇“編輯”|“快捷鍵”菜單命令，打開(kāi)“快捷鍵”對(duì)話框，如圖131所示。 編輯快捷鍵Dreamweaver CS6為菜單命令、文檔編輯、代碼編輯、站點(diǎn)管理等操作設(shè)置了易用的快捷鍵。圖130 “選擇外部編輯器”對(duì)話框(3) 選擇Photoshop程序文件，然后單擊“打開(kāi)”按鈕退出對(duì)話框，此時(shí)在“編輯器”列表框中出現(xiàn)所加載的Photoshop程序。設(shè)置外部編輯器示例：將Photoshop CS6設(shè)置為Dreamweaver 、.jpe、.jpeg等文件的外部編輯器。l 選項(xiàng)：選中“使用臨時(shí)文件預(yù)覽”復(fù)選框，可使用臨時(shí)文件預(yù)覽。l ：?jiǎn)螕粼摪粹o，可向列表中添加新的瀏覽器。 預(yù)覽設(shè)置在設(shè)計(jì)過(guò)程中，用戶需要隨時(shí)在瀏覽器中打開(kāi)設(shè)計(jì)的文檔，以便查看其設(shè)計(jì)效果和及時(shí)進(jìn)行更改和完善。對(duì)于 Dreamweaver站點(diǎn)來(lái)說(shuō)，用戶還可以通過(guò)更改折疊面板中默認(rèn)顯示的視圖(本地站點(diǎn)或遠(yuǎn)程站點(diǎn)視圖)來(lái)對(duì)“文件”面板進(jìn)行自定義。圖125 “應(yīng)用程序”面板 圖126 “文件”面板在“文件”面板中查看站點(diǎn)、文件或文件夾時(shí)，可以查看區(qū)域的大小，還可以展開(kāi)或折疊“文件”面板。使用“屬性”窗格可以編輯“所有規(guī)則”窗格中任一所選規(guī)則的 CSS屬性。單擊“CSS樣式”面板頂部的相應(yīng)按鈕可以在兩種模式之間切換，在“全部”和“當(dāng)前”模式下還可以修改 CSS屬性，如圖124所示。制作網(wǎng)頁(yè)時(shí)，可以根據(jù)需要隨時(shí)打開(kāi)或關(guān)閉“屬性”面板，或者通過(guò)拖動(dòng)屬性面板的標(biāo)題欄將其移到合適的位置。l “文檔大小和下載時(shí)間”圖標(biāo)：顯示頁(yè)面(包括所有相關(guān)文件，如圖像和其他媒體文件)的預(yù)計(jì)文檔大小和預(yù)計(jì)下載時(shí)間。l “選取工具”圖標(biāo)：用于啟用或禁用手形工具。圖122 狀態(tài)欄l “標(biāo)簽選擇器”圖標(biāo)：顯示環(huán)繞當(dāng)前選定內(nèi)容的標(biāo)簽的層次結(jié)構(gòu)。當(dāng)“文檔窗口”在集成工作區(qū)布局(僅適用于Windows系統(tǒng))中處于最大化狀態(tài)時(shí)，它沒(méi)有標(biāo)題欄，頁(yè)面標(biāo)題以及文件的路徑和文件名則顯示在主工作區(qū)窗口的標(biāo)題欄中。l 代碼視圖：一個(gè)用于編寫和編輯 HTML、JavaScript、服務(wù)器語(yǔ)言代碼(如 PHP或 ColdFusion標(biāo)記語(yǔ)言(CFML))以及任何其他類型代碼的手工編碼環(huán)境。 文檔窗口“文檔窗口”用于顯示當(dāng)前文檔，可以選擇下列任一視圖。l “刷新設(shè)計(jì)視圖”按鈕：在“代碼”視圖中對(duì)文檔進(jìn)行更改后，單擊此按鈕刷新文檔的 “設(shè)計(jì)”視圖，因?yàn)橹挥性趫?zhí)行某些操作(如保存文件或單擊該按鈕)之后，在“代碼 ”視圖中所作的更改才會(huì)自動(dòng)顯示在 “設(shè)計(jì)”視圖中。l “文件管理”按鈕：顯示“文件管理”彈出菜單。l “顯示設(shè)計(jì)視圖”按鈕：只在“文檔窗口”中顯示“設(shè)計(jì)”視圖。文檔工具欄還包含一些與查看文檔、在本地和遠(yuǎn)程站點(diǎn)間傳輸文檔有關(guān)的常用命令和選項(xiàng)，如圖121所示。圖117 jQuery Mobile選項(xiàng)卡7. InContext Editing選項(xiàng)卡InContext Editing選項(xiàng)卡包含可編輯區(qū)域和創(chuàng)建重復(fù)區(qū)域的內(nèi)容，如圖118所示。表單是網(wǎng)頁(yè)設(shè)計(jì)中最重要卻又最難完全掌握的部分，使用表單可以收集訪問(wèn)者的信息，如訂單、搜索接口等。1. “常用”選項(xiàng)卡“常用”選項(xiàng)卡包含了最常用的對(duì)象，最主要的功能是插入各項(xiàng)最常用的基本網(wǎng)頁(yè)設(shè)計(jì)及排版組件，如圖像按鈕、表格按鈕、插入媒體等，如圖112所示。從彈出菜單中選擇一個(gè)命令時(shí)，該命令將成為該按鈕的默認(rèn)操作。當(dāng)鼠標(biāo)指針移動(dòng)到一個(gè)按鈕上時(shí)，會(huì)出現(xiàn)一個(gè)工具提示，其中含有該按鈕的名稱。圖110 Dreamweaver CS6的工作窗口 功能菜單所謂功能菜單，就是一些能夠?qū)崿F(xiàn)一定功能的菜單命令。 l 單擊Dreamweaver CS6主窗口左上角的控制菜單圖標(biāo)，從彈出的菜單中選擇“關(guān)閉”命令，或者直接雙擊控制菜單圖標(biāo)。如果不想每次啟動(dòng)時(shí)都顯示該界面，則選中“不再顯示”復(fù)選框即可。 1) 從“開(kāi)始”菜單中啟動(dòng)單擊Windows桌面左下角的“開(kāi)始”按鈕，在“程序”子菜單中選擇 “Adobe Dreamweaver CS6”命令進(jìn)行啟動(dòng)。 l 在 Windows Vista系統(tǒng)中，打開(kāi) Windows“控制面板”窗口，然后雙擊“程序和功能”圖標(biāo)，在彈出的界面中選擇要卸載的產(chǎn)品，單擊“更改/刪除”按鈕，然后按屏幕說(shuō)明進(jìn)行操作。圖15 安裝位置界面圖16 “安裝”界面(3) 進(jìn)入“安裝完成”界面后，單擊“關(guān)閉”按鈕退出安裝，如圖17所示。(1) 在“Adobe軟件許可協(xié)議”界面(見(jiàn)圖l 將安裝光盤插入驅(qū)動(dòng)器中，然后按照屏幕說(shuō)明進(jìn)行操作。l 硬盤： GB以上可用空間。對(duì)Macintosh系統(tǒng)的要求如下。l RAM：512 MB。 系統(tǒng)要求以下硬件和軟件是運(yùn)行Dreamweaver CS6所必需的。14. Adobe Bridge CS6將 Adobe Bridge CS6 與 Dreamweaver 一起使用可以輕松、一致地管理圖像和資源。Dreamweaver 提供了一個(gè)包含基本布局設(shè)計(jì)的綜合性列表，用戶可以自定義這些設(shè)計(jì)以滿足自己的需要。圖11 瀏覽器兼容性檢查報(bào)告圖12 綠色下劃線標(biāo)記10. Adobe CSS AdvisorAdobe CSS Advisor 網(wǎng)站包含有關(guān)最新的CSS問(wèn)題信息，在瀏覽器兼容性檢查過(guò)程中可通過(guò) Dreamweaver 用戶界面直接訪問(wèn)該網(wǎng)站。該增強(qiáng)型面板現(xiàn)在能夠幫助用戶檢查HTML5的內(nèi)容呈現(xiàn)。6. CSS轉(zhuǎn)換將 CSS 屬性變化制成動(dòng)畫轉(zhuǎn)換效果，可使網(wǎng)頁(yè)設(shè)計(jì)栩栩如生，在用戶處理網(wǎng)頁(yè)元素和創(chuàng)建優(yōu)美效果時(shí)，能保持對(duì)網(wǎng)頁(yè)設(shè)計(jì)的精準(zhǔn)控制。4. 增強(qiáng)型 jQuery 移動(dòng)支持使用更新的 jQuery 移動(dòng)框架支持為 iOS 和 Android 平臺(tái)建立本地應(yīng)用程序。2. 改善的FTP性能利用重新改良的多線程 FTP 傳輸工具可節(jié)省上傳大型文件的時(shí)間。 Dreamweaver CS6的新增功能相對(duì)于以前的版本，Dreamweaver CS6的功能主要在以下方面進(jìn)行了增強(qiáng)。由于它支持代碼、拆分、設(shè)計(jì)、實(shí)時(shí)視圖等多種方式來(lái)創(chuàng)作、編寫和修改網(wǎng)頁(yè)，因此對(duì)于初級(jí)人員，無(wú)須編寫任何代碼就能快速創(chuàng)建Web頁(yè)面。本章重點(diǎn)l Dreamweaver CS6常用面板的使用方法。本章主要內(nèi)容l Dreamweaver CS6的新增功能。第1章 Dreamweaver CS6簡(jiǎn)介第1章 Dreamweaver CS6簡(jiǎn)介Dreamweaver CS6是一款功能強(qiáng)大的可視化的網(wǎng)頁(yè)編輯與管理軟件。用戶可以根據(jù)自己的喜好和工作方式，重新排列面板和面板組，自定義工作區(qū)。l Dreamweaver CS6的一般操作。在業(yè)界通常將Dreamweaver、Flash、Fireworks稱為“網(wǎng)頁(yè)三劍客”?！皩?shí)時(shí)視圖”和“多屏幕預(yù)覽”面板可呈現(xiàn)HTML5 代碼，用戶能更方便地檢查自己的工作。用戶可直觀地創(chuàng)建復(fù)雜網(wǎng)頁(yè)設(shè)計(jì)和頁(yè)面版面，無(wú)須忙于編寫代碼。利用托管解決方案建立電子商務(wù)網(wǎng)站。通過(guò)改編現(xiàn)有的 HTML 代碼來(lái)創(chuàng)建移動(dòng)應(yīng)用程序，并可使用 PhoneGap 模擬器檢查用戶的設(shè)計(jì)。8. 更新的多屏幕預(yù)覽面板可利用更新的“多屏幕預(yù)覽”面板檢查智能手機(jī)、平板電腦和臺(tái)式機(jī)所建立項(xiàng)目的顯示畫面。確定問(wèn)題之后，如果知道解決方案，則可以快速解決問(wèn)題；如果需要了解詳細(xì)信息，則可以訪問(wèn) Adobe CSS Advisor。Web 上的大多數(shù)站點(diǎn)設(shè)計(jì)都可以被歸類為一列、兩列或三列式布局，而且每種布局都包含許多附加元素(例如標(biāo)題和腳注)。13. Adobe Device CentralAdobe Device Central 與 Dreamweaver 相集成，并且存在于整個(gè) Creative Suite 3 軟件產(chǎn)品系列中，使用它可以快速訪問(wèn)每個(gè)設(shè)備的基本技術(shù)規(guī)范，還可以收縮 HTML 頁(yè)面的文本和圖像，以便使顯示效果與設(shè)備上出現(xiàn)的完全一樣，從而簡(jiǎn)化了移動(dòng)內(nèi)容的創(chuàng)建過(guò)程。 Dreamweaver CS6的安裝、卸載和啟動(dòng)本節(jié)主要介紹如何安裝和卸載Dreamweaver CS6，以及運(yùn)行Dreamweaver CS6的方法。l 操作系統(tǒng)：Windows XP SP2 或更高版本，Windows Vista Home Premium、Business、Enterprise 或 Ultimate(僅提供對(duì)32位版本的認(rèn)證支持)。l Internet 連接(用于激活)。l RAM：512 MB。 安裝Dreamweaver CS6安裝Dreamweaver CS6時(shí)，首先關(guān)閉系統(tǒng)中當(dāng)前正在運(yùn)行的所有應(yīng)用程序，包括其他 Adobe 應(yīng)用程序，然后執(zhí)行下列操作之一。下面是安裝過(guò)程簡(jiǎn)介。15)中單擊“