基本介紹

Adobe Dreamweaver，簡稱“DW”，中文名稱"夢想編織者"，最初(chu)為(wei)美(mei)國(guo)Macromedia公司(si)開發(fa)，2005年(nian)被Adobe公司(si)收(shou)購。

DW是(shi)集(ji)網(wang)頁制(zhi)作和管(guan)理網(wang)站于一身的所見即所得網(wang)頁代(dai)碼編輯器。利用對HTML、CSS、JavaScript等內容的支持，設計師和程序員可以在幾乎任何地方快(kuai)速制(zhi)作和進(jin)行網(wang)站建(jian)設。

Adobe Dreamweaver使用所(suo)見即所(suo)得的(de)(de)(de)接口(kou)，亦(yi)有HTML（標準(zhun)通用標記語(yu)言(yan)下的(de)(de)(de)一個應(ying)用）編(bian)輯的(de)(de)(de)功能(neng)，借助經過簡(jian)化的(de)(de)(de)智能(neng)編(bian)碼引擎，輕松地創建、編(bian)碼和管理動態網站(zhan)。訪問代碼提示，即可快速了解HTML、CSS和其他Web標準(zhun)。使用視(shi)覺輔助功能(neng)減少錯誤(wu)并提高網站(zhan)開發速度。

Adobe國際認證

認證簡介

Adobe國際認(ren)證(英(ying)文：Adobe Certified Professional簡(jian)稱：ACP)是Adobe公司推出(chu)的(de)國際認(ren)證，其已經成為考(kao)核(he)和衡量企業(ye)人才(cai)選(xuan)拔和錄用的(de)參考(kao)標準。

相關認證

技能認證

Adobe Certified Professional Dreamweaver 認證

職業認證

Adobe Certified Professional 網頁設計(ji)認證

獲得以上職業認證，需遵循以下規則：

網頁設計認證=Dreamweaver認證（必須）+Photoshop認證或Animate認證

發展歷程

Dreamweaver1.0發布(bu)于1997年12月(yue)，由之前的Macromedia公司(si)發布(bu)。

Dreamweaver2.0，發(fa)布于1998年12月(yue)。

Dreamweaver3.0，發布于1999年(nian)12月。Dreamweaver3.0不足3M，是個(ge)經典版本。無論是多破(po)的機器，速度特(te)快，功能夠(gou)用。此時(shi)的Dreamweaver已經是一個(ge)集網頁創(chuang)作和站(zhan)點管理兩(liang)大(da)利器于一身的超重(zhong)量級的創(chuang)作工具。

歷史版本

版本介紹

Dreamweaver2.0版(ban)本具(ju)有強大的(de)站(zhan)點管理功(gong)能(neng)，內置(zhi)FTP軟件可(ke)以直接上傳主頁(ye)(ye)；所見即(ji)所得的(de)頁(ye)(ye)面編輯方式(shi)；支持(chi)StylesSheet樣式(shi)表(biao)單，創造豐富的(de)頁(ye)(ye)面效果；支持(chi)Layer層(ceng)，并可(ke)使(shi)用Timeline時間(jian)軸制作(zuo)動態網頁(ye)(ye)；內置(zhi)Behavior行為，為網頁(ye)(ye)增加交互(hu)功(gong)能(neng)；提供模板和庫可(ke)以加速頁(ye)(ye)面的(de)生(sheng)成和制作(zuo)；支持(chi)外部插件，提供無限的(de)擴(kuo)展能(neng)力。

CS3

dreamweaverCS3是(shi)Adobe（奧多比）公司收購(gou)Macromedia公司后(hou)最新推出(chu)的(de)(de)Creative Suite 3設計(ji)(ji)套裝(zhuang)中用于網頁(ye)設計(ji)(ji)與制作(zuo)的(de)(de)組件(jian)。作(zuo)為全球最流行，最優秀的(de)(de)所見即所得的(de)(de)網頁(ye)編(bian)輯器(qi)，Dreamweaver可以(yi)輕而易舉(ju)地制作(zuo)出(chu)跨操作(zuo)系統平臺，跨瀏覽器(qi)的(de)(de)充滿(man)動感的(de)(de)網頁(ye)，是(shi)制作(zuo)Web頁(ye)站點(dian),Web頁(ye)和Web應用程序開發的(de)(de)理(li)想工具(ju)(ju)。Dreamweaver，Fireworks，Flash被(bei)稱為網頁(ye)制作(zuo)的(de)(de)“三劍客”，這三款工具(ju)(ju)相(xiang)輔相(xiang)承，是(shi)制作(zuo)網頁(ye)的(de)(de)最佳拍檔之一。

CS4

Dreamweaver CS4的(de)(de)(de)(de)(de)(de)(de)界(jie)面(mian)(mian)(mian)(mian)幾(ji)(ji)乎是(shi)(shi)做了一次脫(tuo)胎換骨的(de)(de)(de)(de)(de)(de)(de)改(gai)進，從中看到了更多的(de)(de)(de)(de)(de)(de)(de)設(she)(she)(she)(she)計(ji)(ji)(ji)元(yuan)素(su)(su)，讓DW也(ye)稍(shao)稍(shao)帶著點蘋果(guo)的(de)(de)(de)(de)(de)(de)(de)味道。如果(guo)說(shuo)VISTA和(he)OFFICE2007創造(zao)了軟件(jian)(jian)界(jie)面(mian)(mian)(mian)(mian)設(she)(she)(she)(she)計(ji)(ji)(ji)的(de)(de)(de)(de)(de)(de)(de)新紀元(yuan)，那么Adobe相(xiang)(xiang)當于取代(dai)(dai)(dai)了蘋果(guo)的(de)(de)(de)(de)(de)(de)(de)設(she)(she)(she)(she)計(ji)(ji)(ji)地(di)位(wei)而緊隨(sui)MS之后。Adobe自己創造(zao)，設(she)(she)(she)(she)計(ji)(ji)(ji)界(jie)的(de)(de)(de)(de)(de)(de)(de)老(lao)大地(di)位(wei)實(shi)(shi)至名歸……布(bu)(bu)局按鈕：這個按鈕似乎和(he)下(xia)(xia)方(fang)的(de)(de)(de)(de)(de)(de)(de)代(dai)(dai)(dai)碼、分割(ge)(ge)、設(she)(she)(she)(she)計(ji)(ji)(ji)按鈕功(gong)能(neng)(neng)重復，還不白(bai)DW的(de)(de)(de)(de)(de)(de)(de)意圖，增(zeng)加的(de)(de)(de)(de)(de)(de)(de)新功(gong)能(neng)(neng)是(shi)(shi)垂直分割(ge)(ge)，讓代(dai)(dai)(dai)碼和(he)設(she)(she)(she)(she)計(ji)(ji)(ji)界(jie)面(mian)(mian)(mian)(mian)以垂直對(dui)比的(de)(de)(de)(de)(de)(de)(de)方(fang)式呈現。精簡設(she)(she)(she)(she)計(ji)(ji)(ji)：它(ta)提供了更多的(de)(de)(de)(de)(de)(de)(de)可視區域(yu)，同時(shi)可以把右邊的(de)(de)(de)(de)(de)(de)(de)菜(cai)單(dan)收縮到只(zhi)剩下(xia)(xia)圖標。對(dui)于習慣了Adobe其(qi)他設(she)(she)(she)(she)計(ji)(ji)(ji)軟件(jian)(jian)的(de)(de)(de)(de)(de)(de)(de)朋友來說(shuo)，這的(de)(de)(de)(de)(de)(de)(de)確是(shi)(shi)非常貼(tie)心的(de)(de)(de)(de)(de)(de)(de)設(she)(she)(she)(she)計(ji)(ji)(ji)。應用(yong)(yong)程序開發增(zeng)強：左(zuo)上(shang)方(fang)是(shi)(shi)和(he)數據(ju)相(xiang)(xiang)關的(de)(de)(de)(de)(de)(de)(de)面(mian)(mian)(mian)(mian)板(ban)，包(bao)括(kuo)(kuo)數據(ju)庫面(mian)(mian)(mian)(mian)板(ban)、數據(ju)綁定(ding)面(mian)(mian)(mian)(mian)板(ban)和(he)行為面(mian)(mian)(mian)(mian)板(ban)；左(zuo)下(xia)(xia)方(fang)則(ze)是(shi)(shi)文件(jian)(jian)與(yu)資(zi)源相(xiang)(xiang)關的(de)(de)(de)(de)(de)(de)(de)面(mian)(mian)(mian)(mian)板(ban)，包(bao)括(kuo)(kuo)文件(jian)(jian)面(mian)(mian)(mian)(mian)板(ban)、相(xiang)(xiang)關資(zi)源面(mian)(mian)(mian)(mian)板(ban)、代(dai)(dai)(dai)碼收集(ji)器等；右邊則(ze)是(shi)(shi)設(she)(she)(she)(she)計(ji)(ji)(ji)相(xiang)(xiang)關面(mian)(mian)(mian)(mian)板(ban)，包(bao)括(kuo)(kuo)插入面(mian)(mian)(mian)(mian)板(ban)、CSS樣式表面(mian)(mian)(mian)(mian)板(ban)、AP元(yuan)素(su)(su)面(mian)(mian)(mian)(mian)板(ban)（用(yong)(yong)來為浮(fu)動層定(ding)位(wei)）。應該(gai)說(shuo)這是(shi)(shi)一個萬金油布(bu)(bu)局，幾(ji)(ji)乎適用(yong)(yong)所有的(de)(de)(de)(de)(de)(de)(de)開發者，同時(shi)，它(ta)也(ye)把大部分菜(cai)單(dan)展示(shi)在(zai)用(yong)(yong)戶面(mian)(mian)(mian)(mian)前，其(qi)他的(de)(de)(de)(de)(de)(de)(de)七種(zhong)布(bu)(bu)局可以說(shuo)只(zhi)是(shi)(shi)在(zai)這個基礎(chu)上(shang)進行一些排列(lie)和(he)隱藏(zang)。在(zai)下(xia)(xia)方(fang)的(de)(de)(de)(de)(de)(de)(de)文檔面(mian)(mian)(mian)(mian)板(ban)上(shang)，DW新增(zeng)加了一個實(shi)(shi)時(shi)預覽功(gong)能(neng)(neng)——LiveView。它(ta)的(de)(de)(de)(de)(de)(de)(de)作用(yong)(yong)是(shi)(shi)在(zai)DW窗口中實(shi)(shi)時(shi)查看代(dai)(dai)(dai)碼的(de)(de)(de)(de)(de)(de)(de)效(xiao)果(guo)，包(bao)括(kuo)(kuo)Javascript特效(xiao)！

CS5

Adobe Dreamweaver CS5是一款集網(wang)頁(ye)制作和管理網(wang)站于一身的(de)所(suo)見即所(suo)得網(wang)頁(ye)編輯器，Dreamweaver CS5是第一套針對專業網(wang)頁(ye)設計師特別(bie)發展(zhan)的(de)視覺(jue)化網(wang)頁(ye)開發工(gong)具，利用(yong)它可以輕而易舉地制作出跨(kua)(kua)越平(ping)臺(tai)限制和跨(kua)(kua)越瀏覽器限制的(de)充滿動感的(de)網(wang)頁(ye)。

全球(qiu)最大的(de)圖像編輯軟(ruan)件(jian)供應商(shang)Adobe官(guan)方(fang)宣布，以換股方(fang)式收購軟(ruan)件(jian)公司(si)Macromedia，Macromedia是著名(ming)的(de)網(wang)頁設(she)計軟(ruan)件(jian)Dreamweaver及(ji)Flash的(de)供應商(shang)。據悉，此項交易涉(she)及(ji)金額(e)高達(da)34億美(mei)元。根據雙方(fang)達(da)成的(de)協議，Macromedia股東(dong)將以1：0.69的(de)比例獲得Adobe的(de)普通股。自此開始，Dreamweaver開始屬于ADOBE設(she)計軟(ruan)件(jian)系列。

Dreamweaver CS5的(de)新(xin)增功能：

Adobe Dreamweaver CS5軟件使設(she)計人(ren)員(yuan)和開發(fa)人(ren)員(yuan)能充(chong)滿自信(xin)地構建基(ji)于標(biao)準的網站。由于同新(xin)的Adobe CS Live在線服務Adobe BrowserLab集(ji)成(cheng)，您可以使用CSS檢查工(gong)具進(jin)行設(she)計，使用內(nei)容管理系統(tong)進(jin)行開發(fa)并實(shi)現快速、精確的瀏覽器兼(jian)容性測試。

-集成CMS支持新增功能

盡(jin)享(xiang)對WordPress、Joomla!和(he)Drupal等內(nei)容管理系統框架的創作和(he)測試(shi)支持。

-CSS檢(jian)查(cha)新(xin)增功能

以可(ke)視方式顯示詳細的CSS框模型，輕松切換CSS屬性(xing)并且無需讀取代碼(ma)或使用其他實用程序。

-與Adobe BrowserLab集成(cheng)新增功能

使(shi)用多個查看(kan)、診斷和比較工具預覽動態，網(wang)頁和本地內(nei)容。

-PHP自定義類(lei)代碼提示新增功能(neng)

為自(zi)定(ding)義PHP函(han)數顯示適當的語法，幫(bang)助您(nin)更準確地(di)編(bian)寫代碼(ma)。

-CSSStarter頁(ye)增強(qiang)功能(neng)

借助(zhu)更新和簡化的(de)CSSStarter布局，快速啟動(dong)基于標準的(de)網站設計。

-與Business Catalyst集成新增功(gong)能

利用Dreamweaver與Adobe Business Catalyst服務(wu)（單獨提供）之(zhi)間的(de)集成，無需編程即(ji)可實現卓越的(de)在線(xian)業務(wu)。

-保持跨媒體一致性

將任何本(ben)機Adobe Photoshop或(huo)Illustrator文件插入Dreamweaver即可創建圖(tu)像(xiang)智能對象(xiang)。更(geng)改源(yuan)圖(tu)像(xiang)，然后(hou)快速、輕(qing)松地更(geng)新(xin)圖(tu)像(xiang)。

-增強的Subversion支持

借(jie)助增強的Subversion軟件支持，提高(gao)協作、版本控制(zhi)的環境(jing)中的站點(dian)文件管理(li)效率。

-仔細查看站點特定的(de)代碼提(ti)示

站點特定(ding)的(de)代碼提示(shi)新增功能

CS6

進一步了解用于設計和(he)編輯網站和(he)移動應用程序的(de)(de)(de)最新版(ban)頂尖軟件中的(de)(de)(de)各項功能(neng)，包括(kuo)響應迅(xun)速的(de)(de)(de)自適應網格(ge)版(ban)面、增(zeng)強(qiang)型jQueryMobile支持、CSS3轉換和(he)其他功能(neng)

建立網上業務

通過與(yu)Adobe Business Catalyst平(ping)臺（需單獨購買(mai)）集成(cheng)來開發復雜的電子(zi)商(shang)務網(wang)站，無需編(bian)寫(xie)任何服務器端編(bian)碼。建立并代管免費(fei)試(shi)用網(wang)站。

提高工作效率

利(li)用高速(su)FTP傳輸和(he)改良的圖像(xiang)編輯功能，有效地設計、開發并(bing)發布網站和(he)移動應(ying)用程(cheng)序。利(li)用對jQueryMobile和(he)Adobe PhoneGap框架(jia)的更新(xin)支持(chi)，建立移動應(ying)用程(cheng)序。

可響(xiang)應(ying)(ying)的自適應(ying)(ying)網格版(ban)面

改善的FTP性能

Adobe Business Catalyst集成

使用DW中的(de)Business Catalyst面板連接

增(zeng)強(qiang)型jQuery移(yi)動支(zhi)持

使用(yong)更新的jQuery移動(dong)框架(jia)支(zhi)持為iOS和(he)Android平臺建立(li)本(ben)地應(ying)用(yong)程(cheng)序。建立(li)觸及移動(dong)受眾的應(ying)用(yong)程(cheng)序，同時簡化您的移動(dong)開發(fa)工作流程(cheng)。

更新(xin)的PhoneGap支(zhi)持

更新的(de)(de)Adobe PhoneGap支持可輕(qing)松為Android和(he)iOS建立和(he)封裝(zhuang)本地應用(yong)程序。通過改編現有(you)的(de)(de)HTML代(dai)碼(ma)來創(chuang)建移動應用(yong)程序。使用(yong)PhoneGap模擬器檢查您(nin)的(de)(de)設計。

CC更新說明

這一(yi)版本(ben)只能(neng)運(yun)行在Win7和(he)Win8系統(tong)(tong)，WinXP及(ji)以下系統(tong)(tong)不能(neng)運(yun)行。

更新透過簡(jian)化的(de)使用者界面、連接的(de)工具以及新增的(de)視覺化

更新CSS設計工(gong)具您(nin)可透過直觀方式更有效地(di)編寫程式碼

更新流變格線版(ban)面可(ke)用(yong)于建立多方互動的網頁設計

更新EdgeAnimate整(zheng)合EdgeWebFonts整(zheng)合

快捷鍵

在運用(yong)DW的過程中，熟練的使用(yong)快捷鍵，制(zhi)作網頁(ye)時能(neng)達到(dao)事(shi)半(ban)功(gong)倍(bei)的效(xiao)果。

文件菜單

功能(neng)(neng) 快捷(jie)鍵 功能(neng)(neng) 快捷(jie)鍵

新建文(wen)(wen)檔 Ctrl+N，或直接(jie)在軟件(jian)(jian)(jian)啟(qi)動后(hou)的(de)窗口(kou)(kou)中(zhong)的(de)[新建]下選(xuan)擇(ze)HTML 打開一(yi)個HTML文(wen)(wen)件(jian)(jian)(jian) Ctrl+O或者將文(wen)(wen)件(jian)(jian)(jian)從[文(wen)(wen)件(jian)(jian)(jian)管理器]或[站(zhan)點]窗口(kou)(kou)拖(tuo)動到[文(wen)(wen)檔]窗口(kou)(kou)中(zhong)，或者直接(jie)在軟件(jian)(jian)(jian)啟(qi)動后(hou)窗口(kou)(kou)中(zhong)[打開最近的(de)項目]下方的(de)[選(xuan)擇(ze)]來打開一(yi)個HTML文(wen)(wen)件(jian)(jian)(jian)

在框(kuang)架中打開 Ctrl+Shift+O 關閉 Ctrl+W

保存(cun) Ctrl+S 另(ling)存(cun)為(wei) Ctrl+Shift+S

檢查鏈接 Shift+F8 退出 Ctrl+Q

編輯菜單

功能 快(kuai)捷鍵(jian) 功能 快(kuai)捷鍵(jian)

撤(che)消(xiao) Ctrl+Z 重復 Ctrl+Y或Ctrl+Shift+Z

剪切(qie) Ctrl+X或(huo)Shift+Del 拷(kao)貝 Ctrl+C或(huo)Ctrl+Ins

粘貼(tie) Ctrl+V或Shift+Ins 清除 Delete

全選(xuan) Ctrl+A 選(xuan)擇父標簽 Ctrl+Shift+

選(xuan)擇子標簽 Ctrl+Shift+> 查找和替換 Ctrl+F查找下(xia)一(yi)個F3

縮(suo)進代碼 Ctrl+Shift+] 左縮(suo)進代碼 Ctrl+Shift+[

平衡大括弧 Ctrl+’ 啟動外部編輯器 Ctrl+E

參(can)數選擇 Ctrl+U - -

頁面視圖

功能 快(kuai)捷(jie)鍵 功能 快(kuai)捷(jie)鍵

標(biao)準(zhun)視圖(tu) Ctrl+Shift+F6 布局視圖(tu) Ctrl+F6

工具條 Ctrl+Shift+T - -

查看頁面元素

功(gong)能(neng) 快(kuai)捷鍵 功(gong)能(neng) 快(kuai)捷鍵

可視(shi)化助理 Ctrl+Shift+I 標尺 Ctrl+Alt+R

顯示網(wang)格(ge) Ctrl+Alt+G 靠齊到網(wang)格(ge) Ctrl+Alt+Shift+G

頭(tou)內容(rong) Ctrl+Shift+W 頁面屬性 Ctrl+Shift+J

代碼編輯

功能(neng)(neng) 快捷(jie)鍵(jian) 功能(neng)(neng) 快捷(jie)鍵(jian)

切換到設(she)計視圖 Ctrl+Tab 打開快速標簽編輯器(qi) Ctrl+T

選擇父標簽(qian) Ctrl+Shift+ 平(ping)衡大(da)括(kuo)弧(hu) Ctrl+’

全選 Ctrl+A 拷貝 Ctrl+C

查找和替換 Ctrl+F 查找下一個 F3

替換 Ctrl+H 粘貼(tie) Ctrl+V

剪切(qie) Ctrl+X 重復 Ctrl+Y

撤消(xiao) Ctrl+Z 切換斷(duan)點 Ctrl+Alt+B

向上選(xuan)擇(ze)一(yi)(yi)行(xing) Shift+Up 向下選(xuan)擇(ze)一(yi)(yi)行(xing) Shift+Down

選擇左邊(bian)(bian)字符 Shift+Left 選擇右邊(bian)(bian)字符 Shift+Right

向(xiang)上翻(fan)頁(ye) PageUp 向(xiang)下翻(fan)頁(ye) PageDown

向上(shang)選擇一頁 Shift+PageUp 向下選擇一頁 Shift+PageDown

選擇(ze)左邊單(dan)詞 Ctrl+Shift+Left 選擇(ze)右邊單(dan)詞 Ctrl+Shift+Right

移到行(xing)首(shou) Home 移到行(xing)尾 End

移(yi)動到(dao)代(dai)碼頂(ding)部(bu) Ctrl+Home 移(yi)動到(dao)代(dai)碼尾部(bu) Ctrl+End

向上選擇(ze)到代碼頂(ding)部 Ctrl+Shift+Home 向下選擇(ze)到代碼頂(ding)部 Ctrl+Shift+End

編輯文本

功能 快捷鍵 功能 快捷鍵

創建新段落(luo) Enter 插入換行 Shift+Enter

插入不換(huan)行(xing)空格 Ctrl+Shift+Spacebar 拷貝文本(ben)或(huo)對象到頁面(mian)其他位置 Ctrl+拖(tuo)動選取項目到新位置

選取一個單詞 雙擊(ji) 將選定項(xiang)目(mu)添加到庫 Ctrl+Shift+B

在設計(ji)視圖和代碼編輯器之間(jian)切換 Ctrl+Tab 打(da)開和關(guan)閉[屬性]檢查器 Ctrl+Shift+J

檢查(cha)拼寫 Shift+F7 - -

格式化文本

功能 快捷鍵(jian) 功能 快捷鍵(jian)

縮進(jin) Ctrl+] 左縮進(jin) Ctrl+[

格(ge)式>無 Ctrl+0(零) 段落格(ge)式 Ctrl+Shift+P

應用標題1到6到段落(luo) Ctrl+1到6 對(dui)齊>左對(dui)齊 Ctrl+Shift+Alt+L

對齊>居中 Ctrl+Shift+Alt+C 對齊>右對齊 Ctrl+Shift+Alt+R

加粗選(xuan)定文本(ben) Ctrl+B 傾(qing)斜選(xuan)定文本(ben) Ctrl+I

編(bian)輯(ji)樣式表 Ctrl+Shift+E - -

查找和替換文本

功能 快捷鍵 功能 快捷鍵

查(cha)找 Ctrl+F 查(cha)找下(xia)一個/再(zai)查(cha)找 F3

替換 Ctrl+H - -

處理表格

功能 快(kuai)捷鍵(jian) 功能 快(kuai)捷鍵(jian)

選擇表格(ge)（光標在表格(ge)中） Ctrl+A 移動(dong)到下一單元格(ge) Tab

移(yi)動(dong)到上一單元格 Shift+Tab 插入行（在當前行之前） Ctrl+M

在表格末(mo)插入一行(xing)在最后一個單元格 Tab 刪除當前(qian)行(xing) Ctrl+Shift+M

插入列 Ctrl+Shift+A 刪除列 Ctrl+Shift+-(連字(zi)符(fu))

合并單(dan)元格(ge) Ctrl+Alt+M 拆(chai)分單(dan)元格(ge) Ctrl+Alt+S

更新表(biao)格布(bu)局（在“快(kuai)速表(biao)格編輯”模式中(zhong)強(qiang)制(zhi)重繪） Ctrl+Spacebar - -

處理框架

功(gong)能 快(kuai)捷(jie)鍵 功(gong)能 快(kuai)捷(jie)鍵

選擇框架(jia) 框架(jia)中(zhong)Alt+點(dian)擊 選擇下一框架(jia)或框架(jia)頁 Alt+右方向鍵

選擇(ze)(ze)上一框(kuang)架(jia)或框(kuang)架(jia)頁 Alt+左(zuo)方向鍵 選擇(ze)(ze)父(fu)框(kuang)架(jia) Alt+上方向鍵

選擇子框架或(huo)框架頁 Alt+下方向(xiang)鍵 添(tian)加新框架到框架頁 Alt+從框架邊(bian)界拖動

使用(yong)推模式添加新框架到(dao)框架頁 Alt+Ctrl+從框架邊界(jie)拖動(dong) - -

處理層

功能(neng) 快(kuai)捷鍵 功能(neng) 快(kuai)捷鍵

選擇層 Ctrl+Shift+點擊 選擇并移動(dong)(dong)層 Shift+Ctrl+拖動(dong)(dong)

從選擇中(zhong)添加(jia)或刪除(chu)層(ceng) Shift+點擊層(ceng) 以象素(su)為單(dan)位(wei)移(yi)動(dong)所選層(ceng) 上方向鍵

按靠齊(qi)增量移(yi)動所選層 Shift+方向(xiang)鍵 以(yi)象素(su)為單位調整(zheng)層大(da)小 Ctrl+方向(xiang)鍵

以(yi)靠齊增量為單(dan)位(wei)調整層大小(xiao) Ctrl+Shift+方(fang)向(xiang)鍵 將(jiang)所(suo)選層與(yu)最后所(suo)選層的頂部(bu)/底部(bu)/左(zuo)邊/右(you)邊對齊 Ctrl+上/下/左(zuo)/右(you)方(fang)向(xiang)鍵

統一所選層(ceng)寬度(du) Ctrl+Shift+[ 統一所選層(ceng)高度(du) Ctrl+Shift+]

創建層時切換嵌(qian)套設置 Ctrl+拖動 切換網格顯示 Ctrl+Shift+Alt+G

靠齊到網格 Ctrl+Alt+G - -

處理對象

功(gong)能(neng) 快捷鍵 功(gong)能(neng) 快捷鍵

添加對象到時間軸 Ctrl+Alt+Shift+T 添加關鍵幀 Shift+F9

刪除關鍵幀 Delete 改變圖象源文件屬性 Double+點擊圖象

在外部編(bian)輯(ji)器中(zhong)編(bian)輯(ji)圖象 Ctrl+雙擊圖象 - -

管理超鏈接

功(gong)能 快捷鍵(jian) 功(gong)能 快捷鍵(jian)

創(chuang)建超(chao)鏈接（選(xuan)定(ding)文本） Ctrl+L 刪除超(chao)鏈接 Ctrl+Shift+L

在(zai)Dreamweaver打開鏈接文檔 Ctrl+雙(shuang)擊鏈接 檢(jian)查選(xuan)定(ding)鏈接 Shift+F8

檢查整個站點中的鏈接 Ctrl+F8 - -

在瀏覽器中預覽

功能 快捷鍵 功能 快捷鍵

在主(zhu)瀏覽(lan)器(qi)中預覽(lan) F12 在次要(yao)瀏覽(lan)器(qi)中預覽(lan) Ctrl+F12

在瀏覽器中調試

功(gong)能(neng) 快捷(jie)鍵(jian) 功(gong)能(neng) 快捷(jie)鍵(jian)

在主瀏覽器(qi)中調試 Alt+F12 在次要瀏覽器(qi)中調試 Ctrl+Alt+F12

站點管理和FTP

功能 快(kuai)捷鍵 功能 快(kuai)捷鍵

創建新(xin)文件 Ctrl+Shift+N 創建新(xin)文件夾 Ctrl+Shift+Alt+N

打開選定 Ctrl+Shift+Alt+O 從(cong)遠程(cheng)FTP站點下載選定文(wen)件(jian)或(huo)文(wen)件(jian)夾 Ctrl+Shift+D或(huo)將文(wen)件(jian)從(cong)[站點]窗(chuang)口(kou)的[遠程(cheng)]欄拖(tuo)動(dong)到(dao)[本(ben)地]欄

將選(xuan)定文(wen)(wen)(wen)件(jian)或文(wen)(wen)(wen)件(jian)夾上載(zai)到遠程FTP站點 Ctrl+Shift+U或將文(wen)(wen)(wen)件(jian)從(cong)[站點]窗口的[本地(di)]欄(lan)拖(tuo)動到[遠程]欄(lan) 取出 Ctrl+Shift+Alt+D

存回 Ctrl+Shift+Alt+U 查看(kan)站點地圖 Alt+F8

刷新(xin)遠(yuan)端站點 Alt+F5 - -

站點地圖

功能 快(kuai)捷(jie)鍵(jian) 功能 快(kuai)捷(jie)鍵(jian)

查(cha)看站點(dian)文件(jian) F8 刷新本地欄 Shift+F5

設(she)為根 Ctrl+Shift+R 鏈接到現存文件 Ctrl+Shift+K

改變鏈接(jie) Ctrl+L 刪除鏈接(jie) Delete

顯示/隱藏鏈接(jie) Ctrl+Shift+Y 顯示頁面標題 Ctrl+Shift+T

重命(ming)名文(wen)件(jian) F2 放大站點地(di)圖 Ctrl++(plus)

縮小站點地圖 Ctrl+-(hyphen) - -

播放插件

功(gong)能(neng)(neng) 快捷鍵 功(gong)能(neng)(neng) 快捷鍵

播放(fang)插件 Ctrl+Alt+P 停止插件 Ctrl+Alt+X

播(bo)放所有插(cha)件 Ctrl+Shift+Alt+P 停止所有插(cha)件 Ctrl+Shift+Alt+X

處理模板

功能 快捷鍵

創建新(xin)的可編輯(ji)區域 Ctrl+Alt+V

插入對象

功(gong)能 快(kuai)捷鍵(jian) 功(gong)能 快(kuai)捷鍵(jian)

圖象 Ctrl+Alt+I 表格 Ctrl+Alt+T

Flash影(ying)片 Ctrl+Alt+F Shockwave和(he)Director影(ying)片 Ctrl+Alt+D

命名(ming)錨記 Ctrl+Alt+A - -

歷史紀錄面板

功能 快(kuai)捷鍵 功能 快(kuai)捷鍵

打(da)開[歷(li)史紀(ji)錄(lu)]面板(ban) Shift+F10 開始(shi)/停止錄(lu)制命令 Ctrl+Shift+X

播放錄(lu)制好的命令(ling) Ctrl+P - -

打開和關閉面板

功能 快(kuai)捷鍵 功能 快(kuai)捷鍵

對象 Ctrl+F2 屬性 Ctrl+F3

站(zhan)點文(wen)件 F5 站(zhan)點地(di)圖 Ctrl+F5

資源 F11 CSS樣(yang)式 Shift+F11

HTML樣式 Ctrl+F11 行為 Shift+F3

歷史紀錄 Shift+F10 時(shi)間軸 Shift+F9

代(dai)碼檢(jian)查(cha)器 F10 框(kuang)架(jia) Shift+F2

層(ceng) F2 參考 Ctrl+Shift+F1

顯示/隱藏浮動面板(ban) F4 最小化所有窗口 Shift+F4

最大化所有窗口 Alt+Shift+F4 - -

獲得幫助

功能 快(kuai)捷(jie)鍵(jian)(jian) 功能 快(kuai)捷(jie)鍵(jian)(jian) 功能 快(kuai)捷(jie)鍵(jian)(jian)

使(shi)用Dreamweaver[幫助主題] F1 參考 Shift+F1 Dreamweaver支持中(zhong)心 Ctrl+F1

優缺點

軟件優點

制作效率

Dreamweaver可(ke)(ke)以用最快速(su)的(de)(de)方式(shi)將Fireworks，FreeHand，或(huo)(huo)Photoshop等檔案移至(zhi)網頁上。使(shi)用檢(jian)色吸管工具(ju)選擇熒幕上的(de)(de)顏色可(ke)(ke)設(she)定最接近的(de)(de)網頁安全色。對于(yu)選單，快捷鍵與(yu)格(ge)式(shi)控制(zhi)，都只要(yao)一個簡單步驟便可(ke)(ke)完成(cheng)。Dreamweaver能與(yu)您喜愛的(de)(de)設(she)計工具(ju)，如PlaybackFlash，Shockwave和外(wai)(wai)掛模組等搭配，不需離開Dreamweaver便可(ke)(ke)完成(cheng)，整體運用流程(cheng)自然順暢。除此之外(wai)(wai)，只要(yao)單擊(ji)便可(ke)(ke)使(shi)Dreamweaver自動開啟Firework或(huo)(huo)Photoshop來進(jin)行編輯與(yu)設(she)定圖檔的(de)(de)最佳化。

網站管理

使用網(wang)(wang)站地(di)圖(tu)可(ke)以(yi)快(kuai)速(su)制作網(wang)(wang)站雛(chu)形(xing)、設(she)計、更(geng)(geng)(geng)新(xin)和重(zhong)組網(wang)(wang)頁。改(gai)變(bian)(bian)網(wang)(wang)頁位(wei)置或檔(dang)案名稱，Dreamweaver會自(zi)動(dong)更(geng)(geng)(geng)新(xin)所有(you)鏈接(jie)。使用支援文字、HTML碼、HTML屬性(xing)標(biao)簽和一般語(yu)法(fa)的搜尋(xun)及(ji)置換功能使得(de)復雜的網(wang)(wang)站更(geng)(geng)(geng)新(xin)變(bian)(bian)得(de)迅速(su)又簡(jian)單。

控制能力

Dreamweaver是提(ti)(ti)供(gong)(gong)RoundtripHTML、視覺(jue)化(hua)編(bian)(bian)(bian)(bian)輯(ji)(ji)(ji)(ji)與(yu)(yu)原(yuan)始碼編(bian)(bian)(bian)(bian)輯(ji)(ji)(ji)(ji)同(tong)(tong)步的(de)設(she)計(ji)工具。它包含HomeSite和(he)(he)BBEdit等(deng)主(zhu)流文字編(bian)(bian)(bian)(bian)輯(ji)(ji)(ji)(ji)器。幀(frames)和(he)(he)表格(ge)(ge)的(de)制作速度快的(de)令(ling)您(nin)(nin)(nin)無法(fa)想像。進(jin)階表格(ge)(ge)編(bian)(bian)(bian)(bian)輯(ji)(ji)(ji)(ji)功(gong)能(neng)(neng)使您(nin)(nin)(nin)簡單的(de)選擇(ze)單格(ge)(ge)、行(xing)(xing)、欄或作未連續之選取。甚至(zhi)可(ke)(ke)以(yi)(yi)(yi)排序或格(ge)(ge)式(shi)(shi)化(hua)表格(ge)(ge)群組(zu)，Dreamweaver支援精準定位(wei)，利用(yong)(yong)(yong)(yong)可(ke)(ke)輕易轉換成表格(ge)(ge)的(de)圖層以(yi)(yi)(yi)拖拉置(zhi)放(fang)的(de)方式(shi)(shi)進(jin)行(xing)(xing)版(ban)面配置(zhi)。所見即(ji)(ji)所得(de)Dreamweaver成功(gong)整合(he)動(dong)態(tai)式(shi)(shi)出版(ban)視覺(jue)編(bian)(bian)(bian)(bian)輯(ji)(ji)(ji)(ji)及電子商(shang)務(wu)功(gong)能(neng)(neng)，提(ti)(ti)供(gong)(gong)超強的(de)支援能(neng)(neng)力(li)給Third-party廠商(shang)，包含ASP，Apache，BroadVision，ColdFusion，iCAT，Tango與(yu)(yu)自行(xing)(xing)發展的(de)應(ying)用(yong)(yong)(yong)(yong)軟體。當您(nin)(nin)(nin)正使用(yong)(yong)(yong)(yong)Dreamweaver在(zai)設(she)計(ji)動(dong)態(tai)網(wang)頁(ye)時，所見即(ji)(ji)所得(de)的(de)功(gong)能(neng)(neng)，讓您(nin)(nin)(nin)不(bu)(bu)(bu)(bu)需要透(tou)過瀏(liu)(liu)覽(lan)(lan)器就能(neng)(neng)預覽(lan)(lan)網(wang)頁(ye)。夢(meng)幻樣(yang)(yang)版(ban)和(he)(he)XMLDreamweaver將內容(rong)(rong)(rong)與(yu)(yu)設(she)計(ji)分(fen)開，應(ying)用(yong)(yong)(yong)(yong)于快速網(wang)頁(ye)更新(xin)和(he)(he)團隊合(he)作網(wang)頁(ye)編(bian)(bian)(bian)(bian)輯(ji)(ji)(ji)(ji)。建立網(wang)頁(ye)外(wai)觀的(de)樣(yang)(yang)版(ban)，指定可(ke)(ke)編(bian)(bian)(bian)(bian)輯(ji)(ji)(ji)(ji)或不(bu)(bu)(bu)(bu)可(ke)(ke)編(bian)(bian)(bian)(bian)輯(ji)(ji)(ji)(ji)的(de)部(bu)份(fen)，內容(rong)(rong)(rong)提(ti)(ti)供(gong)(gong)者可(ke)(ke)直接(jie)編(bian)(bian)(bian)(bian)輯(ji)(ji)(ji)(ji)以(yi)(yi)(yi)樣(yang)(yang)式(shi)(shi)為主(zhu)的(de)內容(rong)(rong)(rong)卻不(bu)(bu)(bu)(bu)會不(bu)(bu)(bu)(bu)小心改變既定之樣(yang)(yang)式(shi)(shi)。您(nin)(nin)(nin)也可(ke)(ke)以(yi)(yi)(yi)使用(yong)(yong)(yong)(yong)樣(yang)(yang)版(ban)正確地輸入或輸出XML內容(rong)(rong)(rong)。全方位(wei)的(de)呈現利用(yong)(yong)(yong)(yong)Dreamweaver設(she)計(ji)的(de)網(wang)頁(ye)，可(ke)(ke)以(yi)(yi)(yi)全方位(wei)的(de)呈現于任何(he)平(ping)臺的(de)熱門瀏(liu)(liu)覽(lan)(lan)器上。對于cascadingstylesheets的(de)動(dong)態(tai)HTML支援和(he)(he)鼠標換圖效(xiao)果，聲(sheng)音和(he)(he)動(dong)畫的(de)DHTML效(xiao)果資(zi)料庫(ku)可(ke)(ke)在(zai)Netscape和(he)(he)Microsoft Internet Explorer上執行(xing)(xing)。使用(yong)(yong)(yong)(yong)不(bu)(bu)(bu)(bu)同(tong)(tong)瀏(liu)(liu)覽(lan)(lan)器檢示功(gong)能(neng)(neng)，Dreamweaver可(ke)(ke)以(yi)(yi)(yi)告知(zhi)(zhi)您(nin)(nin)(nin)在(zai)不(bu)(bu)(bu)(bu)同(tong)(tong)瀏(liu)(liu)覽(lan)(lan)器上執行(xing)(xing)的(de)成效(xiao)如何(he)。當有(you)新(xin)的(de)瀏(liu)(liu)覽(lan)(lan)器上市時，只要從Dreamweaver的(de)網(wang)站在(zai)下載它的(de)描述檔，便可(ke)(ke)得(de)知(zhi)(zhi)詳盡的(de)成效(xiao)報告。

無需編寫代(dai)碼即可實(shi)施CSS最佳做法。在“屬(shu)(shu)性(xing)”面板中新建CSS規(gui)則,并在樣(yang)式級聯中清晰(xi)、簡單地說明每個屬(shu)(shu)性(xing)的相應位(wei)置。

全面的CSS支持增強功能

使(shi)用Dreamweaver CS4中增(zeng)強(qiang)的CSS實施工具令您的網站脫穎而出。借助(zhu)“設計”和(he)“實時(shi)視圖”中的即時(shi)可視反饋,在“屬(shu)性”面板中快(kuai)速定義和(he)修改CSS規則(ze)。使(shi)用新增(zeng)的“相關文件”和(he)“代(dai)碼導航(hang)器”功能(neng)找到定義特定CSS規則(ze)的位(wei)置。

學習資源增強功能

借助(zhu)Dreamweaver CS4中豐富(fu)的產(chan)品隨附(fu)教程掌握Web構建(jian)技能。通過由社區推(tui)動的幫助(zhu)系(xi)統(tong)與最新Web技術(shu)保持同步。

更廣闊的Dreamweaver社區增強功能

從廣闊(kuo)的Dreamweaver社(she)區受(shou)益,它(ta)包括在(zai)線(xian)Adobe Design Center和Adobe Developer Connection、培訓與研討會、開發人員認證計劃以及用戶論(lun)壇(tan)。

在線服務

輕(qing)擊鼠標(biao)從(cong)Dreamweaver訪問(wen)在(zai)線(xian)服務，與(yu)同事(shi)或客戶共(gong)享屏(ping)幕、從(cong)在(zai)線(xian)社(she)區獲得所需的(de)搜索(suo)結(jie)果并快速找到創意(yi)靈感。了解針對創意(yi)專業人(ren)士的(de)更多在(zai)線(xian)服務

掌控內容

使客戶能(neng)從瀏覽器中直接更新他們(men)的(de)網(wang)頁(ye)。無需數(shu)據(ju)庫或復雜的(de)編碼即(ji)可將動態(tai)數(shu)據(ju)添加到站點。

將任何AdobePhotoshopPSD文(wen)(wen)檔插入(ru)Dreamweaver即(ji)可創建出圖像智(zhi)能對象。智(zhi)能對象與源文(wen)(wen)件(jian)緊(jin)密鏈接(jie)。無需打開Photoshop即(ji)可在Dreamweaver中更(geng)改源圖像和更(geng)新圖像。

HTML數據集新增功能

無需掌握數據(ju)(ju)庫或XML編碼即可將動態數據(ju)(ju)的強大功能融入網(wang)頁中。Spry數據(ju)(ju)集可以將簡單HTML表(biao)中的內容(rong)識(shi)別(bie)為交互式(shi)數據(ju)(ju)源。

軟件缺點

效果難一致

難(nan)以精(jing)確(que)達到(dao)與瀏覽器完全一(yi)致的顯示效果(guo)也就(jiu)是(shi)說您在所見即所得網(wang)頁(ye)(ye)編輯器中制作的網(wang)頁(ye)(ye)放(fang)到(dao)瀏覽器中是(shi)很難(nan)完全達到(dao)您真正(zheng)想要的效果(guo)，這一(yi)點在結(jie)構復雜一(yi)些的網(wang)頁(ye)(ye)（如分幀結(jie)構、動態(tai)網(wang)頁(ye)(ye)結(jie)構）中便可以體現出來；

代碼難控制

相比之下，非(fei)所(suo)見所(suo)得的(de)網頁編輯器(qi)，就不(bu)存在這個問題，因為所(suo)有(you)的(de)HTML代(dai)碼都(dou)在您(nin)的(de)監(jian)控下產(chan)生，但(dan)是由于非(fei)所(suo)見所(suo)得編輯器(qi)的(de)先天條件就注(zhu)定(ding)了(le)它的(de)工作(zuo)低效(xiao)率。如何實現(xian)兩(liang)者的(de)結合，則既(ji)產(chan)生干凈(jing)、準確(que)的(de)HTML代(dai)碼，具備(bei)所(suo)見所(suo)得的(de)高效(xiao)率、直觀性。

系統要求

以Dreamweaver CC為例

Windows

1、Intel或AMD處理器

2、Windows7、Windows8、Windows10

3、512MB內存

4、1GB可用硬盤空間(jian)用于安裝(zhuang)(zhuang)；安裝(zhuang)(zhuang)過程中需(xu)要額外的可用空間(jian)（無法安裝(zhuang)(zhuang)在可移動閃存設備上）

5、1024x768屏幕，16位(wei)顯卡

6、DVD-ROM驅(qu)動器(qi)

7、在線服務需要寬(kuan)帶Internet連接并不(bu)斷驗證訂閱(yue)版本（如果適用）*

MacOS

1、Intel多核處理器(qi)

2、MacOS10.10及更高版本

3、512MB內存

4、1.8GB可用硬盤空間(jian)用于安(an)裝；安(an)裝過程中需要額外(wai)的可用空間(jian)（無法安(an)裝在使(shi)用區分大小寫(xie)的文件系統(tong)的卷或(huo)可移(yi)動閃(shan)存設備上）

5、1280x800屏幕(mu)，16位(wei)顯卡DVD-ROM驅動器

6、在(zai)線服務(wu)需(xu)要寬帶Internet連接并不斷驗證(zheng)訂閱版本（如果適用）

特色功能

功能介紹

借助(zhu)共(gong)享型(xing)用(yong)戶界面設(she)計(ji)，在Adobe Creative Suite 4的不同組件之間(jian)更(geng)快、更(geng)明(ming)智地工(gong)作。

使(shi)用(yong)工(gong)作(zuo)區切(qie)換器可以從一個(ge)工(gong)作(zuo)環境快速切(qie)換到下一個(ge)環境。

具體功能

CS6新增功能

利用(yong)Adobe DreamweaverCS6軟件中改善的FTP性(xing)能(neng)，更高效地傳(chuan)輸大型(xing)文件。更新的“實時視(shi)圖”和“多屏幕預覽”面板(ban)可呈(cheng)現(xian)HTML5代(dai)碼，使您能(neng)檢查自己的工作。

自適應網格

可響應的自適應網格版面(mian)

使用(yong)響應迅速的CSS3自適應網(wang)格版面，來創建(jian)跨平(ping)臺和跨瀏覽器的兼容(rong)網(wang)頁設計(ji)。

利用簡潔、業界(jie)標準的代(dai)碼為(wei)各種不(bu)同(tong)設備和(he)計算機(ji)開發項目，提高工作效率(lv)。直觀地創建(jian)復雜網(wang)頁設計和(he)頁面(mian)版面(mian)，無需忙于編(bian)寫代(dai)碼。

改善FTP性能

利用(yong)重(zhong)新改良的多(duo)線程FTP傳(chuan)輸(shu)工具節(jie)省上傳(chuan)大(da)型(xing)文件的時(shi)(shi)間。更快速高效(xiao)地(di)上傳(chuan)網站文件，縮短制(zhi)作時(shi)(shi)間。

Catalyst集成

Adobe Business Catalyst集成

使用(yong)Dreamweaver中集成(cheng)的Business Catalyst面(mian)板連接并編輯您(nin)利用(yong)Adobe Business Catalyst（需另外購買(mai)）建立的網(wang)(wang)站(zhan)。利用(yong)托(tuo)管解決方案建立電子商務網(wang)(wang)站(zhan)。

增強型jQuery移動支持

使(shi)用(yong)更(geng)新的(de)jQuery移(yi)(yi)動框(kuang)架支持為(wei)iOS和Android平(ping)臺建(jian)(jian)立本地(di)應用(yong)程(cheng)序(xu)。建(jian)(jian)立觸及移(yi)(yi)動受眾的(de)應用(yong)程(cheng)序(xu)，同時簡化(hua)您的(de)移(yi)(yi)動開發工(gong)作流程(cheng)。

更新的PhoneGap支持

更新的Adobe PhoneGap支(zhi)持可輕松(song)為Android和iOS建立和封裝本地應用(yong)程序。通過改編(bian)現(xian)有的HTML代碼(ma)來創建移動應用(yong)程序。使用(yong)PhoneGap模擬器(qi)檢查您的設計。

CSS3轉換

將(jiang)CSS屬性變化制成(cheng)動畫轉換效果，使網(wang)頁設(she)計(ji)(ji)栩(xu)栩(xu)如生。在您處(chu)理網(wang)頁元素和創建優美效果時保(bao)持對網(wang)頁設(she)計(ji)(ji)的(de)精(jing)準(zhun)控制。

更新的實時視圖

使(shi)(shi)用(yong)(yong)更新的“實時視(shi)圖(tu)”功能在發布前測試頁面。“實時視(shi)圖(tu)”現已(yi)使(shi)(shi)用(yong)(yong)最新版(ban)的WebKit轉換引擎，能夠提(ti)供絕佳(jia)的HTML5支持(chi)。

更新的多屏幕預覽面板

利用更(geng)新(xin)的(de)“多屏幕預覽”面板(ban)檢(jian)查智能手機、平板(ban)電腦(nao)和臺式機所(suo)建立項(xiang)目的(de)顯示畫面。該(gai)增強型面板(ban)能夠(gou)讓您檢(jian)查HTML5內(nei)容呈現(xian)。

CS5后的新增功能

借助Adobe Dreamweaver CS5.5軟件充滿自信地進行(xing)設計(ji)、構建最新的(de)HTML5和CSS3網站、令(ling)交互性更(geng)上(shang)一層樓。同時(shi)為多個設備(bei)進行(xing)設計(ji)，并對全(quan)面的(de)代(dai)碼(ma)檢(jian)查充滿自信。

“多屏幕預覽”面板

借(jie)助“多屏幕預覽(lan)”面(mian)板，為智能手機(ji)、Tablet和個人(ren)計(ji)算機(ji)進行設(she)計(ji)。借(jie)助媒(mei)體(ti)查詢支持，開發人(ren)員可(ke)以通過一個面(mian)板為各種設(she)備設(she)計(ji)樣(yang)式并實現渲染可(ke)視(shi)化(hua)。

CSS3/HTML5支持

通(tong)過CSS面板(ban)設置樣(yang)式(shi)，該面板(ban)經過更新(xin)可支持新(xin)的CSS3規則。

設計視圖(tu)(tu)現支持媒體查詢，在您調整屏幕尺寸的同時(shi)可應用(yong)不同的樣式。使用(yong)HTML5進行前瞻性的編碼(ma)，同時(shi)提(ti)供(gong)代碼(ma)提(ti)示和設計視圖(tu)(tu)渲染支持。

JQuery集成

借助jQuery代碼提(ti)示加(jia)(jia)入(ru)高級交(jiao)(jiao)互性(xing)。jQuery是行業(ye)標準JavaScript庫，允許(xu)您為網頁(ye)輕松(song)加(jia)(jia)入(ru)各(ge)種交(jiao)(jiao)互性(xing)。借助針對手機的(de)起(qi)動(dong)模(mo)板快速啟動(dong)。

借助PhoneGap構建本機(ji)Android和iOS應(ying)用程(cheng)序

借(jie)助(zhu)新增的PhoneGap功(gong)能(neng)為Android和iOS構建(jian)并打包本機(ji)應用程序。借(jie)助(zhu)PhoneGap構建(jian)本機(ji)Android和iOS應用程序。

新增功能

實時視圖新增功能

借助Dreamweaver CS4中(zhong)(zhong)新(xin)增的實(shi)時視圖在真實(shi)的瀏覽器環境中(zhong)(zhong)設計網頁，同時仍可以直接訪問(wen)代碼(ma)(ma)。呈現的屏幕(mu)內容會立即反(fan)映出對代碼(ma)(ma)所做的更(geng)改(gai)。

針對Ajax和JavaScript框架的(de)代碼提示新增(zeng)功能。

借助改進(jin)的JavaScript核(he)心對象和(he)基本數據類型支持，更快(kuai)速、準(zhun)確地(di)編寫(xie)JavaScript。

通過集成包括jQuery、Prototype和Spry在內的流行JavaScript框架(jia)，充(chong)分(fen)利用DreamweaverCS4的擴展編碼(ma)功能。

相關文件新增功能

源代碼，在“設計”視圖中查看父頁面。

集成編碼增強功能

領略內(nei)建代碼提(ti)示的強大功能(neng)，令(ling)HTML、JavaScript、Spry和(he)jQuery等Ajax框(kuang)架、原(yuan)型(xing)和(he)幾種(zhong)服(fu)務(wu)器語言中的編碼更快、更清晰。

代碼導航器新增功能

新增的“代碼(ma)導航器”功能可顯示(shi)影響當前選定內容的所(suo)有代碼(ma)源，如(ru)CSS規(gui)則、服(fu)務器端包括、外部JavaScript功能、Dreamweaver模板、iframe源文件等(deng)。

Adobe AIR創作支持新增功能

在Dreamweaver中直(zhi)接新建基于(yu)HTML和JavaScript的(de)AdobeAIR應用(yong)程(cheng)序(xu)。在Dreamweaver中即可預覽AIR應用(yong)程(cheng)序(xu)。使(shi)AdobeAIR應用(yong)程(cheng)序(xu)隨時可與(yu)AIR打包及(ji)代碼簽名功能一起部署(shu)。

FLV支持增強功能

通過輕松點擊(ji)和符合標(biao)準的(de)編碼將(jiang)FLV文(wen)件(jian)集(ji)成到(dao)任何網頁中(zhong)-無(wu)需(xu)AdobeFLASH軟件(jian)知識。設計時(shi)在(zai)Dreamweaver全新的(de)實時(shi)視圖中(zhong)播放FLV影片。

支持領先技術

在支持大多數(shu)領先Web開發技術的工具中進行設計和(he)編碼(ma)，這些技術包括HTML、XHTML、CSS、XML、JavaScript、Ajax、PHP、AdobeColdFusion軟件(jian)和(he)ASP。

學習最佳做法

參考CSS最佳做(zuo)(zuo)法(fa)實現可視化設計(ji)并輔以通(tong)俗易懂的實用(yong)概(gai)念(nian)說明。在支持可訪問性和最佳做(zuo)(zuo)法(fa)的同時(shi)創(chuang)造(zao)Ajax驅(qu)動(dong)的交互性。

集成增強

通過跨產品線的直接通信和(he)交互，充分利用DreamweaverCS4和(he)其它(ta)Adobe工(gong)具(ju)的智能集成(cheng)和(he)強大功能，包括Adobe FLASH CS4 Professional、FIREWORKS CS4、Photoshop CS4和(he)DeviceCentral CS4軟件。

Adobe InContext Editing新增功能

在Dreamweaver中設計頁(ye)(ye)面(mian)，使(shi)最(zui)終用戶能使(shi)用Adobe InContext Editing在線服務編輯他們的(de)網頁(ye)(ye)，無需幫助或使(shi)用其它軟件(jian)。作為Dreamweaver設計人員，您可以(yi)限制(zhi)對(dui)特定頁(ye)(ye)面(mian)、特殊區域(yu)的(de)更改權(quan)，甚至可以(yi)自定格(ge)式選(xuan)項。

Subversion集成新增功能

在Dreamweaver中直接(jie)更新站點和登記修改(gai)內(nei)容。Dreamweaver CS4與Subversion軟件緊密集成(cheng)，后者是一款開放源代碼版本(ben)控制(zhi)系統，可以提(ti)供更強大的(de)登記/注銷體驗。

跨平臺支持增強功能

隨心所欲，盡情工作:Dreamweaver CS4可用于基于Intel或PowerPC的Mac、Microsoft WindowsXP以及Windows Vista系統。在首選系統中設計，交付跨(kua)平臺、可靠、一致、高性能的成果(guo)。

工作界面

初始界面

安(an)裝(zhuang)后，它(ta)會(hui)自動(dong)在Windows的(de)(de)菜單(dan)中(zhong)創建程(cheng)序組。與FrontPage有很大的(de)(de)不(bu)同，它(ta)把工(gong)具欄(lan)省去了(le)(le)，然(ran)后增加了(le)(le)幾(ji)個浮(fu)動(dong)的(de)(de)工(gong)具欄(lan)。在Dreamweaver 3.0中(zhong)，它(ta)的(de)(de)工(gong)具欄(lan)全(quan)是(shi)浮(fu)動(dong)工(gong)具欄(lan)，可(ke)以將工(gong)具欄(lan)縮小，也可(ke)以關閉。在專業(ye)術(shu)語里面，他(ta)們叫“浮(fu)動(dong)面板(ban)”，利用(yong)(yong)浮(fu)動(dong)面板(ban)來(lai)控制對頁面的(de)(de)編(bian)寫，而不(bu)是(shi)利用(yong)(yong)煩瑣的(de)(de)對話框，這(zhe)(zhe)是(shi)Dreamweaver 3.0編(bian)輯網頁中(zhong)最(zui)值得人贊賞的(de)(de)特性(xing)。通過在浮(fu)動(dong)面板(ban)中(zhong)進行屬性(xing)設置，這(zhe)(zhe)樣就直(zhi)接(jie)可(ke)以在文檔(dang)中(zhong)看到結(jie)果，避免了(le)(le)中(zhong)間過程(cheng)，提(ti)高(gao)了(le)(le)工(gong)作效率。但對于熟悉了(le)(le)微軟的(de)(de)應用(yong)(yong)程(cheng)序的(de)(de)用(yong)(yong)戶(hu)來(lai)說，開始的(de)(de)時候可(ke)能很不(bu)習慣。先來(lai)介紹它(ta)的(de)(de)三個最(zui)重(zhong)要的(de)(de)浮(fu)動(dong)面板(ban)。

啟動面板

啟動(dong)(dong)面板主要(yao)用來快(kuai)速啟動(dong)(dong)相應的(de)(de)任務(wu)，或(huo)顯示/隱藏相應的(de)(de)浮動(dong)(dong)面板。如果(guo)啟動(dong)(dong)面板是(shi)豎的(de)(de)，那么，可(ke)(ke)以點擊(ji)它右(you)下角(jiao)的(de)(de)一個小按(an)鈕，它就可(ke)(ke)以變成橫向的(de)(de)了(le)，這(zhe)時，可(ke)(ke)能會發(fa)現，它的(de)(de)狀(zhuang)態欄上也有這(zhe)個面板上的(de)(de)所有選(xuan)項。這(zhe)也就為網頁制作者提供(gong)了(le)方(fang)便。可(ke)(ke)以直(zhi)接從右(you)下角(jiao)點擊(ji)相應的(de)(de)欄目進入(ru)(ru)想要(yao)進入(ru)(ru)的(de)(de)對話框。

對象面板

對象面板主(zhu)要(yao)功能相當于插(cha)入菜單(dan)，主(zhu)要(yao)是向網頁中插(cha)入一些對象，如表格，框架，圖象，層，Flash動畫等，它(ta)通過一個下(xia)拉(la)菜單(dan)，把要(yao)插(cha)入的選項都(dou)包括在了其中。

每一個(ge)選項中都有若干個(ge)圖標(biao)，只(zhi)要在圖表上單(dan)擊一下，就可以(yi)插入想(xiang)要插入的對象(xiang)了(le)。

屬性面板

屬(shu)性(xing)(xing)面(mian)(mian)板(ban)(ban)(ban)會(hui)隨著編輯的(de)(de)(de)(de)內容而變(bian)化(hua)，這個圖(tu)是(shi)文(wen)(wen)字(zi)屬(shu)性(xing)(xing)面(mian)(mian)板(ban)(ban)(ban)，它里面(mian)(mian)包(bao)含了所(suo)要(yao)編輯的(de)(de)(de)(de)文(wen)(wen)字(zi)的(de)(de)(de)(de)所(suo)有(you)內容，包(bao)括字(zi)體，顏(yan)色，大小，連接，縮(suo)進等(deng)(deng)，它的(de)(de)(de)(de)右(you)下角還有(you)一個向下的(de)(de)(de)(de)小三角箭頭，單擊(ji)它，會(hui)展開屬(shu)性(xing)(xing)面(mian)(mian)板(ban)(ban)(ban)，它把(ba)一些不(bu)常用(yong)的(de)(de)(de)(de)屬(shu)性(xing)(xing)也列出來。展開后，箭頭會(hui)變(bian)成向上，單擊(ji)它，又會(hui)使屬(shu)性(xing)(xing)面(mian)(mian)板(ban)(ban)(ban)復原。屬(shu)性(xing)(xing)面(mian)(mian)板(ban)(ban)(ban)很多，還有(you)圖(tu)象屬(shu)性(xing)(xing)控制面(mian)(mian)板(ban)(ban)(ban)，層屬(shu)性(xing)(xing)控制面(mian)(mian)板(ban)(ban)(ban)等(deng)(deng)對象的(de)(de)(de)(de)屬(shu)性(xing)(xing)控制面(mian)(mian)板(ban)(ban)(ban)，用(yong)戶只(zhi)要(yao)選(xuan)擇要(yao)編輯的(de)(de)(de)(de)對象，它就會(hui)自(zi)動(dong)變(bian)化(hua)，挺方便的(de)(de)(de)(de)。用(yong)戶對所(suo)有(you)由啟動(dong)面(mian)(mian)板(ban)(ban)(ban)彈出來的(de)(de)(de)(de)浮動(dong)面(mian)(mian)板(ban)(ban)(ban)在被打開后，可(ke)(ke)以(yi)(yi)重(zhong)新組合(he)，可(ke)(ke)以(yi)(yi)將經常用(yong)的(de)(de)(de)(de)面(mian)(mian)板(ban)(ban)(ban)單獨地拉出來，只(zhi)需要(yao)將鼠(shu)(shu)標放到(dao)想要(yao)拉的(de)(de)(de)(de)按(an)鈕上面(mian)(mian)，然后按(an)住左鍵拖動(dong)就可(ke)(ke)以(yi)(yi)了，同理，把(ba)他們組合(he)也是(shi)一樣(yang)，用(yong)鼠(shu)(shu)標拖動(dong)后，放到(dao)上面(mian)(mian)就可(ke)(ke)以(yi)(yi)。