詳細說明
Adobe Dreamweaver,簡稱“DW”,中文名稱 "夢想編織者",最初為美國MACROMEDIA公司開發(fā) ,2005年被Adobe公司收購。DW是集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁代碼編輯器。利用對 HTML、CSS、JavaScript等內(nèi)容的支持,設(shè)計師和程序員可以在幾乎任何地方快速制作和進行網(wǎng)站建設(shè)。
Adobe Dreamweaver使用所見即所得的接口,亦有HTML(標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用)編輯的功能,借助經(jīng)過簡化的智能編碼引擎,輕松地創(chuàng)建、編碼和管理動態(tài)網(wǎng)站。 訪問代碼提示,即可快速了解 HTML、CSS 和其他Web 標(biāo)準(zhǔn)。 使用視覺輔助功能減少錯誤并提高網(wǎng)站開發(fā)速度。
功能介紹
借助共享型用戶界面設(shè)計,在Adobe Creative Suite 4的不同組件之間更快、更明智地工作。使用工作區(qū)切換器可以從一個工作環(huán)境快速切換到下一個環(huán)境。
具體功能
CS6新增功能
利用Adobe DreamweaverCS6軟件中改善的FTP性能,更高效地傳輸大型文件。更新的“實時視圖”和“多屏幕預(yù)覽”面板可呈現(xiàn)HTML5代碼,使您能檢查自己的工作。
自適應(yīng)網(wǎng)格
可響應(yīng)的自適應(yīng)網(wǎng)格版面
使用響應(yīng)迅速的CSS3自適應(yīng)網(wǎng)格版面,來創(chuàng)建跨平臺和跨瀏覽器的兼容網(wǎng)頁設(shè)計。利用簡潔、業(yè)界標(biāo)準(zhǔn)的代碼為各種不同設(shè)備和計算機開發(fā)項目,提高工作效率。直觀地創(chuàng)建復(fù)雜網(wǎng)頁設(shè)計和頁面版面,無需忙于編寫代碼。
改善FTP性能
利用重新改良的多線程FTP傳輸工具節(jié)省上傳大型文件的時間。更快速高效地上傳網(wǎng)站文件,縮短制作時間。
Catalyst集成
Adobe Business Catalyst集成
使用Dreamweaver中集成的Business Catalyst面板連接并編輯您利用Adobe Business Catalyst(需另外購買)建立的網(wǎng)站。利用托管解決方案建立電子商務(wù)網(wǎng)站。
增強型jQuery移動支持
使用更新的jQuery移動框架支持為iOS和Android平臺建立本地應(yīng)用程序。建立觸及移動受眾的應(yīng)用程序,同時簡化您的移動開發(fā)工作流程。
更新的PhoneGap支持
更新的Adobe PhoneGap支持可輕松為Android和iOS建立和封裝本地應(yīng)用程序。通過改編現(xiàn)有的HTML代碼來創(chuàng)建移動應(yīng)用程序。使用PhoneGap模擬器檢查您的設(shè)計。
CSS3轉(zhuǎn)換
將CSS屬性變化制成動畫轉(zhuǎn)換效果,使網(wǎng)頁設(shè)計栩栩如生。在您處理網(wǎng)頁元素和創(chuàng)建優(yōu)美效果時保持對網(wǎng)頁設(shè)計的精準(zhǔn)控制。
更新的實時視圖
使用更新的“實時視圖”功能在發(fā)布前測試頁面。“實時視圖”現(xiàn)已使用最新版的WebKit轉(zhuǎn)換引擎,能夠提供絕佳的HTML5支持。
更新的多屏幕預(yù)覽面板
利用更新的“多屏幕預(yù)覽”面板檢查智能手機、平板電腦和臺式機所建立項目的顯示畫面。該增強型面板能夠讓您檢查HTML5內(nèi)容呈現(xiàn)。
CS5后的新增功能
借助Adobe Dreamweaver CS5.5軟件充滿自信地進行設(shè)計、構(gòu)建最新的HTML5和CSS3網(wǎng)站、令交互性更上一層樓。同時為多個設(shè)備進行設(shè)計,并對全面的代碼檢查充滿自信。
“多屏幕預(yù)覽”面板
借助“多屏幕預(yù)覽”面板,為智能手機、Tablet和個人計算機進行設(shè)計。借助媒體查詢支持,開發(fā)人員可以通過一個面板為各種設(shè)備設(shè)計樣式并實現(xiàn)渲染可視化。
CSS3/HTML5支持
通過CSS面板設(shè)置樣式,該面板經(jīng)過更新可支持新的CSS3規(guī)則。設(shè)計視圖現(xiàn)支持媒體查詢,在您調(diào)整屏幕尺寸的同時可應(yīng)用不同的樣式。使用HTML5進行前瞻性的編碼,同時提供代碼提示和設(shè)計視圖渲染支持。
JQuery集成
借助jQuery代碼提示加入高級交互性。jQuery是行業(yè)標(biāo)準(zhǔn)JavaScript庫,允許您為網(wǎng)頁輕松加入各種交互性。借助針對手機的起動模板快速啟動。
借助PhoneGap構(gòu)建本機Android和iOS應(yīng)用程序
借助新增的PhoneGap功能為Android和iOS構(gòu)建并打包本機應(yīng)用程序。借助PhoneGap構(gòu)建本機Android和iOS應(yīng)用程序。
新增功能
實時視圖新增功能
借助Dreamweaver CS4中新增的實時視圖在真實的瀏覽器環(huán)境中設(shè)計網(wǎng)頁,同時仍可以直接訪問代碼。呈現(xiàn)的屏幕內(nèi)容會立即反映出對代碼所做的更改。
針對Ajax和JavaScript框架的代碼提示新增功能。
借助改進的JavaScript核心對象和基本數(shù)據(jù)類型支持,更快速、準(zhǔn)確地編寫JavaScript。通過集成包括jQuery、Prototype和Spry在內(nèi)的流行JavaScript框架,充分利用DreamweaverCS4的擴展編碼功能。
相關(guān)文件新增功能
源代碼,在“設(shè)計”視圖中查看父頁面。
集成編碼增強功能
領(lǐng)略內(nèi)建代碼提示的強大功能,令HTML、JavaScript、Spry和jQuery等Ajax框架、原型和幾種服務(wù)器語言中的編碼更快、更清晰。
代碼導(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)用程序隨時可與AIR打包及代碼簽名功能一起部署。
FLV支持增強功能
通過輕松點擊和符合標(biāo)準(zhǔn)的編碼將FLV文件集成到任何網(wǎng)頁中-無需AdobeFLASH軟件知識。設(shè)計時在Dreamweaver全新的實時視圖中播放FLV影片。
支持領(lǐng)先技術(shù)
在支持大多數(shù)領(lǐng)先Web開發(fā)技術(shù)的工具中進行設(shè)計和編碼,這些技術(shù)包括HTML、XHTML、CSS、XML、JavaScript、Ajax、PHP、AdobeColdFusion軟件和ASP。
學(xué)習(xí)最佳做法
參考CSS最佳做法實現(xiàn)可視化設(shè)計并輔以通俗易懂的實用概念說明。在支持可訪問性和最佳做法的同時創(chuàng)造Ajax驅(qū)動的交互性。
集成增強
通過跨產(chǎn)品線的直接通信和交互,充分利用DreamweaverCS4和其它Adobe工具的智能集成和強大功能,包括Adobe FLASH CS4 Professional、FIREWORKS CS4、Photoshop CS4和DeviceCentral CS4軟件。
Adobe InContext Editing新增功能
在Dreamweaver中設(shè)計頁面,使最終用戶能使用Adobe InContext Editing在線服務(wù)編輯他們的網(wǎng)頁,無需幫助或使用其它軟件。作為Dreamweaver設(shè)計人員,您可以限制對特定頁面、特殊區(qū)域的更改權(quán),甚至可以自定格式選項。
Subversion集成新增功能
在Dreamweaver中直接更新站點和登記修改內(nèi)容。Dreamweaver CS4與Subversion軟件緊密集成,后者是一款開放源代碼版本控制系統(tǒng),可以提供更強大的登記/注銷體驗。
跨平臺支持增強功能
隨心所欲,盡情工作:Dreamweaver CS4可用于基于Intel或PowerPC的Mac、Microsoft WindowsXP以及Windows Vista系統(tǒng)。在首選系統(tǒng)中設(shè)計,交付跨平臺、可靠、一致、高性能的成果。
工作界面
初始界面
安裝后,它會自動在Windows的菜單中創(chuàng)建程序組。與FrontPage有很大的不同,它把工具欄省去了,然后增加了幾個浮動的工具欄。在Dreamweaver 3.0中,它的工具欄全是浮動工具欄,可以將工具欄縮小,也可以關(guān)閉。在專業(yè)術(shù)語里面,他們叫“浮動面板”,利用浮動面板來控制對頁面的編寫,而不是利用煩瑣的對話框,這是Dreamweaver 3.0編輯網(wǎng)頁中最值得人贊賞的特性。通過在浮動面板中進行屬性設(shè)置,這樣就直接可以在文檔中看到結(jié)果,避免了中間過程,提高了工作效率。但對于熟悉了微軟的應(yīng)用程序的用戶來說,開始的時候可能很不習(xí)慣。先來介紹它的三個最重要的浮動面板。
啟動面板
啟動面板主要用來快速啟動相應(yīng)的任務(wù),或顯示/隱藏相應(yīng)的浮動面板。如果啟動面板是豎的,那么,可以點擊它右下角的一個小按鈕,它就可以變成橫向的了,這時,可能會發(fā)現(xiàn),它的狀態(tài)欄上也有這個面板上的所有選項。這也就為網(wǎng)頁制作者提供了方便。可以直接從右下角點擊相應(yīng)的欄目進入想要進入的對話框。
對象面板
對象面板主要功能相當(dāng)于插入菜單,主要是向網(wǎng)頁中插入一些對象,如表格,框架,圖象,層,Flash動畫等,它通過一個下拉菜單,把要插入的選項都包括在了其中。
每一個選項中都有若干個圖標(biāo),只要在圖表上單擊一下,就可以插入想要插入的對象了。
屬性面板
屬性面板會隨著編輯的內(nèi)容而變化,這個圖是文字屬性面板,它里面包含了所要編輯的文字的所有內(nèi)容,包括字體,顏色,大小,連接,縮進等,它的右下角還有一個向下的小三角箭頭,單擊它,會展開屬性面板,它把一些不常用的屬性也列出來。展開后,箭頭會變成向上,單擊它,又會使屬性面板復(fù)原。屬性面板很多,還有圖象屬性控制面板,層屬性控制面板等對象的屬性控制面板,用戶只要選擇要編輯的對象,它就會自動變化,挺方便的。用戶對所有由啟動面板彈出來的浮動面板在被打開后,可以重新組合,可以將經(jīng)常用的面板單獨地拉出來,只需要將鼠標(biāo)放到想要拉的按鈕上面,然后按住左鍵拖動就可以了,同理,把他們組合也是一樣,用鼠標(biāo)拖動后,放到上面就可以。