基本介紹

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

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

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

Adobe國際認證

認證簡介

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

相關認證

技能認證

Adobe Certified Professional Dreamweaver 認證

職業認證

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

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

網(wang)頁設計認(ren)證=Dreamweaver認(ren)證（必須）+Photoshop認(ren)證或(huo)Animate認(ren)證

發展歷程

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

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

Dreamweaver3.0，發布于(yu)1999年12月。Dreamweaver3.0不足3M，是個(ge)(ge)經典(dian)版(ban)本。無論是多破的(de)(de)(de)機器(qi)，速(su)度特快，功能夠用。此時的(de)(de)(de)Dreamweaver已經是一(yi)個(ge)(ge)集網(wang)頁(ye)創作和站(zhan)點(dian)管理兩大利器(qi)于(yu)一(yi)身的(de)(de)(de)超重量級的(de)(de)(de)創作工具。

歷史版本

版本介紹

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

CS3

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

CS4

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

CS5

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

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

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

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

-集(ji)成(cheng)CMS支持新增功(gong)能

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

-CSS檢查(cha)新增功能

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

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

使用多個查看、診斷和(he)比(bi)較工具預(yu)覽動態(tai)，網頁和(he)本(ben)地(di)內容。

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

為自定義PHP函(han)數顯示適當(dang)的語法，幫助您更準確(que)地編寫代碼。

-CSSStarter頁增強功能

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

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

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

-保持跨媒體一致性

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

-增(zeng)強的(de)Subversion支持

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

-仔細查(cha)看站點特(te)定的代(dai)碼提示

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

CS6

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

建立網上業務

通過與Adobe Business Catalyst平臺（需(xu)單獨(du)購(gou)買）集成來開發復雜的(de)電子商務網(wang)站(zhan)，無需(xu)編寫任何(he)服務器(qi)端編碼(ma)。建立并代管(guan)免費試用網(wang)站(zhan)。

提高工作效率

利用(yong)高速FTP傳(chuan)輸和(he)改良(liang)的圖像(xiang)編(bian)輯功能，有(you)效地(di)設計、開發并發布網站和(he)移動(dong)應用(yong)程序。利用(yong)對jQueryMobile和(he)Adobe PhoneGap框架的更(geng)新支持，建立(li)移動(dong)應用(yong)程序。

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

改善的FTP性能

Adobe Business Catalyst集(ji)成

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

增強型jQuery移(yi)動(dong)支持

使(shi)用(yong)(yong)更新的jQuery移(yi)(yi)動框架支持為iOS和Android平臺建立(li)本地應(ying)用(yong)(yong)程序。建立(li)觸(chu)及(ji)移(yi)(yi)動受眾(zhong)的應(ying)用(yong)(yong)程序，同時簡化您的移(yi)(yi)動開發(fa)工(gong)作流程。

更新的PhoneGap支持

更新的(de)Adobe PhoneGap支持可輕松為Android和iOS建立(li)和封裝(zhuang)本(ben)地應(ying)(ying)用(yong)程序。通過改(gai)編(bian)現有的(de)HTML代碼來創(chuang)建移動應(ying)(ying)用(yong)程序。使用(yong)PhoneGap模擬器(qi)檢(jian)查(cha)您的(de)設計(ji)。

CC更新說明

這一版本只能(neng)運行在Win7和Win8系統，WinXP及以下系統不(bu)能(neng)運行。

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

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

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

更(geng)新EdgeAnimate整合(he)EdgeWebFonts整合(he)

快捷鍵

在運用DW的過程(cheng)中(zhong)，熟(shu)練的使用快捷(jie)鍵，制作網(wang)頁時能達(da)到事半功(gong)倍(bei)的效果。

文件菜單

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

新(xin)建(jian)文(wen)檔(dang) Ctrl+N，或直(zhi)接在軟(ruan)件(jian)(jian)啟動后(hou)的窗口(kou)(kou)中的[新(xin)建(jian)]下(xia)選擇HTML 打(da)開(kai)一個HTML文(wen)件(jian)(jian) Ctrl+O或者(zhe)將(jiang)文(wen)件(jian)(jian)從[文(wen)件(jian)(jian)管理器]或[站點]窗口(kou)(kou)拖(tuo)動到[文(wen)檔(dang)]窗口(kou)(kou)中，或者(zhe)直(zhi)接在軟(ruan)件(jian)(jian)啟動后(hou)窗口(kou)(kou)中[打(da)開(kai)最近的項目]下(xia)方的[選擇]來打(da)開(kai)一個HTML文(wen)件(jian)(jian)

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

保存 Ctrl+S 另存為 Ctrl+Shift+S

檢查鏈(lian)接 Shift+F8 退出 Ctrl+Q

編輯菜單

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

撤消 Ctrl+Z 重復 Ctrl+Y或Ctrl+Shift+Z

剪切 Ctrl+X或Shift+Del 拷貝 Ctrl+C或Ctrl+Ins

粘貼 Ctrl+V或Shift+Ins 清除 Delete

全選 Ctrl+A 選擇父標簽 Ctrl+Shift+

選擇(ze)子標簽 Ctrl+Shift+> 查找(zhao)和(he)替換 Ctrl+F查找(zhao)下一個F3

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

平衡大(da)括弧 Ctrl+’ 啟動外(wai)部編輯(ji)器 Ctrl+E

參數選擇 Ctrl+U - -

頁面視圖

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

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

工具(ju)條 Ctrl+Shift+T - -

查看頁面元素

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

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

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

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

代碼編輯

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

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

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

全選(xuan) Ctrl+A 拷貝(bei) Ctrl+C

查(cha)找(zhao)和替換 Ctrl+F 查(cha)找(zhao)下一個 F3

替換 Ctrl+H 粘貼 Ctrl+V

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

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

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

選擇左邊字符 Shift+Left 選擇右邊字符 Shift+Right

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

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

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

移到(dao)行首 Home 移到(dao)行尾 End

移動到(dao)代碼頂部 Ctrl+Home 移動到(dao)代碼尾部 Ctrl+End

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

編輯文本

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

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

插入不換(huan)行(xing)空格 Ctrl+Shift+Spacebar 拷貝(bei)文本或對象到(dao)頁(ye)面其他位(wei)置 Ctrl+拖動(dong)選取(qu)項目到(dao)新位(wei)置

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

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

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

格式化文本

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

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

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

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

對齊(qi)(qi)>居中(zhong) Ctrl+Shift+Alt+C 對齊(qi)(qi)>右對齊(qi)(qi) Ctrl+Shift+Alt+R

加粗選定文本 Ctrl+B 傾斜(xie)選定文本 Ctrl+I

編輯樣式表 Ctrl+Shift+E - -

查找和替換文本

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

查找(zhao) Ctrl+F 查找(zhao)下一(yi)個/再查找(zhao) F3

替換 Ctrl+H - -

處理表格

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

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

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

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

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

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

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

處理框架

功能 快捷鍵 功能 快捷鍵

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

選(xuan)擇上一框(kuang)(kuang)架(jia)或框(kuang)(kuang)架(jia)頁(ye) Alt+左方向鍵(jian) 選(xuan)擇父框(kuang)(kuang)架(jia) Alt+上方向鍵(jian)

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

使用推模(mo)式添加新框架(jia)到框架(jia)頁 Alt+Ctrl+從框架(jia)邊界拖動 - -

處理層

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

選擇(ze)層 Ctrl+Shift+點(dian)擊 選擇(ze)并移(yi)動層 Shift+Ctrl+拖(tuo)動

從選擇(ze)中添加或(huo)刪(shan)除層 Shift+點擊層 以象(xiang)素為單位移動所選層 上方向鍵(jian)

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

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

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

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

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

處理對象

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

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

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

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

管理超鏈接

功能 快捷鍵 功能 快捷鍵

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

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

檢查整個(ge)站(zhan)點(dian)中的鏈(lian)接 Ctrl+F8 - -

在瀏覽器中預覽

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

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

在瀏覽器中調試

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

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

站點管理和FTP

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

創(chuang)建(jian)新文(wen)件 Ctrl+Shift+N 創(chuang)建(jian)新文(wen)件夾 Ctrl+Shift+Alt+N

打開選定 Ctrl+Shift+Alt+O 從(cong)遠程FTP站(zhan)點(dian)下載選定文件(jian)或文件(jian)夾 Ctrl+Shift+D或將文件(jian)從(cong)[站(zhan)點(dian)]窗口的[遠程]欄(lan)拖動到[本(ben)地]欄(lan)

將選定文件或(huo)文件夾上載到(dao)遠程(cheng)FTP站(zhan)(zhan)點 Ctrl+Shift+U或(huo)將文件從[站(zhan)(zhan)點]窗口的(de)[本地]欄(lan)拖動(dong)到(dao)[遠程(cheng)]欄(lan) 取出(chu) Ctrl+Shift+Alt+D

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

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

站點地圖

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

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

設為(wei)根 Ctrl+Shift+R 鏈接(jie)到(dao)現存(cun)文件 Ctrl+Shift+K

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

顯示(shi)/隱藏鏈接 Ctrl+Shift+Y 顯示(shi)頁(ye)面(mian)標題(ti) Ctrl+Shift+T

重命(ming)名(ming)文件 F2 放(fang)大站點地圖(tu) Ctrl++(plus)

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

播放插件

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

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

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

處理模板

功能 快捷鍵

創建新的可編輯區域 Ctrl+Alt+V

插入對象

功能 快捷鍵 功能 快捷鍵

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

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

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

歷史紀錄面板

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

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

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

打開和關閉面板

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

對象 Ctrl+F2 屬性(xing) Ctrl+F3

站點文件 F5 站點地圖 Ctrl+F5

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

HTML樣式(shi) Ctrl+F11 行(xing)為 Shift+F3

歷史紀錄 Shift+F10 時間軸 Shift+F9

代碼檢查器(qi) F10 框架 Shift+F2

層 F2 參考 Ctrl+Shift+F1

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

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

獲得幫助

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

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

優缺點

軟件優點

制作效率

Dreamweaver可以(yi)用(yong)最(zui)快(kuai)速的方(fang)式將Fireworks，FreeHand，或(huo)Photoshop等(deng)檔案(an)移至網(wang)頁(ye)上(shang)。使用(yong)檢色(se)吸(xi)管工具(ju)(ju)選(xuan)(xuan)擇(ze)熒幕(mu)上(shang)的顏色(se)可設(she)(she)定最(zui)接(jie)近的網(wang)頁(ye)安(an)全色(se)。對(dui)于選(xuan)(xuan)單，快(kuai)捷鍵與格(ge)式控制，都只要一個簡單步(bu)驟便(bian)(bian)可完成。Dreamweaver能與您喜(xi)愛的設(she)(she)計工具(ju)(ju)，如PlaybackFlash，Shockwave和(he)外掛(gua)模組(zu)等(deng)搭(da)配，不需(xu)離開Dreamweaver便(bian)(bian)可完成，整體運用(yong)流程自然順暢。除此之外，只要單擊便(bian)(bian)可使Dreamweaver自動開啟(qi)Firework或(huo)Photoshop來進(jin)行編輯與設(she)(she)定圖檔的最(zui)佳化。

網站管理

使(shi)用(yong)網(wang)站(zhan)地圖可(ke)以快速制作網(wang)站(zhan)雛形、設計、更新和重(zhong)組網(wang)頁。改(gai)變網(wang)頁位置或檔案(an)名稱，Dreamweaver會自動更新所有鏈接(jie)。使(shi)用(yong)支援文字(zi)、HTML碼、HTML屬性標簽(qian)和一般(ban)語法的搜(sou)尋及置換功能使(shi)得復雜(za)的網(wang)站(zhan)更新變得迅(xun)速又簡單。

控制能力

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

無需(xu)編寫(xie)代碼即可實施CSS最佳做法(fa)。在(zai)“屬性”面(mian)板(ban)中新建(jian)CSS規則,并在(zai)樣式級聯中清晰、簡(jian)單地說明每個屬性的相應位(wei)置。

全面的CSS支持增強功能

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

學習資源增強功能

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

更廣闊的Dreamweaver社區增強功能

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

在線服務

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

掌控內容

使客戶能(neng)從(cong)瀏覽器中直接(jie)更新(xin)他們的(de)網頁(ye)。無需數據庫或復(fu)雜的(de)編碼即可將動態數據添加到(dao)站(zhan)點。

將任(ren)何(he)AdobePhotoshopPSD文檔(dang)插入Dreamweaver即(ji)可創建出圖像(xiang)智能對象(xiang)(xiang)。智能對象(xiang)(xiang)與源文件緊密(mi)鏈接。無需(xu)打開Photoshop即(ji)可在(zai)Dreamweaver中(zhong)更(geng)改源圖像(xiang)和更(geng)新圖像(xiang)。

HTML數據集新增功能

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

軟件缺點

效果難一致

難(nan)以(yi)精確達到與瀏覽(lan)器(qi)(qi)完(wan)全一(yi)(yi)致的(de)顯示效果(guo)也(ye)就是說您在(zai)所(suo)見即所(suo)得網(wang)(wang)頁(ye)編輯器(qi)(qi)中制作的(de)網(wang)(wang)頁(ye)放到瀏覽(lan)器(qi)(qi)中是很難(nan)完(wan)全達到您真(zhen)正想要的(de)效果(guo)，這(zhe)一(yi)(yi)點(dian)在(zai)結(jie)(jie)構復雜(za)一(yi)(yi)些的(de)網(wang)(wang)頁(ye)（如分幀結(jie)(jie)構、動態網(wang)(wang)頁(ye)結(jie)(jie)構）中便(bian)可以(yi)體現出來；

代碼難控制

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

系統要求

以Dreamweaver CC為例

Windows

1、Intel或AMD處(chu)理器(qi)

2、Windows7、Windows8、Windows10

3、512MB內存

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

5、1024x768屏幕，16位顯卡

6、DVD-ROM驅動器(qi)

7、在(zai)線服務需要(yao)寬帶Internet連接并不斷驗證(zheng)訂閱版本(ben)（如(ru)果適用(yong)）*

MacOS

1、Intel多核處理器

2、MacOS10.10及(ji)更高(gao)版(ban)本

3、512MB內存

4、1.8GB可用硬盤(pan)空間用于安(an)裝；安(an)裝過(guo)程中需要(yao)額(e)外的可用空間（無(wu)法(fa)安(an)裝在使用區分大小寫的文件系統的卷或(huo)可移動閃存設(she)備上）

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

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

特色功能

功能介紹

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

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

具體功能

CS6新增功能

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

自適應網格

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

使用響(xiang)應(ying)迅速(su)的CSS3自(zi)適應(ying)網格版(ban)面，來創建(jian)跨平臺和(he)跨瀏覽器的兼容網頁設計(ji)。

利用簡(jian)潔、業(ye)界標準(zhun)的(de)代(dai)碼為各種不同設備(bei)和計算機開(kai)發項目，提高工作效(xiao)率。直觀地創建復雜(za)網頁設計和頁面版面，無(wu)需忙于編寫代(dai)碼。

改善FTP性能

利用(yong)重(zhong)新改良的多線程FTP傳輸(shu)工具節(jie)省(sheng)上(shang)傳大型文(wen)件的時間。更(geng)快速高效地上(shang)傳網站(zhan)文(wen)件，縮短制作時間。

Catalyst集成

Adobe Business Catalyst集成

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

增強型jQuery移動支持

使用更新的jQuery移(yi)動(dong)框架支持為iOS和Android平臺(tai)建立本(ben)地應(ying)用程(cheng)序。建立觸及(ji)移(yi)動(dong)受(shou)眾的應(ying)用程(cheng)序，同時(shi)簡化(hua)您的移(yi)動(dong)開發工作流程(cheng)。

更新的PhoneGap支持

更新(xin)的(de)Adobe PhoneGap支(zhi)持可輕(qing)松為(wei)Android和iOS建(jian)立和封裝本地應用程(cheng)序。通過改編現有的(de)HTML代(dai)碼來創建(jian)移(yi)動應用程(cheng)序。使用PhoneGap模擬(ni)器檢(jian)查您的(de)設計。

CSS3轉換

將CSS屬性變(bian)化制成動畫轉換效(xiao)果，使網(wang)(wang)頁設計(ji)栩栩如生。在您處理(li)網(wang)(wang)頁元(yuan)素和(he)創建優美(mei)效(xiao)果時保持對網(wang)(wang)頁設計(ji)的精(jing)準控制。

更新的實時視圖

使(shi)(shi)用更(geng)新的(de)“實(shi)時視(shi)圖”功能在(zai)發布(bu)前測試頁(ye)面。“實(shi)時視(shi)圖”現已(yi)使(shi)(shi)用最新版的(de)WebKit轉(zhuan)換引擎，能夠提(ti)供絕(jue)佳的(de)HTML5支持。

更新的多屏幕預覽面板

利用更新的“多屏幕預(yu)覽”面(mian)板檢(jian)查智能(neng)手(shou)機、平板電腦和臺式機所建立項目的顯示畫(hua)面(mian)。該增強型(xing)面(mian)板能(neng)夠讓(rang)您檢(jian)查HTML5內容呈(cheng)現。

CS5后的新增功能

借助Adobe Dreamweaver CS5.5軟(ruan)件充滿(man)自信地進行設(she)計、構建最新(xin)的(de)HTML5和(he)CSS3網站、令(ling)交互性更上一層樓。同時為(wei)多(duo)個設(she)備進行設(she)計，并對全面的(de)代碼檢(jian)查充滿(man)自信。

“多屏幕預覽”面板

借(jie)(jie)助(zhu)“多(duo)屏幕(mu)預(yu)覽”面板(ban)，為智能手機、Tablet和(he)個人計算機進行設(she)計。借(jie)(jie)助(zhu)媒體查(cha)詢(xun)支(zhi)持，開發人員(yuan)可以通過一個面板(ban)為各種設(she)備(bei)設(she)計樣式并實(shi)現渲染可視(shi)化。

CSS3/HTML5支持

通過(guo)CSS面(mian)板設置樣式，該面(mian)板經過(guo)更新(xin)可(ke)支(zhi)持新(xin)的CSS3規則(ze)。

設計視圖現(xian)支持媒體查詢，在(zai)您調(diao)整屏幕尺寸的同(tong)時可應(ying)用不同(tong)的樣式。使用HTML5進(jin)行前瞻性(xing)的編(bian)碼(ma)，同(tong)時提供代碼(ma)提示和設計視圖渲染支持。

JQuery集成

借(jie)助(zhu)jQuery代碼提示加(jia)入(ru)高級交互性。jQuery是行業標準JavaScript庫，允(yun)許您為網(wang)頁輕松加(jia)入(ru)各種交互性。借(jie)助(zhu)針對手機的起動模(mo)板快速啟動。

借(jie)助(zhu)PhoneGap構建(jian)本機(ji)Android和iOS應用程序(xu)

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

新增功能

實時視圖新增功能

借助Dreamweaver CS4中新增的(de)實時視圖在真實的(de)瀏(liu)覽(lan)器(qi)環境中設(she)計網(wang)頁(ye)，同時仍可以直(zhi)接訪(fang)問代碼。呈現(xian)的(de)屏(ping)幕內(nei)容會立即(ji)反映(ying)出對(dui)代碼所(suo)做的(de)更改。

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

借(jie)助(zhu)改進的(de)JavaScript核心對象(xiang)和基(ji)本數據類型支持，更快速(su)、準確地(di)編寫JavaScript。

通過集成(cheng)包括(kuo)jQuery、Prototype和Spry在內的流行(xing)JavaScript框(kuang)架(jia)，充分利(li)用DreamweaverCS4的擴展編碼功(gong)能。

相關文件新增功能

源代碼，在(zai)“設(she)計”視圖(tu)中查看父頁面。

集成編碼增強功能

領略內建代碼(ma)提(ti)示的(de)強大功能，令(ling)HTML、JavaScript、Spry和jQuery等(deng)Ajax框架、原型和幾種服務器(qi)語言(yan)中的(de)編碼(ma)更快、更清晰(xi)。

代碼導航器新增功能

新增的(de)“代(dai)碼導航器”功(gong)能(neng)可顯示影響(xiang)當前選定(ding)內(nei)容的(de)所(suo)有代(dai)碼源，如CSS規(gui)則、服務器端包(bao)括、外部(bu)JavaScript功(gong)能(neng)、Dreamweaver模板、iframe源文件等。

Adobe AIR創作支持新增功能

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

FLV支持增強功能

通過輕松點(dian)擊(ji)和(he)符合標準的編碼將FLV文件集(ji)成(cheng)到任(ren)何網頁(ye)中-無需AdobeFLASH軟件知識。設計時在Dreamweaver全新的實(shi)時視圖(tu)中播放FLV影片。

支持領先技術

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

學習最佳做法

參(can)考CSS最佳做法實現可(ke)視化(hua)設計并輔以(yi)通俗(su)易(yi)懂的實用(yong)概念說明。在支持可(ke)訪問性(xing)和最佳做法的同時(shi)創造Ajax驅動的交互性(xing)。

集成增強

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

Adobe InContext Editing新增功能

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

Subversion集成新增功能

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

跨平臺支持增強功能

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

工作界面

初始界面

安裝后，它(ta)會自動(dong)在(zai)(zai)Windows的(de)(de)(de)(de)菜單中(zhong)創(chuang)建程序(xu)(xu)組。與FrontPage有(you)很大的(de)(de)(de)(de)不(bu)同(tong)，它(ta)把工(gong)具欄省去了，然后增加了幾個浮(fu)(fu)(fu)動(dong)的(de)(de)(de)(de)工(gong)具欄。在(zai)(zai)Dreamweaver 3.0中(zhong)，它(ta)的(de)(de)(de)(de)工(gong)具欄全是浮(fu)(fu)(fu)動(dong)工(gong)具欄，可以(yi)將工(gong)具欄縮小(xiao)，也可以(yi)關閉。在(zai)(zai)專(zhuan)業(ye)術語里面(mian)(mian)，他們叫“浮(fu)(fu)(fu)動(dong)面(mian)(mian)板(ban)”，利用浮(fu)(fu)(fu)動(dong)面(mian)(mian)板(ban)來控制對頁(ye)面(mian)(mian)的(de)(de)(de)(de)編(bian)(bian)寫(xie)，而不(bu)是利用煩瑣的(de)(de)(de)(de)對話框，這(zhe)是Dreamweaver 3.0編(bian)(bian)輯網頁(ye)中(zhong)最值得人贊(zan)賞的(de)(de)(de)(de)特性。通過在(zai)(zai)浮(fu)(fu)(fu)動(dong)面(mian)(mian)板(ban)中(zhong)進行屬性設置，這(zhe)樣就直接可以(yi)在(zai)(zai)文(wen)檔中(zhong)看到結果(guo)，避免了中(zhong)間過程，提高了工(gong)作效(xiao)率。但對于熟悉(xi)了微軟的(de)(de)(de)(de)應(ying)用程序(xu)(xu)的(de)(de)(de)(de)用戶(hu)來說，開始的(de)(de)(de)(de)時候可能很不(bu)習慣。先來介紹(shao)它(ta)的(de)(de)(de)(de)三個最重要(yao)的(de)(de)(de)(de)浮(fu)(fu)(fu)動(dong)面(mian)(mian)板(ban)。

啟動面板

啟(qi)(qi)動面(mian)(mian)板(ban)(ban)主要用來快(kuai)速啟(qi)(qi)動相(xiang)應(ying)的(de)(de)(de)任務(wu)，或顯示/隱藏(zang)相(xiang)應(ying)的(de)(de)(de)浮動面(mian)(mian)板(ban)(ban)。如果啟(qi)(qi)動面(mian)(mian)板(ban)(ban)是豎(shu)的(de)(de)(de)，那么，可以點(dian)擊它(ta)右下角的(de)(de)(de)一個小按鈕，它(ta)就可以變成橫向(xiang)的(de)(de)(de)了，這(zhe)時(shi)，可能會發(fa)現(xian)，它(ta)的(de)(de)(de)狀態欄(lan)上也有這(zhe)個面(mian)(mian)板(ban)(ban)上的(de)(de)(de)所有選(xuan)項。這(zhe)也就為網頁制(zhi)作者(zhe)提供了方便。可以直接從(cong)右下角點(dian)擊相(xiang)應(ying)的(de)(de)(de)欄(lan)目進(jin)入(ru)(ru)想要進(jin)入(ru)(ru)的(de)(de)(de)對話框。

對象面板

對象(xiang)(xiang)面板(ban)主要功能相當于(yu)插入(ru)菜(cai)單，主要是向(xiang)網(wang)頁(ye)中插入(ru)一些對象(xiang)(xiang)，如表格(ge)，框架，圖象(xiang)(xiang)，層，Flash動(dong)畫等，它通(tong)過一個下拉菜(cai)單，把要插入(ru)的選項都(dou)包括在了其中。

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

屬性面板

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