相關文章：DreamweaverCS4首次新功能試用。
這次DreamweaverCS4的界面幾乎是做了一次脫胎換骨的改進，從中看到了更多的設計元素，讓DW也稍稍帶著點蘋果的味道。如果說VISTA和OFFICE2007創造了軟件界面設計的新紀元，那么Adobe相當于取代了蘋果的設計地位而緊隨MS之后。唯一的區別就是，MS老是抄人家蘋果的（汗一個，微軟的Fans別砸我），而Adobe卻是實實在在的自己創造，設計界的老大地位實至名歸……
DreamweaverCS4界面新增功能介紹
圖1
界面方面的變化相當大，讓我們從頭部開始，看看DW在界面上究竟新增了哪些功能。
從下圖可以看到，DWCS4給菜單增加了三個平級下拉按鈕，他們分別是布局、DW擴展和站點管理器。
布局按鈕：這個按鈕似乎和下方的代碼、分割、設計按鈕功能重復，目前還不明白DW的意圖，唯一增加的新功能是垂直分割，讓代碼和設計界面以垂直對比的方式呈現。
DreamweaverCS4界面新增功能介紹
圖2
DW擴展：
DreamweaverCS4界面新增功能介紹
圖3
站點管理器：
DreamweaverCS4界面新增功能介紹
圖4
菜單的最右邊，則是最新的外觀面板排布管理菜單。在7.5GB的版本中，DW只有3種外觀模式；而在150MB的版本里，卻可以看到DW一口氣推出的八種布局，由此推測，這個7.5GB的版本可能是國外的愛好者從ADODB內部搞出來的半成品，并非ADODB官方網站放出的那份，
八種外觀模式分別為：應用程序開發、應用程序開發增強、古典、代碼、代碼增強、設計、精簡設計、雙屏模式。
DreamweaverCS4界面新增功能介紹
圖5
下面給出幾個比較有代表性的界面：
應用程序開發增強：左上方是和數據相關的面板，包括數據庫面板、數據綁定面板和行為面板；左下方則是文件與資源相關的面板，包括文件面板、相關資源面板、代碼收集器等；右邊則是設計相關面板，包括插入面板、CSS樣式表面板、AP元素面板（用來為浮動層定位）。應該說這是一個萬金油布局，幾乎適用所有的開發者，同時，它也把大部分菜單展示在用戶面前，其他的七種布局可以說只是在這個基礎上進行一些排列和隱藏。
DreamweaverCS4界面新增功能介紹
圖6
精簡設計：這是我最喜歡的一個布局，它提供了更多的可視區域，同時可以把右邊的菜單收縮到只剩下圖標。對于習慣了ADODB其他設計軟件的朋友來說，這的確是非常貼心的設計。
DreamweaverCS4界面新增功能介紹
圖7
雙屏模式比較特殊，有點類似于Delphi7的開發界面，面板全部浮動起來，給用戶更多的自由。我還不是太習慣這種模式，就不上圖贅述了。
無論你是一個程序員還是一個設計師，DW給出的界面可以說是相當討好了，比如我，就特別鐘愛精簡設計的模式，因為它幾乎和我的Photoshop的界面一模一樣，就如同圖一所展示的，可以讓我從頁面的全局來進行思考和工作。
在下方的文檔面板上，DW新增加了一個實時預覽功能——LiveView。它的作用是在DW窗口中實時查看代碼的效果，包括Javascript特效！
DreamweaverCS4界面新增功能介紹
圖8
這是一個很不錯又很有必要的進步。怎么說呢，這個功能本應早就具備的，不過在CS4里才看到，之前的版本都只能另開瀏覽器來預覽，讓使用者頻繁的在窗口間切換，費了不少功夫！而我在幾年前使用一個類似于Editplus之類編輯器的時候，就已經開始使用這個相當實用的軟件內預覽功能了。不過這次DW的LiveView實時瀏覽功能做的有些奇怪，好像沒有使用IE或者FIREFOX的內核，因為控件的外觀還不是瀏覽器中實際顯示的樣式，有點類似于蘋果瀏覽器Safari，但又不是。截圖如下：
DreamweaverCS4界面新增功能介紹
圖9
在使用中，經測試發現LiveView右邊的按鈕LiveCode并沒有起到任何作用，HTML級的所有的動態功能都可以在LiveView中實現，點擊LiveCode后反而不能編輯代碼。這倒是一個很奇怪的功能了，希望在下節的代碼里能夠測試到它究竟是針對何種代碼才能生效。同時也歡迎網友一起參與DWCS4試用，談談感受!
更多信息請查看IT技術專欄
公眾號
事業單位
當前位置：
公考類
招聘類
各類考試
