DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> Dreamweaver CS3 使用體驗
Dreamweaver CS3 使用體驗
編輯:Dreamweaver相關     

DW3測試版。大小280M!安裝以後一共有5個應用程序分別是:

  DeviceCentral.exe

  Bridge.exe

  Dreamweaver.exe

  ExtendScriptToolkit2.exe

  ExtensionManager.exe

  除了ExtendScriptToolkit2.exe沒有打開測試過以外,其他都測試過。

  DeviceCentral.exe 手機預覽器,提供了多種市面上品牌的手機測試,有興趣的可以把自己的網站放在手機預覽器裡面測試下。DW9下快速手機預覽快捷鍵ctrl+alt+F12。

  Bridge.exe這個不用解釋,PSCS2裡面就有的。

  ExtensionManager.exe這個組建管理器,沒有什麼變化。

  另外一貫的圓型圖標該成了方形的。第一估計是轉到了ADOBE下面,拋棄了以前老公司的設計,另外我想DW3也是想展示DIV+CSS所以把圖片換成方形的,有點像一個DIV盒子。

  安裝過程沒什麼變化,只是安裝默認建立的不再是以前公司的文件夾而是和PSAI放在一起的ADOBE文件夾下面。

  安裝後打開,自動會添加DW8裡面的所有設置好的站點。

  新建文件的時候默認的模板都是CSS+div布局,不再是以前的table布局了。

  插入菜單

  以前的默認布局方式表格已經被排擠掉了。保留了擴展布局模式,不過當表格已經被排擠,擴展模式成了雞肋。

  另外對CSS的顯示已經接近完善了。不再會出現浏覽器和可視窗口完全顯示不一樣的情況了。

  整體的CSS字體換成了“微軟雅黑” 應該是為了迎合新系統而該的,但是菜單和一些基本地方還是用了原始字體。

  以下是網上關於DW3的新功能描述,雖然我有點看不懂,甚至有的根本用不到,不過還是帖出來:

  DreamweaverCS3中提供稱為Spry的Ajax框架,使用它可以可視化地設計和開發動態用戶界面。與其他Ajax框架不同,Spry同時適用於設計師和開發人員。這意味著任何人都可以創建更豐富的Web用戶體驗,而無需進行復雜的編程。

  通過使用Spry程序可以方便地向網頁中加入通用的用戶界面。這些預置的程序可以使用CSS進行定制,然後加入到網頁中。包括XML驅動的列表和表格,分頁界面以及表單元素的驗證等內容。Spry使創建和向網頁中加入高級界面元素更加容易。

  Spry還包括一組特效,它能使頁面元素產生各種動態的視覺效果。Spry特效幾乎可以應用於HTML頁面中的任何元素。使用這些特效可以使網頁元素發光、縮小、淡化、高光等等。Spry特效完全不需要任何服務器端的邏輯和腳本支持。

  在DreamweaverCS3中,可以方便地從Photoshop中復制和粘貼內容。設計師可以簡單地在Photoshop的設計圖中選擇任何部分,甚至跨多層選擇,然後直接粘貼到Dreamweaver的設計頁面中。

  DreamweaverCS3的浏覽器兼容性檢查功能幫助用戶方便地識別不同浏覽器之間的區別,這樣就可以創建出兼容各種浏覽器的優美網頁。浏覽器兼容性檢查功能將為頁面提供一個結果報告,指出頁面在浏覽器兼容性方面存在的內容。同時,還會鏈接到AdobeCSS建議網站中針對該問題的解決方案頁面。在代碼試圖中,具體問題將會用綠色的下劃線標示,這樣用戶就可以知道問題的精確位置。

  Adobe的CSS建議網站為浏覽器兼容性問題提供解決方案,包括在DreamweaverCS3中的浏覽器兼容性檢查功能識別出來的問題。由Dreamweaver用戶社區維護的CSS建議網站提供最新的關於浏覽器問題的有益的信息,以及很多方案、技巧和建議。用戶可以提交自己的問題和解決方案,或者對其他用戶的內容發表評論或評級。

  CSS布局可以幫助用戶快速起步,在進行頁面布局設計的同時學習CSS。DreamweaverCS3提供全面的預置布局模版,包括單列、雙列或三列的布局設計。代碼的行內擴展幫助可以對布局進行說明,從而幫助用戶擴展CSS的知識。選擇一個預置的CSS布局以後,用戶還可以對它進行定制以滿足自己的需要。

  DreamweaverCS3的CSS管理功能可以使用戶方便地把CSS規則放到他希望的地方。在文檔之間移動CSS規則,從文檔頭移動到外部CSS樣式表文件,從一個外部樣式表文件移動另一個文件中,等等。也可以將內聯式的CSS轉換為CSS規則,並把他們放到需要的地方,這一切都僅通過拖放操作就可以輕松實現。

  Adobe設備中心CS3也是DreamweaverCS3的一部分。通過內置的移動設備模板,和隨時更新的設備參數文件,可以化簡移動內容的創建過程。設備中心顯示移動HTML內容並,可以使用設備模板的按鈕來滾動顯示。“小屏幕渲染”模式把文本和圖像縮小,從而可以逼真地模擬這些內容在設備上的真實顯示效果。

  AdobeBridgeCS3通過元數據標簽和搜索,為訪問管理文件、應用程序和設置提供了中央控制。它也為訪問AdobeStock服務提供了支持。AdobeBridge提供了更有效的創意工作流程,一切資源都在用戶指尖,使他們對他們的移動項目盡在掌握。

  值得注意的是安裝了DW9以後不能把DW9和DW8同時打開。如果DW9在運行,那麼在去打開DW8會自動的切換到DW9。

 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved