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