詳細(xì)說(shuō)明

Adobe Dreamweaver，簡(jiǎn)稱(chēng)“DW”，中文名稱(chēng) "夢(mèng)想編織者"，最初為美國(guó)MACROMEDIA公司開(kāi)發(fā) ，2005年被Adobe公司收購(gòu)。DW是集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)代碼編輯器。利用對(duì) HTML、CSS、JavaScript等內(nèi)容的支持，設(shè)計(jì)師和程序員可以在幾乎任何地方快速制作和進(jìn)行網(wǎng)站建設(shè)。

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

功能介紹

借助共享型用戶界面設(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)格版面，來(lái)創(chuàng)建跨平臺(tái)和跨瀏覽器的兼容網(wǎng)頁(yè)設(shè)計(jì)。利用簡(jiǎn)潔、業(yè)界標(biāo)準(zhǔn)的代碼為各種不同設(shè)備和計(jì)算機(jī)開(kāi)發(fā)項(xiàng)目，提高工作效率。直觀地創(chuàng)建復(fù)雜網(wǎng)頁(yè)設(shè)計(jì)和頁(yè)面版面，無(wú)需忙于編寫(xiě)代碼。

改善FTP性能

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

Catalyst集成

Adobe Business Catalyst集成

使用Dreamweaver中集成的Business Catalyst面板連接并編輯您利用Adobe Business Catalyst（需另外購(gòu)買(mǎi)）建立的網(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)開(kāi)發(fā)工作流程。

更新的PhoneGap支持

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

CSS3轉(zhuǎn)換

將CSS屬性變化制成動(dòng)畫(huà)轉(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)目的顯示畫(huà)面。該增強(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ì)。借助媒體查詢支持，開(kāi)發(fā)人員可以通過(guò)一個(gè)面板為各種設(shè)備設(shè)計(jì)樣式并實(shí)現(xiàn)渲染可視化。

CSS3/HTML5支持

通過(guò)CSS面板設(shè)置樣式，該面板經(jīng)過(guò)更新可支持新的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í)仍可以直接訪問(wèn)代碼。呈現(xiàn)的屏幕內(nèi)容會(huì)立即反映出對(duì)代碼所做的更改。

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

借助改進(jìn)的JavaScript核心對(duì)象和基本數(shù)據(jù)類(lèi)型支持,更快速、準(zhǔn)確地編寫(xiě)JavaScript。通過(guò)集成包括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)功能

通過(guò)輕松點(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開(kāi)發(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í)用概念說(shuō)明。在支持可訪問(wèn)性和最佳做法的同時(shí)創(chuàng)造Ajax驅(qū)動(dòng)的交互性。

集成增強(qiáng)

通過(guò)跨產(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軟件緊密集成,后者是一款開(kāi)放源代碼版本控制系統(tǒng),可以提供更強(qiáng)大的登記/注銷(xiāo)體驗(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)閉。在專(zhuān)業(yè)術(shù)語(yǔ)里面，他們叫“浮動(dòng)面板”，利用浮動(dòng)面板來(lái)控制對(duì)頁(yè)面的編寫(xiě)，而不是利用煩瑣的對(duì)話框，這是Dreamweaver 3.0編輯網(wǎng)頁(yè)中最值得人贊賞的特性。通過(guò)在浮動(dòng)面板中進(jìn)行屬性設(shè)置，這樣就直接可以在文檔中看到結(jié)果，避免了中間過(guò)程，提高了工作效率。但對(duì)于熟悉了微軟的應(yīng)用程序的用戶來(lái)說(shuō)，開(kāi)始的時(shí)候可能很不習(xí)慣。先來(lái)介紹它的三個(gè)最重要的浮動(dòng)面板。

啟動(dòng)面板

啟動(dòng)面板主要用來(lái)快速啟動(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ì)象，如表格，框架，圖象，層，Flash動(dòng)畫(huà)等，它通過(guò)一個(gè)下拉菜單，把要插入的選項(xiàng)都包括在了其中。

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

屬性面板

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