MacroMedia公司在2000年11月13日發(fā)布了Dreamweaver 4.0,它的出現(xiàn)把Dreamweaver的競(jìng)爭(zhēng)對(duì)手遠(yuǎn)遠(yuǎn)甩在了后面,穩(wěn)坐可視化網(wǎng)頁(yè)編輯軟件的頭把交椅,作為Dreamweaver 3.0 的升級(jí)產(chǎn)品Dreamweaver 4.0并沒(méi)有質(zhì)的飛躍,它基本保持了Dreamweaver3.0的界面風(fēng)格,唯一不同的是多了幾個(gè)浮動(dòng)面板,要是不太細(xì)心的話還以為是Dreamweaver3.0,Dreamweaver4.0到底有什么新東東?讓我來(lái)給您詳細(xì)介紹Dreamweaver4.0新增功能。
一.整合的文本代碼編輯器
可視化網(wǎng)頁(yè)編輯軟件的最大不便之處就是很難對(duì)源代碼進(jìn)行編輯,更別說(shuō)javascript!不過(guò)DW4(Dreamweaver 4.0的簡(jiǎn)寫(xiě),下同)將使您處理代碼變得異常輕松。這個(gè)內(nèi)建的文本代碼編輯器主要的新功能是:制動(dòng)縮排(可以一次選取多行進(jìn)行縮排), 還可以進(jìn)行符號(hào)的檢測(cè),如果在編寫(xiě)代碼忘了一個(gè)“</body>”,它將給出提示。在工具表中的下拉菜單會(huì)列出當(dāng)前網(wǎng)面中所有自定義Javascript函數(shù),可讓你在網(wǎng)頁(yè)原代碼中自由跳轉(zhuǎn),“原始碼導(dǎo)航工具”可以讓專(zhuān)業(yè)人士方便地處理Javascript函數(shù),在文本代碼編輯器中輸入Javascript代碼,系統(tǒng)將用不同的顏色來(lái)顯示。
二.同時(shí)顯示代碼編輯框和版面設(shè)計(jì)框
為了增強(qiáng)源代碼編輯以及可視化功能,在DW4中可以同時(shí)同地,在同一個(gè)窗口中編輯代碼和可視化的設(shè)計(jì),這大大提高了網(wǎng)頁(yè)設(shè)計(jì)的效率。不過(guò)在DW4中可把編輯狀態(tài)分為兩種,一種是源代碼編輯狀態(tài),另一種是可視化編輯狀態(tài)。這兩種只要你對(duì)其中一種做了修改,它可以立刻反映到另一種去。而無(wú)需在兩種狀態(tài)下切換。你可以把這兩種狀態(tài)結(jié)合在一個(gè)窗口中,當(dāng)然也可以把他們不放在一個(gè)窗口中。
三.Javascript 編輯器
它的主要功能有:逐步執(zhí)行程序代碼、略過(guò)函數(shù)、跳轉(zhuǎn)、設(shè)定中斷點(diǎn)以及要觀察的變量??梢允鼓愕木W(wǎng)頁(yè)在執(zhí)行時(shí)就可以一并除錯(cuò),Javascript 編輯器對(duì)專(zhuān)業(yè)設(shè)計(jì)師尤為重要。
四.內(nèi)建 O'Reilly 參考手冊(cè)
Macromedia把 Danny Goodman 的《動(dòng)態(tài) HTML :權(quán)威參考手冊(cè)》書(shū)中的完整的 HTML,CSS 和 JavaScript 參考手冊(cè)直接嵌入到DW4中,這使得手寫(xiě)代碼和可視化編輯的工作都變得更加的方便和舒適。這次置入的參考手冊(cè)可以幫助初級(jí)開(kāi)發(fā)者更方便的學(xué)習(xí)代碼或更容易的獲得相關(guān)信息。例如,開(kāi)發(fā)人員可以在他們自己的代碼中高亮一個(gè)標(biāo)簽,點(diǎn)擊一個(gè)按鈕,關(guān)于這個(gè)標(biāo)簽的參考資料--包括屬性和瀏覽器兼容性就會(huì)在 O'Reilly 的窗口中顯示出來(lái)。內(nèi)建O'Reilly參考手冊(cè)將是DW4的一個(gè)突破。
五.編輯非HTML文件
內(nèi)建的文本編輯器,除了可以編輯Html外,它還可以編輯一些非Html,比如JavaScript、xml 或其他任何純文本,在原代碼編輯狀態(tài)下就能夠直接編輯。
六.超強(qiáng)頁(yè)面排版功能
網(wǎng)頁(yè)對(duì)象的排版一般有兩種方式:表格,圖層,這兩種方法各有優(yōu)缺點(diǎn),DW4的Layout View技術(shù)可以輕松地把兩者的優(yōu)點(diǎn)結(jié)合起來(lái),大家可以放心地使用,用此功能編寫(xiě)的網(wǎng)頁(yè),任何瀏覽器都兼容,一解您的后顧之憂。DW4中提供了兩種可視化編輯方式,一個(gè)是我們大家在也熟悉不過(guò)的老版面,另一個(gè)是全新的版面排版方式。它提出了一個(gè)全新頁(yè)面排版概念,它可以使你輕松地拖曳出復(fù)雜的透明表格(在DW3中這是很困難的),而且絕無(wú)冗余代碼,這是MacroMedia的一貫作風(fēng)。
七.Macromedia Flash 文字和按鈕
Flash動(dòng)畫(huà)向來(lái)讓人津津樂(lè)道的是文件小,效果棒,而且可以隨著視窗大小做不失真的縮放,這些都要?dú)w功於使用向量圖的優(yōu)點(diǎn)。使用DW4的這個(gè)新功能,就算你不會(huì)使用Flash也可以在DW中直接插入Flash 動(dòng)畫(huà)格式的文字或按鈕,只要簡(jiǎn)簡(jiǎn)單單輸入文字就可以了,比起傳統(tǒng)的點(diǎn)陣圖文字或按鈕,文件更小、效果更漂亮。不過(guò)很可惜的是,目前 Flash 文字和按鈕還不支持中文,我相信這個(gè)問(wèn)題在不久的將來(lái)會(huì)得到解決,Macromedia怎會(huì)舍棄中國(guó)這個(gè)巨大的市場(chǎng)。
八.雙向繪圖編輯
大家都知道在Firework中分割圖形保存后,可以利用DW的“插入Firework Html”對(duì)象將圖形,Html,JavaScript一并插入,更進(jìn)一步,在DW中選取Firework的表格按下編輯,就可以馬上啟動(dòng)Firework并把原Png文件打開(kāi)編輯,這是非常方便的,但DW4把Firework與Dreamweaver結(jié)合的更緊密了,在Firework中編輯完圖片不用保存,只需按一下“Return Dreamweaver”按鈕,就可以立刻切換到DW中去,而且所有的修改都已經(jīng)保存好了,當(dāng)然也可以在DW中方便地切換到Firework。
九.資源管理
制作一個(gè)網(wǎng)站往往會(huì)用到大量的文件,常覺(jué)得容易遺失混淆不知怎么管理嗎?新的資源管理面板將整個(gè)網(wǎng)站的內(nèi)容都集中起來(lái)了,可以預(yù)覽和管理所有的圖形,顏色,外部URL,腳本,F(xiàn)lash,Shockwave,Quicktime,Css等。如果將某個(gè)對(duì)象設(shè)為“Favorite”(最?lèi)?ài)),那你可以跨網(wǎng)站使用這些對(duì)象。
十.整合 SourceSafe 和 WebDAV
DW4現(xiàn)在整合了了 Microsoft Visual SourceSafe,這是一套先進(jìn)的版本控制軟件,如此一來(lái)大型的開(kāi)發(fā)團(tuán)隊(duì)可以把DW作為Html端的標(biāo)準(zhǔn)開(kāi)發(fā)工具,此外,DW4的網(wǎng)站視窗也能夠與支持WebDAV協(xié)議的內(nèi)容管理系統(tǒng)或網(wǎng)絡(luò)服務(wù)器搭配。WebDAV是W3c制定的標(biāo)準(zhǔn),Windows IIS 5 或 Apache都支持該標(biāo)準(zhǔn)。
十一.網(wǎng)站報(bào)告
網(wǎng)站報(bào)告可以幫你找出網(wǎng)頁(yè)中的一般常見(jiàn)問(wèn)題,讓你快速的修正。例如:可以合并一些嵌套的<font>標(biāo)簽,空的標(biāo)簽等等,這個(gè)功能會(huì)對(duì)你定義的網(wǎng)站做一個(gè)全面的檢查,它列出所有有問(wèn)題的頁(yè)面讓你修改,這個(gè)功能很體貼。
十二.內(nèi)建 Email
內(nèi)建 Email 的功能可以讓你更容易地,更快速地和網(wǎng)站開(kāi)發(fā)團(tuán)隊(duì)中的成員溝通,當(dāng)某個(gè)文件被某個(gè)人取出編輯時(shí),只要按下他的名字就可以寄 Email 通知他。只要每個(gè)人在網(wǎng)站定義對(duì)話框的工作流程中定義好自己的 Email 即可。
十三.集成Macromedia Exchange
Macromedia Exchange的主要功能是:下載由DW官方提供的插件,在DW3中沒(méi)有這個(gè)功能,需要安裝一個(gè)補(bǔ)丁。而DW4中已經(jīng)把Macromedia Exchange集成了,很是方便。
總結(jié)
還是文章開(kāi)頭的那句話,DW4的推出并不是質(zhì)的飛躍,但不乏一些可圈可點(diǎn)的亮點(diǎn),我總結(jié)了以下幾點(diǎn)與大家分享:
1.DW4有機(jī)地將網(wǎng)頁(yè)制做“三劍客”(Dreamweaver,F(xiàn)lash,F(xiàn)irework)結(jié)合起來(lái),使他們之間的配合更加和諧,尤其是整合了Flash的一些功能,盡管很少但很實(shí)用。
2.這次DW4提高了團(tuán)隊(duì)開(kāi)發(fā)方面的功能,這一點(diǎn)對(duì)大的網(wǎng)絡(luò)公司做網(wǎng)站開(kāi)發(fā)尤為重要,我非常欣賞它的內(nèi)建 Email功能,一個(gè)軟件能做到這么細(xì),實(shí)在難能可貴。
3.對(duì)源代碼的處理一直是DW3的弱項(xiàng),DW4的出現(xiàn)大大提高了它處理源代碼的能力,其主要表現(xiàn)在對(duì)Javascript的調(diào)試,做的非常專(zhuān)業(yè),可以說(shuō)DW4是一個(gè)比較好Javascript程序開(kāi)發(fā)環(huán)境,如果你對(duì)源代碼不太了解的話,它為您提供全面的HTML、CSS和JavaScript代碼參考。
4.雞蛋里跳骨頭。很讓我失望的一點(diǎn)是DW4仍然對(duì)中文支持不好,一些新增的功能不支持中文。
新聞熱點(diǎn)
疑難解答
圖片精選