Adobe Dreamweaver

Dreamweaver1.0發佈於1997年12月，由之前的Macromedia公司發布。

Dreamweaver2.0，發佈於1998年12月。

Dreamweaver3.0，發佈於1999年12月。Dreamweaver3.0不足3M，是個經典版本。無論是多破的機器，速度特快，功能夠用。此時的Dreamweaver已經是一個集網頁創作和站點管理兩大利器於一身的超重量級的創作工具。

藉助共享型用戶界面設計，在Adobe Creative Suite 4的不同組件之間更快、更明智地工作。使用工作區切換器可以從一個工作環境快速切換到下一個環境。

具體功能

CS6新增功能

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

自適應網格

可響應的自適應網格版面

使用響應迅速的CSS3自適應網格版面，來創建跨平台和跨瀏覽器的兼容網頁設計。利用簡潔、業界標準的代碼為各種不同設備和計算機開發項目，提高工作效率。直觀地創建複雜網頁設計和頁面版面，無需忙於編寫代碼。

改善FTP性能

利用重新改良的多線程FTP傳輸工具節省上傳大型文件的時間。更快速高效地上傳網站文件，縮短製作時間。

Catalyst集成

Adobe Business Catalyst集成

使用Dreamweaver中集成的Business Catalyst面板連接並編輯您利用Adobe Business Catalyst（需另外購買）建立的網站。利用託管解決方案建立電子商務網站。

增強型jQuery移動支持

使用更新的jQuery移動框架支持為iOS和Android平台建立本地應用程序。建立觸及移動受眾的應用程序，同時簡化您的移動開發工作流程。

更新的PhoneGap支持

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

CSS3轉換

將CSS屬性變化製成動畫轉換效果，使網頁設計栩栩如生。在您處理網頁元素和創建優美效果時保持對網頁設計的精準控制。

更新的實時視圖

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

更新的多屏幕預覽面板

利用更新的“多屏幕預覽”面板檢查智能手機、平板電腦和台式機所建立項目的顯示畫面。該增強型面板能夠讓您檢查HTML5內容呈現。

CS5后的新增功能

藉助Adobe Dreamweaver CS5.5軟體充滿自信地進行設計、構建最新的HTML5和CSS3網站、令交互性更上一層樓。同時為多個設備進行設計，並對全面的代碼檢查充滿自信。

“多屏幕預覽”面板

藉助“多屏幕預覽”面板，為智能手機、Tablet和個人計算機進行設計。藉助媒體查詢支持，開發人員可以通過一個面板為各種設備設計樣式並實現渲染可視化。

CSS3/HTML5支持

通過CSS面板設置樣式，該面板經過更新可支持新的CSS3規則。設計視圖現支持媒體查詢，在您調整屏幕尺寸的同時可應用不同的樣式。使用HTML5進行前瞻性的編碼，同時提供代碼提示和設計視圖渲染支持。

JQuery集成

藉助jQuery代碼提示加入高級交互性。jQuery是行業標準JavaScript庫，允許您為網頁輕鬆加入各種交互性。藉助針對手機的起動模板快速啟動。

藉助PhoneGap構建本機Android和iOS應用程序

藉助新增的PhoneGap功能為Android和iOS構建並打包本機應用程序。藉助PhoneGap構建本機Android和iOS應用程序。

新增功能

實時視圖新增功能

藉助Dreamweaver CS4中新增的實時視圖在真實的瀏覽器環境中設計網頁，同時仍可以直接訪問代碼。呈現的屏幕內容會立即反映出對代碼所做的更改。

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

藉助改進的JavaScript核心對象和基本數據類型支持，更快速、準確地編寫JavaScript。通過集成包括jQuery、Prototype和Spry在內的流行JavaScript框架，充分利用DreamweaverCS4的擴展編碼功能。

相關文件新增功能

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

集成編碼增強功能

領略內建代碼提示的強大功能，令HTML、JavaScript、Spry和jQuery等Ajax框架、原型和幾種伺服器語言中的編碼更快、更清晰。

代碼導航器新增功能

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

Adobe AIR創作支持新增功能

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

FLV支持增強功能

通過輕鬆點擊和符合標準的編碼將FLV文件集成到任何網頁中-無需AdobeFLASH軟體知識。設計時在Dreamweaver全新的實時視圖中播放FLV影片。

支持領先技術

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

學習最佳做法

參考CSS最佳做法實現可視化設計並輔以通俗易懂的實用概念說明。在支持可訪問性和最佳做法的同時創造Ajax驅動的交互性。

集成增強

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

Adobe InContext Editing新增功能

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

Subversion集成新增功能

在Dreamweaver中直接更新站點和登記修改內容。Dreamweaver CS4與Subversion軟體緊密集成，後者是一款開放源代碼版本控制系統，可以提供更強大的登記/註銷體驗。

跨平台支持增強功能

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

以Dreamweaver CC為例

Windows

1、Intel或AMD處理器

2、Windows7、Windows8、Windows10

3、512MB內存

4、1GB可用硬碟空間用於安裝；安裝過程中需要額外的可用空間（無法安裝在可移動快閃記憶體設備上）

5、1024x768屏幕，16位顯卡

6、DVD-ROM驅動器

7、在線服務需要寬頻Internet連接並不斷驗證訂閱版本（如果適用）*

MacOS

1、Intel多核處理器

2、MacOS10.10及更高版本

3、512MB內存

4、1.8GB可用硬碟空間用於安裝；安裝過程中需要額外的可用空間（無法安裝在使用區分大小寫的文件系統的卷或可移動快閃記憶體設備上）

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

6、在線服務需要寬頻Internet連接並不斷驗證訂閱版本（如果適用）

初始界面

安裝后，它會自動在Windows的菜單中創建程序組。與FrontPage有很大的不同，它把工具欄省去了，然後增加了幾個浮動的工具欄。在Dreamwaver 3.0中，它的工具欄全是浮動工具欄，可以將工具欄縮小，也可以關閉。在專業術語裡面，他們叫“浮動面板”，利用浮動面板來控制對頁面的編寫，而不是利用煩瑣的對話框，這是Dreamwaver 3.0編輯網頁中最值得人讚賞的特性。通過在浮動面板中進行屬性設置，這樣就直接可以在文檔中看到結果，避免了中間過程，提高了工作效率。但對於熟悉了微軟的應用程序的用戶來說，開始的時候可能很不習慣。先來介紹它的三個最重要的浮動面板。

啟動面板

啟動面板主要用來快速啟動相應的任務，或顯示/隱藏相應的浮動面板。如果啟動面板是豎的，那麼，可以點擊它右下角的一個小按鈕，它就可以變成橫向的了，這時，可能會發現，它的狀態欄上也有這個面板上的所有選項。這也就為網頁製作者提供了方便。可以直接從右下角點擊相應的欄目進入想要進入的對話框。

對象面板

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

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

屬性面板

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

Dreamweaver2.0版本具有強大的站點管理功能，內置FTP軟體可以直接上傳主頁；所見即所得的頁面編輯方式；支持StylesSheet樣式表單，創造豐富的頁面效果；支持Layer層，並可使用Timeline時間軸製作動態網頁；內置Behavior行為，為網頁增加交互功能；提供模板和庫可以加速頁面的生成和製作；支持外部插件，提供無限的擴展能力。

版本介紹

CS3

dreamweaverCS3是Adobe（奧多比）公司收購Macromedia公司后最新推出的Creative Suite 3設計套裝中用於網頁設計與製作的組件。作為全球最流行，最優秀的所見即所得的網頁編輯器，Dreamweaver可以輕而易舉地製作出跨操作系統平台，跨瀏覽器的充滿動感的網頁，是製作Web頁站點,Web頁和Web應用程序開發的理想工具。Dreamweaver，Fireworks，Flash被稱為網頁製作的“三劍客”，這三款工具相輔相承，是製作網頁的最佳拍檔之一。

CS4

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

CS5

Adobe Dreamweaver CS5是一款集網頁製作和管理網站於一身的所見即所得網頁編輯器，Dreamweaver CS5是第一套針對專業網頁設計師特別發展的視覺化網頁開發工具，利用它可以輕而易舉地製作出跨越平台限制和跨越瀏覽器限制的充滿動感的網頁。

全球最大的圖像編輯軟體供應商Adobe官方宣布，以換股方式收購軟體公司Macromedia，Macromedia是著名的網頁設計軟體Dreamweaver及Flash的供應商。據悉，此項交易涉及金額高達34億美元。根據雙方達成的協議，Macromedia股東將以1：0.69的比例獲得Adobe的普通股。自此開始，Dreamweaver開始屬於ADOBE設計軟體系列。

Dreamweaver CS5的新增功能：

Adobe Dreamweaver CS5軟體使設計人員和開發人員能充滿自信地構建基於標準的網站。由於同新的Adobe CS Live在線服務Adobe BrowserLab集成，您可以使用CSS檢查工具進行設計，使用內容管理系統進行開發並實現快速、精確的瀏覽器兼容性測試。

-集成CMS支持新增功能

盡享對WordPress、Joomla!和Drupal等內容管理系統框架的創作和測試支持。

-CSS檢查新增功能

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

-與Adobe BrowserLab集成新增功能

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

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

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

-CSSStarter頁增強功能

藉助更新和簡化的CSSStarter布局，快速啟動基於標準的網站設計。

-與Business Catalyst集成新增功能

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

-保持跨媒體一致性

將任何本機Adobe Photoshop或Illustrator文件插入Dreamweaver即可創建圖像智能對象。更改源圖像，然後快速、輕鬆地更新圖像。

-增強的Subversion支持

藉助增強的Subversion軟體支持，提高協作、版本控制的環境中的站點文件管理效率。

-仔細查看站點特定的代碼提示

站點特定的代碼提示新增功能

CS6

進一步了解用於設計和編輯網站和移動應用程序的最新版頂尖軟體中的各項功能，包括響應迅速的自適應網格版面、增強型jQueryMobile支持、CSS3轉換和其他功能。

建立網上業務

通過與Adobe Business Catalyst平台（需單獨購買）集成來開發複雜的電子商務網站，無需編寫任何伺服器端編碼。建立並代管免費試用網站。

提高工作效率

利用高速FTP傳輸和改良的圖像編輯功能，有效地設計、開發併發布網站和移動應用程序。利用對jQueryMobile和Adobe PhoneGap框架的更新支持，建立移動應用程序。

可響應的自適應網格版面

改善的FTP性能

Adobe Business Catalyst集成

使用DW中的Business Catalyst面板連接

增強型jQuery移動支持

使用更新的jQuery移動框架支持為iOS和Android平台建立本地應用程序。建立觸及移動受眾的應用程序，同時簡化您的移動開發工作流程。

更新的PhoneGap支持

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

CC更新說明

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

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

更新CSS設計工具您可透過直觀方式更有效地編寫程式碼。

更新流變格線版面可用於建立多方互動的網頁設計。

更新EdgeAnimate整合EdgeWebFonts整合。

在運用DW的過程中，熟練的使用快捷鍵，製作網頁時能達到事半功倍的效果。

製作效率

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

網站管理

使用網站地圖可以快速製作網站雛形、設計、更新和重組網頁。改變網頁位置或檔案名稱，Dreamweaver會自動更新所有鏈接。使用支援文字、HTML碼、HTML屬性標籤和一般語法的搜尋及置換功能使得複雜的網站更新變得迅速又簡單。

控制能力

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

無需編寫代碼即可實施CSS最佳做法。在“屬性”面板中新建CSS規則，並在樣式級聯中清晰、簡單地說明每個屬性的相應位置。

全面的CSS支持增強功能

使用Dreamweaver CS4中增強的CSS實施工具令您的網站脫穎而出。藉助“設計”和“實時視圖”中的即時可視反饋，在“屬性”面板中快速定義和修改CSS規則。使用新增的“相關文件”和“代碼導航器”功能找到定義特定CSS規則的位置。

學習資源增強功能

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

更廣闊的Dreamweaver社區增強功能

從廣闊的Dreamweaver社區受益，它包括在線Adobe Design Center和Adobe Developer Connection、培訓與研討會、開發人員認證計劃以及用戶論壇。

在線服務

輕擊滑鼠從Dreamweaver訪問在線服務，與同事或客戶共享屏幕、從在線社區獲得所需的搜索結果並快速找到創意靈感。了解針對創意專業人士的更多在線服務。

掌控內容

使客戶能從瀏覽器中直接更新他們的網頁。無需資料庫或複雜的編碼即可將動態數據添加到站點。

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

HTML數據集新增功能

無需掌握資料庫或XML編碼即可將動態數據的強大功能融入網頁中。Spry數據集可以將簡單HTML表中的內容識別為互動式數據源。

效果難一致

難以精確達到與瀏覽器完全一致的顯示效果也就是說您在所見即所得網頁編輯器中製作的網頁放到瀏覽器中是很難完全達到您真正想要的效果，這一點在結構複雜一些的網頁（如分幀結構、動態網頁結構）中便可以體現出來；

代碼難控制

相比之下，非所見所得的網頁編輯器，就不存在這個問題，因為所有的HTML代碼都在您的監控下產生，但是由於非所見所得編輯器的先天條件就註定了它的工作低效率。如何實現兩者的結合，則既產生乾淨、準確的HTML代碼，具備所見所得的高效率、直觀性。