詳細說明
Adobe Dreamweaver,簡稱“DW”,中文名稱 "夢想編織者",最初為美國MACROMEDIA公司開發 ,2005年被Adobe公司收購。DW是集網頁制作和管理網站于一身的所見即所得網頁代碼編輯器。利用對 HTML、CSS、JavaScript等內容的支持,設計師和程序員可以在幾乎任何地方快速制作和進行網站建設。
Adobe Dreamweaver使用所見即所得的接口,亦有HTML(標準通用標記語言下的一個應用)編輯的功能,借助經過簡化的智能編碼引擎,輕松地創建、編碼和管理動態網站。 訪問代碼提示,即可快速了解 HTML、CSS 和其他Web 標準。 使用視覺輔助功能減少錯誤并提高網站開發速度。
功能介紹
借助共享型用戶界面設計,在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系統。在首選系統中設計,交付跨平臺、可靠、一致、高性能的成果。
工作界面
初始界面
安裝后,它會自動在Windows的菜單中創建程序組。與FrontPage有很大的不同,它把工具欄省去了,然后增加了幾個浮動的工具欄。在Dreamweaver 3.0中,它的工具欄全是浮動工具欄,可以將工具欄縮小,也可以關閉。在專業術語里面,他們叫“浮動面板”,利用浮動面板來控制對頁面的編寫,而不是利用煩瑣的對話框,這是Dreamweaver 3.0編輯網頁中最值得人贊賞的特性。通過在浮動面板中進行屬性設置,這樣就直接可以在文檔中看到結果,避免了中間過程,提高了工作效率。但對于熟悉了微軟的應用程序的用戶來說,開始的時候可能很不習慣。先來介紹它的三個最重要的浮動面板。
啟動面板
啟動面板主要用來快速啟動相應的任務,或顯示/隱藏相應的浮動面板。如果啟動面板是豎的,那么,可以點擊它右下角的一個小按鈕,它就可以變成橫向的了,這時,可能會發現,它的狀態欄上也有這個面板上的所有選項。這也就為網頁制作者提供了方便??梢灾苯訌挠蚁陆屈c擊相應的欄目進入想要進入的對話框。
對象面板
對象面板主要功能相當于插入菜單,主要是向網頁中插入一些對象,如表格,框架,圖象,層,Flash動畫等,它通過一個下拉菜單,把要插入的選項都包括在了其中。
每一個選項中都有若干個圖標,只要在圖表上單擊一下,就可以插入想要插入的對象了。
屬性面板
屬性面板會隨著編輯的內容而變化,這個圖是文字屬性面板,它里面包含了所要編輯的文字的所有內容,包括字體,顏色,大小,連接,縮進等,它的右下角還有一個向下的小三角箭頭,單擊它,會展開屬性面板,它把一些不常用的屬性也列出來。展開后,箭頭會變成向上,單擊它,又會使屬性面板復原。屬性面板很多,還有圖象屬性控制面板,層屬性控制面板等對象的屬性控制面板,用戶只要選擇要編輯的對象,它就會自動變化,挺方便的。用戶對所有由啟動面板彈出來的浮動面板在被打開后,可以重新組合,可以將經常用的面板單獨地拉出來,只需要將鼠標放到想要拉的按鈕上面,然后按住左鍵拖動就可以了,同理,把他們組合也是一樣,用鼠標拖動后,放到上面就可以。