基本介紹

Adobe Dreamweaver，簡(jiǎn)稱“DW”，中文名稱"夢(mèng)想編織者"，最初為美國(guó)Macromedia公司開發(fā)，2005年被Adobe公司收購(gòu)。

DW是集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁(yè)代碼編輯器。利用對(duì)HTML、CSS、JavaScript等內(nèi)容的支持，設(shè)計(jì)師和程序員可以在幾乎任何地方快速制作和進(jìn)行網(wǎng)站建設(shè)。

Adobe Dreamweaver使用所見即所得的接口，亦有HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用）編輯的功能，借助經(jīng)過簡(jiǎn)化的智能編碼引擎，輕松地創(chuàng)建、編碼和管理動(dòng)態(tài)網(wǎng)站。訪問代碼提示，即可快速了解HTML、CSS和其他Web標(biāo)準(zhǔn)。使用視覺輔助功能減少錯(cuò)誤并提高網(wǎng)站開發(fā)速度。

Adobe國(guó)際認(rèn)證

認(rèn)證簡(jiǎn)介

Adobe國(guó)際認(rèn)證(英文：Adobe Certified Professional簡(jiǎn)稱：ACP)是Adobe公司推出的國(guó)際認(rèn)證，其已經(jīng)成為考核和衡量企業(yè)人才選拔和錄用的參考標(biāo)準(zhǔn)。

相關(guān)認(rèn)證

技能認(rèn)證

Adobe Certified Professional Dreamweaver 認(rèn)證

職業(yè)認(rèn)證

Adobe Certified Professional 網(wǎng)頁(yè)設(shè)計(jì)認(rèn)證

獲得以上職業(yè)認(rèn)證，需遵循以下規(guī)則：

網(wǎng)頁(yè)設(shè)計(jì)認(rèn)證=Dreamweaver認(rèn)證（必須）+Photoshop認(rèn)證或Animate認(rèn)證

發(fā)展歷程

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

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

Dreamweaver3.0，發(fā)布于1999年12月。Dreamweaver3.0不足3M，是個(gè)經(jīng)典版本。無(wú)論是多破的機(jī)器，速度特快，功能夠用。此時(shí)的Dreamweaver已經(jīng)是一個(gè)集網(wǎng)頁(yè)創(chuàng)作和站點(diǎn)管理兩大利器于一身的超重量級(jí)的創(chuàng)作工具。

歷史版本

版本介紹

Dreamweaver2.0版本具有強(qiáng)大的站點(diǎn)管理功能，內(nèi)置FTP軟件可以直接上傳主頁(yè)；所見即所得的頁(yè)面編輯方式；支持StylesSheet樣式表單，創(chuàng)造豐富的頁(yè)面效果；支持Layer層，并可使用Timeline時(shí)間軸制作動(dòng)態(tài)網(wǎng)頁(yè)；內(nèi)置Behavior行為，為網(wǎng)頁(yè)增加交互功能；提供模板和庫(kù)可以加速頁(yè)面的生成和制作；支持外部插件，提供無(wú)限的擴(kuò)展能力。

CS3

dreamweaverCS3是Adobe（奧多比）公司收購(gòu)Macromedia公司后最新推出的Creative Suite 3設(shè)計(jì)套裝中用于網(wǎng)頁(yè)設(shè)計(jì)與制作的組件。作為全球最流行，最優(yōu)秀的所見即所得的網(wǎng)頁(yè)編輯器，Dreamweaver可以輕而易舉地制作出跨操作系統(tǒng)平臺(tái)，跨瀏覽器的充滿動(dòng)感的網(wǎng)頁(yè)，是制作Web頁(yè)站點(diǎn),Web頁(yè)和Web應(yīng)用程序開發(fā)的理想工具。Dreamweaver，F(xiàn)ireworks，F(xiàn)lash被稱為網(wǎng)頁(yè)制作的“三劍客”，這三款工具相輔相承，是制作網(wǎng)頁(yè)的最佳拍檔之一。

CS4

Dreamweaver CS4的界面幾乎是做了一次脫胎換骨的改進(jìn)，從中看到了更多的設(shè)計(jì)元素，讓DW也稍稍帶著點(diǎn)蘋果的味道。如果說VISTA和OFFICE2007創(chuàng)造了軟件界面設(shè)計(jì)的新紀(jì)元，那么Adobe相當(dāng)于取代了蘋果的設(shè)計(jì)地位而緊隨MS之后。Adobe自己創(chuàng)造，設(shè)計(jì)界的老大地位實(shí)至名歸……布局按鈕：這個(gè)按鈕似乎和下方的代碼、分割、設(shè)計(jì)按鈕功能重復(fù)，還不白DW的意圖，增加的新功能是垂直分割，讓代碼和設(shè)計(jì)界面以垂直對(duì)比的方式呈現(xiàn)。精簡(jiǎn)設(shè)計(jì)：它提供了更多的可視區(qū)域，同時(shí)可以把右邊的菜單收縮到只剩下圖標(biāo)。對(duì)于習(xí)慣了Adobe其他設(shè)計(jì)軟件的朋友來說，這的確是非常貼心的設(shè)計(jì)。應(yīng)用程序開發(fā)增強(qiáng)：左上方是和數(shù)據(jù)相關(guān)的面板，包括數(shù)據(jù)庫(kù)面板、數(shù)據(jù)綁定面板和行為面板；左下方則是文件與資源相關(guān)的面板，包括文件面板、相關(guān)資源面板、代碼收集器等；右邊則是設(shè)計(jì)相關(guān)面板，包括插入面板、CSS樣式表面板、AP元素面板（用來為浮動(dòng)層定位）。應(yīng)該說這是一個(gè)萬(wàn)金油布局，幾乎適用所有的開發(fā)者，同時(shí)，它也把大部分菜單展示在用戶面前，其他的七種布局可以說只是在這個(gè)基礎(chǔ)上進(jìn)行一些排列和隱藏。在下方的文檔面板上，DW新增加了一個(gè)實(shí)時(shí)預(yù)覽功能——LiveView。它的作用是在DW窗口中實(shí)時(shí)查看代碼的效果，包括Javascript特效！

CS5

Adobe Dreamweaver CS5是一款集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁(yè)編輯器，Dreamweaver CS5是第一套針對(duì)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺化網(wǎng)頁(yè)開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁(yè)。

全球最大的圖像編輯軟件供應(yīng)商Adobe官方宣布，以換股方式收購(gòu)軟件公司Macromedia，Macromedia是著名的網(wǎng)頁(yè)設(shè)計(jì)軟件Dreamweaver及Flash的供應(yīng)商。據(jù)悉，此項(xiàng)交易涉及金額高達(dá)34億美元。根據(jù)雙方達(dá)成的協(xié)議，Macromedia股東將以1：0.69的比例獲得Adobe的普通股。自此開始，Dreamweaver開始屬于ADOBE設(shè)計(jì)軟件系列。

Dreamweaver CS5的新增功能：

Adobe Dreamweaver CS5軟件使設(shè)計(jì)人員和開發(fā)人員能充滿自信地構(gòu)建基于標(biāo)準(zhǔn)的網(wǎng)站。由于同新的Adobe CS Live在線服務(wù)Adobe BrowserLab集成，您可以使用CSS檢查工具進(jìn)行設(shè)計(jì)，使用內(nèi)容管理系統(tǒng)進(jìn)行開發(fā)并實(shí)現(xiàn)快速、精確的瀏覽器兼容性測(cè)試。

-集成CMS支持新增功能

盡享對(duì)WordPress、Joomla!和Drupal等內(nèi)容管理系統(tǒng)框架的創(chuàng)作和測(cè)試支持。

-CSS檢查新增功能

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

-與Adobe BrowserLab集成新增功能

使用多個(gè)查看、診斷和比較工具預(yù)覽動(dòng)態(tài)，網(wǎng)頁(yè)和本地內(nèi)容。

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

為自定義PHP函數(shù)顯示適當(dāng)?shù)恼Z(yǔ)法，幫助您更準(zhǔn)確地編寫代碼。

-CSSStarter頁(yè)增強(qiáng)功能

借助更新和簡(jiǎn)化的CSSStarter布局，快速啟動(dòng)基于標(biāo)準(zhǔn)的網(wǎng)站設(shè)計(jì)。

-與Business Catalyst集成新增功能

利用Dreamweaver與Adobe Business Catalyst服務(wù)（單獨(dú)提供）之間的集成，無(wú)需編程即可實(shí)現(xiàn)卓越的在線業(yè)務(wù)。

-保持跨媒體一致性

將任何本機(jī)Adobe Photoshop或Illustrator文件插入Dreamweaver即可創(chuàng)建圖像智能對(duì)象。更改源圖像，然后快速、輕松地更新圖像。

-增強(qiáng)的Subversion支持

借助增強(qiáng)的Subversion軟件支持，提高協(xié)作、版本控制的環(huán)境中的站點(diǎn)文件管理效率。

-仔細(xì)查看站點(diǎn)特定的代碼提示

站點(diǎn)特定的代碼提示新增功能

CS6

進(jìn)一步了解用于設(shè)計(jì)和編輯網(wǎng)站和移動(dòng)應(yīng)用程序的最新版頂尖軟件中的各項(xiàng)功能，包括響應(yīng)迅速的自適應(yīng)網(wǎng)格版面、增強(qiáng)型jQueryMobile支持、CSS3轉(zhuǎn)換和其他功能

建立網(wǎng)上業(yè)務(wù)

通過與Adobe Business Catalyst平臺(tái)（需單獨(dú)購(gòu)買）集成來開發(fā)復(fù)雜的電子商務(wù)網(wǎng)站，無(wú)需編寫任何服務(wù)器端編碼。建立并代管免費(fèi)試用網(wǎng)站。

提高工作效率

利用高速FTP傳輸和改良的圖像編輯功能，有效地設(shè)計(jì)、開發(fā)并發(fā)布網(wǎng)站和移動(dòng)應(yīng)用程序。利用對(duì)jQueryMobile和Adobe PhoneGap框架的更新支持，建立移動(dòng)應(yīng)用程序。

可響應(yīng)的自適應(yīng)網(wǎng)格版面

改善的FTP性能

Adobe Business Catalyst集成

使用DW中的Business Catalyst面板連接

增強(qiáng)型jQuery移動(dòng)支持

使用更新的jQuery移動(dòng)框架支持為iOS和Android平臺(tái)建立本地應(yīng)用程序。建立觸及移動(dòng)受眾的應(yīng)用程序，同時(shí)簡(jiǎn)化您的移動(dòng)開發(fā)工作流程。

更新的PhoneGap支持

更新的Adobe PhoneGap支持可輕松為Android和iOS建立和封裝本地應(yīng)用程序。通過改編現(xiàn)有的HTML代碼來創(chuàng)建移動(dòng)應(yīng)用程序。使用PhoneGap模擬器檢查您的設(shè)計(jì)。

CC更新說明

這一版本只能運(yùn)行在Win7和Win8系統(tǒng)，WinXP及以下系統(tǒng)不能運(yùn)行。

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

更新CSS設(shè)計(jì)工具您可透過直觀方式更有效地編寫程式碼

更新流變格線版面可用于建立多方互動(dòng)的網(wǎng)頁(yè)設(shè)計(jì)

更新EdgeAnimate整合EdgeWebFonts整合

快捷鍵

在運(yùn)用DW的過程中，熟練的使用快捷鍵，制作網(wǎng)頁(yè)時(shí)能達(dá)到事半功倍的效果。

文件菜單

功能 快捷鍵 功能 快捷鍵

新建文檔 Ctrl+N，或直接在軟件啟動(dòng)后的窗口中的[新建]下選擇HTML 打開一個(gè)HTML文件 Ctrl+O或者將文件從[文件管理器]或[站點(diǎn)]窗口拖動(dòng)到[文檔]窗口中，或者直接在軟件啟動(dòng)后窗口中[打開最近的項(xiàng)目]下方的[選擇]來打開一個(gè)HTML文件

在框架中打開 Ctrl+Shift+O 關(guān)閉 Ctrl+W

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

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

編輯菜單

功能 快捷鍵 功能 快捷鍵

撤消 Ctrl+Z 重復(fù) Ctrl+Y或Ctrl+Shift+Z

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

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

全選 Ctrl+A 選擇父標(biāo)簽 Ctrl+Shift+

選擇子標(biāo)簽 Ctrl+Shift+> 查找和替換 Ctrl+F查找下一個(gè)F3

縮進(jìn)代碼 Ctrl+Shift+] 左縮進(jìn)代碼 Ctrl+Shift+[

平衡大括弧 Ctrl+’ 啟動(dòng)外部編輯器 Ctrl+E

參數(shù)選擇 Ctrl+U - -

頁(yè)面視圖

功能 快捷鍵 功能 快捷鍵

標(biāo)準(zhǔn)視圖 Ctrl+Shift+F6 布局視圖 Ctrl+F6

工具條 Ctrl+Shift+T - -

查看頁(yè)面元素

功能 快捷鍵 功能 快捷鍵

可視化助理 Ctrl+Shift+I 標(biāo)尺 Ctrl+Alt+R

顯示網(wǎng)格 Ctrl+Alt+G 靠齊到網(wǎng)格 Ctrl+Alt+Shift+G

頭內(nèi)容 Ctrl+Shift+W 頁(yè)面屬性 Ctrl+Shift+J

代碼編輯

功能 快捷鍵 功能 快捷鍵

切換到設(shè)計(jì)視圖 Ctrl+Tab 打開快速標(biāo)簽編輯器 Ctrl+T

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

全選 Ctrl+A 拷貝 Ctrl+C

查找和替換 Ctrl+F 查找下一個(gè) F3

替換 Ctrl+H 粘貼 Ctrl+V

剪切 Ctrl+X 重復(fù) Ctrl+Y

撤消 Ctrl+Z 切換斷點(diǎn) Ctrl+Alt+B

向上選擇一行 Shift+Up 向下選擇一行 Shift+Down

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

向上翻頁(yè) PageUp 向下翻頁(yè) PageDown

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

選擇左邊單詞 Ctrl+Shift+Left 選擇右邊單詞 Ctrl+Shift+Right

移到行首 Home 移到行尾 End

移動(dòng)到代碼頂部 Ctrl+Home 移動(dòng)到代碼尾部 Ctrl+End

向上選擇到代碼頂部 Ctrl+Shift+Home 向下選擇到代碼頂部 Ctrl+Shift+End

編輯文本

功能 快捷鍵 功能 快捷鍵

創(chuàng)建新段落 Enter 插入換行 Shift+Enter

插入不換行空格 Ctrl+Shift+Spacebar 拷貝文本或?qū)ο蟮巾?yè)面其他位置 Ctrl+拖動(dòng)選取項(xiàng)目到新位置

選取一個(gè)單詞 雙擊 將選定項(xiàng)目添加到庫(kù) Ctrl+Shift+B

在設(shè)計(jì)視圖和代碼編輯器之間切換 Ctrl+Tab 打開和關(guān)閉[屬性]檢查器 Ctrl+Shift+J

檢查拼寫 Shift+F7 - -

格式化文本

功能 快捷鍵 功能 快捷鍵

縮進(jìn) Ctrl+] 左縮進(jìn) Ctrl+[

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

應(yīng)用標(biāo)題1到6到段落 Ctrl+1到6 對(duì)齊>左對(duì)齊 Ctrl+Shift+Alt+L

對(duì)齊>居中 Ctrl+Shift+Alt+C 對(duì)齊>右對(duì)齊 Ctrl+Shift+Alt+R

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

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

查找和替換文本

功能 快捷鍵 功能 快捷鍵

查找 Ctrl+F 查找下一個(gè)/再查找 F3

替換 Ctrl+H - -

處理表格

功能 快捷鍵 功能 快捷鍵

選擇表格（光標(biāo)在表格中） Ctrl+A 移動(dòng)到下一單元格 Tab

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

在表格末插入一行在最后一個(gè)單元格 Tab 刪除當(dāng)前行 Ctrl+Shift+M

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

合并單元格 Ctrl+Alt+M 拆分單元格 Ctrl+Alt+S

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

處理框架

功能 快捷鍵 功能 快捷鍵

選擇框架 框架中Alt+點(diǎn)擊 選擇下一框架或框架頁(yè) Alt+右方向鍵

選擇上一框架或框架頁(yè) Alt+左方向鍵 選擇父框架 Alt+上方向鍵

選擇子框架或框架頁(yè) Alt+下方向鍵 添加新框架到框架頁(yè) Alt+從框架邊界拖動(dòng)

使用推模式添加新框架到框架頁(yè) Alt+Ctrl+從框架邊界拖動(dòng) - -

處理層

功能 快捷鍵 功能 快捷鍵

選擇層 Ctrl+Shift+點(diǎn)擊 選擇并移動(dòng)層 Shift+Ctrl+拖動(dòng)

從選擇中添加或刪除層 Shift+點(diǎn)擊層 以象素為單位移動(dòng)所選層 上方向鍵

按靠齊增量移動(dòng)所選層 Shift+方向鍵 以象素為單位調(diào)整層大小 Ctrl+方向鍵

以靠齊增量為單位調(diào)整層大小 Ctrl+Shift+方向鍵 將所選層與最后所選層的頂部/底部/左邊/右邊對(duì)齊 Ctrl+上/下/左/右方向鍵

統(tǒng)一所選層寬度 Ctrl+Shift+[ 統(tǒng)一所選層高度 Ctrl+Shift+]

創(chuàng)建層時(shí)切換嵌套設(shè)置 Ctrl+拖動(dòng) 切換網(wǎng)格顯示 Ctrl+Shift+Alt+G

靠齊到網(wǎng)格 Ctrl+Alt+G - -

處理對(duì)象

功能 快捷鍵 功能 快捷鍵

添加對(duì)象到時(shí)間軸 Ctrl+Alt+Shift+T 添加關(guān)鍵幀 Shift+F9

刪除關(guān)鍵幀 Delete 改變圖象源文件屬性 Double+點(diǎn)擊圖象

在外部編輯器中編輯圖象 Ctrl+雙擊圖象 - -

管理超鏈接

功能 快捷鍵 功能 快捷鍵

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

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

檢查整個(gè)站點(diǎn)中的鏈接 Ctrl+F8 - -

在瀏覽器中預(yù)覽

功能 快捷鍵 功能 快捷鍵

在主瀏覽器中預(yù)覽 F12 在次要瀏覽器中預(yù)覽 Ctrl+F12

在瀏覽器中調(diào)試

功能 快捷鍵 功能 快捷鍵

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

站點(diǎn)管理和FTP

功能 快捷鍵 功能 快捷鍵

創(chuàng)建新文件 Ctrl+Shift+N 創(chuàng)建新文件夾 Ctrl+Shift+Alt+N

打開選定 Ctrl+Shift+Alt+O 從遠(yuǎn)程FTP站點(diǎn)下載選定文件或文件夾 Ctrl+Shift+D或?qū)⑽募腫站點(diǎn)]窗口的[遠(yuǎn)程]欄拖動(dòng)到[本地]欄

將選定文件或文件夾上載到遠(yuǎn)程FTP站點(diǎn) Ctrl+Shift+U或?qū)⑽募腫站點(diǎn)]窗口的[本地]欄拖動(dòng)到[遠(yuǎn)程]欄 取出 Ctrl+Shift+Alt+D

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

刷新遠(yuǎn)端站點(diǎn) Alt+F5 - -

站點(diǎn)地圖

功能 快捷鍵 功能 快捷鍵

查看站點(diǎn)文件 F8 刷新本地欄 Shift+F5

設(shè)為根 Ctrl+Shift+R 鏈接到現(xiàn)存文件 Ctrl+Shift+K

改變鏈接 Ctrl+L 刪除鏈接 Delete

顯示/隱藏鏈接 Ctrl+Shift+Y 顯示頁(yè)面標(biāo)題 Ctrl+Shift+T

重命名文件 F2 放大站點(diǎn)地圖 Ctrl++(plus)

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

播放插件

功能 快捷鍵 功能 快捷鍵

播放插件 Ctrl+Alt+P 停止插件 Ctrl+Alt+X

播放所有插件 Ctrl+Shift+Alt+P 停止所有插件 Ctrl+Shift+Alt+X

處理模板

功能 快捷鍵

創(chuàng)建新的可編輯區(qū)域 Ctrl+Alt+V

插入對(duì)象

功能 快捷鍵 功能 快捷鍵

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

Flash影片 Ctrl+Alt+F Shockwave和Director影片 Ctrl+Alt+D

命名錨記 Ctrl+Alt+A - -

歷史紀(jì)錄面板

功能 快捷鍵 功能 快捷鍵

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

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

打開和關(guān)閉面板

功能 快捷鍵 功能 快捷鍵

對(duì)象 Ctrl+F2 屬性 Ctrl+F3

站點(diǎn)文件 F5 站點(diǎn)地圖 Ctrl+F5

資源 F11 CSS樣式 Shift+F11

HTML樣式 Ctrl+F11 行為 Shift+F3

歷史紀(jì)錄 Shift+F10 時(shí)間軸 Shift+F9

代碼檢查器 F10 框架 Shift+F2

層 F2 參考 Ctrl+Shift+F1

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

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

獲得幫助

功能 快捷鍵 功能 快捷鍵 功能 快捷鍵

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

優(yōu)缺點(diǎn)

軟件優(yōu)點(diǎn)

制作效率

Dreamweaver可以用最快速的方式將Fireworks，F(xiàn)reeHand，或Photoshop等檔案移至網(wǎng)頁(yè)上。使用檢色吸管工具選擇熒幕上的顏色可設(shè)定最接近的網(wǎng)頁(yè)安全色。對(duì)于選單，快捷鍵與格式控制，都只要一個(gè)簡(jiǎn)單步驟便可完成。Dreamweaver能與您喜愛的設(shè)計(jì)工具，如PlaybackFlash，Shockwave和外掛模組等搭配，不需離開Dreamweaver便可完成，整體運(yùn)用流程自然順暢。除此之外，只要單擊便可使Dreamweaver自動(dòng)開啟Firework或Photoshop來進(jìn)行編輯與設(shè)定圖檔的最佳化。

網(wǎng)站管理

使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形、設(shè)計(jì)、更新和重組網(wǎng)頁(yè)。改變網(wǎng)頁(yè)位置或檔案名稱，Dreamweaver會(huì)自動(dòng)更新所有鏈接。使用支援文字、HTML碼、HTML屬性標(biāo)簽和一般語(yǔ)法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡(jiǎn)單。

控制能力

Dreamweaver是提供RoundtripHTML、視覺化編輯與原始碼編輯同步的設(shè)計(jì)工具。它包含HomeSite和BBEdit等主流文字編輯器。幀(frames)和表格的制作速度快的令您無(wú)法想像。進(jìn)階表格編輯功能使您簡(jiǎn)單的選擇單格、行、欄或作未連續(xù)之選取。甚至可以排序或格式化表格群組，Dreamweaver支援精準(zhǔn)定位，利用可輕易轉(zhuǎn)換成表格的圖層以拖拉置放的方式進(jìn)行版面配置。所見即所得Dreamweaver成功整合動(dòng)態(tài)式出版視覺編輯及電子商務(wù)功能，提供超強(qiáng)的支援能力給Third-party廠商，包含ASP，Apache，BroadVision，ColdFusion，iCAT，Tango與自行發(fā)展的應(yīng)用軟體。當(dāng)您正使用Dreamweaver在設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁(yè)時(shí)，所見即所得的功能，讓您不需要透過瀏覽器就能預(yù)覽網(wǎng)頁(yè)。夢(mèng)幻樣版和XMLDreamweaver將內(nèi)容與設(shè)計(jì)分開，應(yīng)用于快速網(wǎng)頁(yè)更新和團(tuán)隊(duì)合作網(wǎng)頁(yè)編輯。建立網(wǎng)頁(yè)外觀的樣版，指定可編輯或不可編輯的部份，內(nèi)容提供者可直接編輯以樣式為主的內(nèi)容卻不會(huì)不小心改變既定之樣式。您也可以使用樣版正確地輸入或輸出XML內(nèi)容。全方位的呈現(xiàn)利用Dreamweaver設(shè)計(jì)的網(wǎng)頁(yè)，可以全方位的呈現(xiàn)于任何平臺(tái)的熱門瀏覽器上。對(duì)于cascadingstylesheets的動(dòng)態(tài)HTML支援和鼠標(biāo)換圖效果，聲音和動(dòng)畫的DHTML效果資料庫(kù)可在Netscape和Microsoft Internet Explorer上執(zhí)行。使用不同瀏覽器檢示功能，Dreamweaver可以告知您在不同瀏覽器上執(zhí)行的成效如何。當(dāng)有新的瀏覽器上市時(shí)，只要從Dreamweaver的網(wǎng)站在下載它的描述檔，便可得知詳盡的成效報(bào)告。

無(wú)需編寫代碼即可實(shí)施CSS最佳做法。在“屬性”面板中新建CSS規(guī)則,并在樣式級(jí)聯(lián)中清晰、簡(jiǎn)單地說明每個(gè)屬性的相應(yīng)位置。

全面的CSS支持增強(qiáng)功能

使用Dreamweaver CS4中增強(qiáng)的CSS實(shí)施工具令您的網(wǎng)站脫穎而出。借助“設(shè)計(jì)”和“實(shí)時(shí)視圖”中的即時(shí)可視反饋,在“屬性”面板中快速定義和修改CSS規(guī)則。使用新增的“相關(guān)文件”和“代碼導(dǎo)航器”功能找到定義特定CSS規(guī)則的位置。

學(xué)習(xí)資源增強(qiáng)功能

借助Dreamweaver CS4中豐富的產(chǎn)品隨附教程掌握Web構(gòu)建技能。通過由社區(qū)推動(dòng)的幫助系統(tǒng)與最新Web技術(shù)保持同步。

更廣闊的Dreamweaver社區(qū)增強(qiáng)功能

從廣闊的Dreamweaver社區(qū)受益,它包括在線Adobe Design Center和Adobe Developer Connection、培訓(xùn)與研討會(huì)、開發(fā)人員認(rèn)證計(jì)劃以及用戶論壇。

在線服務(wù)

輕擊鼠標(biāo)從Dreamweaver訪問在線服務(wù)，與同事或客戶共享屏幕、從在線社區(qū)獲得所需的搜索結(jié)果并快速找到創(chuàng)意靈感。了解針對(duì)創(chuàng)意專業(yè)人士的更多在線服務(wù)

掌控內(nèi)容

使客戶能從瀏覽器中直接更新他們的網(wǎng)頁(yè)。無(wú)需數(shù)據(jù)庫(kù)或復(fù)雜的編碼即可將動(dòng)態(tài)數(shù)據(jù)添加到站點(diǎn)。

將任何AdobePhotoshopPSD文檔插入Dreamweaver即可創(chuàng)建出圖像智能對(duì)象。智能對(duì)象與源文件緊密鏈接。無(wú)需打開Photoshop即可在Dreamweaver中更改源圖像和更新圖像。

HTML數(shù)據(jù)集新增功能

無(wú)需掌握數(shù)據(jù)庫(kù)或XML編碼即可將動(dòng)態(tài)數(shù)據(jù)的強(qiáng)大功能融入網(wǎng)頁(yè)中。Spry數(shù)據(jù)集可以將簡(jiǎn)單HTML表中的內(nèi)容識(shí)別為交互式數(shù)據(jù)源。

軟件缺點(diǎn)

效果難一致

難以精確達(dá)到與瀏覽器完全一致的顯示效果也就是說您在所見即所得網(wǎng)頁(yè)編輯器中制作的網(wǎng)頁(yè)放到瀏覽器中是很難完全達(dá)到您真正想要的效果，這一點(diǎn)在結(jié)構(gòu)復(fù)雜一些的網(wǎng)頁(yè)（如分幀結(jié)構(gòu)、動(dòng)態(tài)網(wǎng)頁(yè)結(jié)構(gòu)）中便可以體現(xiàn)出來；

代碼難控制

相比之下，非所見所得的網(wǎng)頁(yè)編輯器，就不存在這個(gè)問題，因?yàn)樗械腍TML代碼都在您的監(jiān)控下產(chǎn)生，但是由于非所見所得編輯器的先天條件就注定了它的工作低效率。如何實(shí)現(xiàn)兩者的結(jié)合，則既產(chǎn)生干凈、準(zhǔn)確的HTML代碼，具備所見所得的高效率、直觀性。

系統(tǒng)要求

以Dreamweaver CC為例

Windows

1、Intel或AMD處理器

2、Windows7、Windows8、Windows10

3、512MB內(nèi)存

4、1GB可用硬盤空間用于安裝；安裝過程中需要額外的可用空間（無(wú)法安裝在可移動(dòng)閃存設(shè)備上）

5、1024x768屏幕，16位顯卡

6、DVD-ROM驅(qū)動(dòng)器

7、在線服務(wù)需要寬帶Internet連接并不斷驗(yàn)證訂閱版本（如果適用）*

MacOS

1、Intel多核處理器

2、MacOS10.10及更高版本

3、512MB內(nèi)存

4、1.8GB可用硬盤空間用于安裝；安裝過程中需要額外的可用空間（無(wú)法安裝在使用區(qū)分大小寫的文件系統(tǒng)的卷或可移動(dòng)閃存設(shè)備上）

5、1280x800屏幕，16位顯卡DVD-ROM驅(qū)動(dòng)器

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

特色功能

功能介紹

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

使用工作區(qū)切換器可以從一個(gè)工作環(huán)境快速切換到下一個(gè)環(huán)境。

具體功能

CS6新增功能

利用Adobe DreamweaverCS6軟件中改善的FTP性能，更高效地傳輸大型文件。更新的“實(shí)時(shí)視圖”和“多屏幕預(yù)覽”面板可呈現(xiàn)HTML5代碼，使您能檢查自己的工作。

自適應(yīng)網(wǎng)格

可響應(yīng)的自適應(yīng)網(wǎng)格版面

使用響應(yīng)迅速的CSS3自適應(yīng)網(wǎng)格版面，來創(chuàng)建跨平臺(tái)和跨瀏覽器的兼容網(wǎng)頁(yè)設(shè)計(jì)。

利用簡(jiǎn)潔、業(yè)界標(biāo)準(zhǔn)的代碼為各種不同設(shè)備和計(jì)算機(jī)開發(fā)項(xiàng)目，提高工作效率。直觀地創(chuàng)建復(fù)雜網(wǎng)頁(yè)設(shè)計(jì)和頁(yè)面版面，無(wú)需忙于編寫代碼。

改善FTP性能

利用重新改良的多線程FTP傳輸工具節(jié)省上傳大型文件的時(shí)間。更快速高效地上傳網(wǎng)站文件，縮短制作時(shí)間。

Catalyst集成

Adobe Business Catalyst集成

使用Dreamweaver中集成的Business Catalyst面板連接并編輯您利用Adobe Business Catalyst（需另外購(gòu)買）建立的網(wǎng)站。利用托管解決方案建立電子商務(wù)網(wǎng)站。

增強(qiáng)型jQuery移動(dòng)支持

使用更新的jQuery移動(dòng)框架支持為iOS和Android平臺(tái)建立本地應(yīng)用程序。建立觸及移動(dòng)受眾的應(yīng)用程序，同時(shí)簡(jiǎn)化您的移動(dòng)開發(fā)工作流程。

更新的PhoneGap支持

更新的Adobe PhoneGap支持可輕松為Android和iOS建立和封裝本地應(yīng)用程序。通過改編現(xiàn)有的HTML代碼來創(chuàng)建移動(dòng)應(yīng)用程序。使用PhoneGap模擬器檢查您的設(shè)計(jì)。

CSS3轉(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)控制。

更新的實(shí)時(shí)視圖

使用更新的“實(shí)時(shí)視圖”功能在發(fā)布前測(cè)試頁(yè)面。“實(shí)時(shí)視圖”現(xiàn)已使用最新版的WebKit轉(zhuǎn)換引擎，能夠提供絕佳的HTML5支持。

更新的多屏幕預(yù)覽面板

利用更新的“多屏幕預(yù)覽”面板檢查智能手機(jī)、平板電腦和臺(tái)式機(jī)所建立項(xiàng)目的顯示畫面。該增強(qiáng)型面板能夠讓您檢查HTML5內(nèi)容呈現(xiàn)。

CS5后的新增功能

借助Adobe Dreamweaver CS5.5軟件充滿自信地進(jìn)行設(shè)計(jì)、構(gòu)建最新的HTML5和CSS3網(wǎng)站、令交互性更上一層樓。同時(shí)為多個(gè)設(shè)備進(jìn)行設(shè)計(jì)，并對(duì)全面的代碼檢查充滿自信。

“多屏幕預(yù)覽”面板

借助“多屏幕預(yù)覽”面板，為智能手機(jī)、Tablet和個(gè)人計(jì)算機(jī)進(jìn)行設(shè)計(jì)。借助媒體查詢支持，開發(fā)人員可以通過一個(gè)面板為各種設(shè)備設(shè)計(jì)樣式并實(shí)現(xiàn)渲染可視化。

CSS3/HTML5支持

通過CSS面板設(shè)置樣式，該面板經(jīng)過更新可支持新的CSS3規(guī)則。

設(shè)計(jì)視圖現(xiàn)支持媒體查詢，在您調(diào)整屏幕尺寸的同時(shí)可應(yīng)用不同的樣式。使用HTML5進(jìn)行前瞻性的編碼，同時(shí)提供代碼提示和設(shè)計(jì)視圖渲染支持。

JQuery集成

借助jQuery代碼提示加入高級(jí)交互性。jQuery是行業(yè)標(biāo)準(zhǔn)JavaScript庫(kù)，允許您為網(wǎng)頁(yè)輕松加入各種交互性。借助針對(duì)手機(jī)的起動(dòng)模板快速啟動(dòng)。

借助PhoneGap構(gòu)建本機(jī)Android和iOS應(yīng)用程序

借助新增的PhoneGap功能為Android和iOS構(gòu)建并打包本機(jī)應(yīng)用程序。借助PhoneGap構(gòu)建本機(jī)Android和iOS應(yīng)用程序。

新增功能

實(shí)時(shí)視圖新增功能

借助Dreamweaver CS4中新增的實(shí)時(shí)視圖在真實(shí)的瀏覽器環(huán)境中設(shè)計(jì)網(wǎng)頁(yè)，同時(shí)仍可以直接訪問代碼。呈現(xiàn)的屏幕內(nèi)容會(huì)立即反映出對(duì)代碼所做的更改。

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

借助改進(jìn)的JavaScript核心對(duì)象和基本數(shù)據(jù)類型支持，更快速、準(zhǔn)確地編寫JavaScript。

通過集成包括jQuery、Prototype和Spry在內(nèi)的流行JavaScript框架，充分利用DreamweaverCS4的擴(kuò)展編碼功能。

相關(guān)文件新增功能

源代碼，在“設(shè)計(jì)”視圖中查看父頁(yè)面。

集成編碼增強(qiáng)功能

領(lǐng)略內(nèi)建代碼提示的強(qiáng)大功能，令HTML、JavaScript、Spry和jQuery等Ajax框架、原型和幾種服務(wù)器語(yǔ)言中的編碼更快、更清晰。

代碼導(dǎo)航器新增功能

新增的“代碼導(dǎo)航器”功能可顯示影響當(dāng)前選定內(nèi)容的所有代碼源，如CSS規(guī)則、服務(wù)器端包括、外部JavaScript功能、Dreamweaver模板、iframe源文件等。

Adobe AIR創(chuàng)作支持新增功能

在Dreamweaver中直接新建基于HTML和JavaScript的AdobeAIR應(yīng)用程序。在Dreamweaver中即可預(yù)覽AIR應(yīng)用程序。使AdobeAIR應(yīng)用程序隨時(shí)可與AIR打包及代碼簽名功能一起部署。

FLV支持增強(qiáng)功能

通過輕松點(diǎn)擊和符合標(biāo)準(zhǔn)的編碼將FLV文件集成到任何網(wǎng)頁(yè)中-無(wú)需AdobeFLASH軟件知識(shí)。設(shè)計(jì)時(shí)在Dreamweaver全新的實(shí)時(shí)視圖中播放FLV影片。

支持領(lǐng)先技術(shù)

在支持大多數(shù)領(lǐng)先Web開發(fā)技術(shù)的工具中進(jìn)行設(shè)計(jì)和編碼，這些技術(shù)包括HTML、XHTML、CSS、XML、JavaScript、Ajax、PHP、AdobeColdFusion軟件和ASP。

學(xué)習(xí)最佳做法

參考CSS最佳做法實(shí)現(xiàn)可視化設(shè)計(jì)并輔以通俗易懂的實(shí)用概念說明。在支持可訪問性和最佳做法的同時(shí)創(chuàng)造Ajax驅(qū)動(dòng)的交互性。

集成增強(qiáng)

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

Adobe InContext Editing新增功能

在Dreamweaver中設(shè)計(jì)頁(yè)面，使最終用戶能使用Adobe InContext Editing在線服務(wù)編輯他們的網(wǎng)頁(yè)，無(wú)需幫助或使用其它軟件。作為Dreamweaver設(shè)計(jì)人員，您可以限制對(duì)特定頁(yè)面、特殊區(qū)域的更改權(quán)，甚至可以自定格式選項(xiàng)。

Subversion集成新增功能

在Dreamweaver中直接更新站點(diǎn)和登記修改內(nèi)容。Dreamweaver CS4與Subversion軟件緊密集成，后者是一款開放源代碼版本控制系統(tǒng)，可以提供更強(qiáng)大的登記/注銷體驗(yàn)。

跨平臺(tái)支持增強(qiáng)功能

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

工作界面

初始界面

安裝后，它會(huì)自動(dòng)在Windows的菜單中創(chuàng)建程序組。與FrontPage有很大的不同，它把工具欄省去了，然后增加了幾個(gè)浮動(dòng)的工具欄。在Dreamweaver 3.0中，它的工具欄全是浮動(dòng)工具欄，可以將工具欄縮小，也可以關(guān)閉。在專業(yè)術(shù)語(yǔ)里面，他們叫“浮動(dòng)面板”，利用浮動(dòng)面板來控制對(duì)頁(yè)面的編寫，而不是利用煩瑣的對(duì)話框，這是Dreamweaver 3.0編輯網(wǎng)頁(yè)中最值得人贊賞的特性。通過在浮動(dòng)面板中進(jìn)行屬性設(shè)置，這樣就直接可以在文檔中看到結(jié)果，避免了中間過程，提高了工作效率。但對(duì)于熟悉了微軟的應(yīng)用程序的用戶來說，開始的時(shí)候可能很不習(xí)慣。先來介紹它的三個(gè)最重要的浮動(dòng)面板。

啟動(dòng)面板

啟動(dòng)面板主要用來快速啟動(dòng)相應(yīng)的任務(wù)，或顯示/隱藏相應(yīng)的浮動(dòng)面板。如果啟動(dòng)面板是豎的，那么，可以點(diǎn)擊它右下角的一個(gè)小按鈕，它就可以變成橫向的了，這時(shí)，可能會(huì)發(fā)現(xiàn)，它的狀態(tài)欄上也有這個(gè)面板上的所有選項(xiàng)。這也就為網(wǎng)頁(yè)制作者提供了方便。可以直接從右下角點(diǎn)擊相應(yīng)的欄目進(jìn)入想要進(jìn)入的對(duì)話框。

對(duì)象面板

對(duì)象面板主要功能相當(dāng)于插入菜單，主要是向網(wǎng)頁(yè)中插入一些對(duì)象，如表格，框架，圖象，層，F(xiàn)lash動(dòng)畫等，它通過一個(gè)下拉菜單，把要插入的選項(xiàng)都包括在了其中。

每一個(gè)選項(xiàng)中都有若干個(gè)圖標(biāo)，只要在圖表上單擊一下，就可以插入想要插入的對(duì)象了。

屬性面板

屬性面板會(huì)隨著編輯的內(nèi)容而變化，這個(gè)圖是文字屬性面板，它里面包含了所要編輯的文字的所有內(nèi)容，包括字體，顏色，大小，連接，縮進(jìn)等，它的右下角還有一個(gè)向下的小三角箭頭，單擊它，會(huì)展開屬性面板，它把一些不常用的屬性也列出來。展開后，箭頭會(huì)變成向上，單擊它，又會(huì)使屬性面板復(fù)原。屬性面板很多，還有圖象屬性控制面板，層屬性控制面板等對(duì)象的屬性控制面板，用戶只要選擇要編輯的對(duì)象，它就會(huì)自動(dòng)變化，挺方便的。用戶對(duì)所有由啟動(dòng)面板彈出來的浮動(dòng)面板在被打開后，可以重新組合，可以將經(jīng)常用的面板單獨(dú)地拉出來，只需要將鼠標(biāo)放到想要拉的按鈕上面，然后按住左鍵拖動(dòng)就可以了，同理，把他們組合也是一樣，用鼠標(biāo)拖動(dòng)后，放到上面就可以。