Dreamweaver CS3 最新功能描述

本文主要簡單介紹Dreamweaver CS3的新功能，如Ajax的Spry架構、進階 Photoshop CS3 整合、瀏覽器安全色性檢查、Adobe CSS Advisor、CSS 布局與管理、Adobe Device Central、Adobe Bridge CS3等等新功能，下面一起來認識他們吧！

　　Ajax 的Spry 架構
　　通過 Adobe Dreamweaver CS3，可以使用Ajax 的Spry架構進行動態使用者介面的可視化設計、開發和部署。Ajax 的 Spry 架構是一個面向 Web 設計人員的 JavaScript 庫，用於構建向使用者提供更豐富體驗的網頁。Spry 與其它 Ajax 架構不同，可以同時為設計人員和開發人員所用，因為實際上它的 99% 都是 HTML。請參閱以可視方式構建 Spry 頁。

 

　　Spry 構件
　　Spry 構件是預置的常用使用者介面組件，可以使用 CSS 自訂這些組件，然後將其添加到網頁中。使用 Dreamweaver，您可以將多個 Spry 構件添加到自己的頁面中，這些構件包括 XML 驅動的列表和表格、摺疊構件、選項卡式介面和具有驗證功能的表單元素。請參閱添加 Spry 構件。

　　Spry 效果
　　Spry 效果是一種提高網站外觀吸引力的簡潔方式。這種效果差不多可應用於 HTML 頁面上的所有元素。您可以添加 Spry 效果來放大、收縮、漸隱和高亮顯示元素；在一段時間內以可視方式更改頁面元素；以及執行更多操作。請參閱添加 Spry 效果。

　　進階 Photoshop CS3 整合
　　Dreamweaver 包括了與 Photoshop CS3 的增強整合功能。現在，設計人員可以在 Photoshop 中選擇設計的任一部分（甚至可以跨多個層），然後將其直接粘貼到 Dreamweaver 頁面中。Dreamweaver 會顯示一個對話方塊，可在其中為映像指定最佳化選項。如果需要編輯映像，只需雙擊映像即可在 Photoshop 中開啟原始的帶圖層 PSD 檔案進行編輯。請參閱使用 Photoshop。

　　瀏覽器安全色性檢查

　　Dreamweaver 中新的瀏覽器安全色性檢查功能可產生報告，指出各種瀏覽器中與 CSS 相關的呈現問題。在程式碼檢視中，這些問題以綠色底線來標記，因此您可以準確知道產生問題的代碼位置。確定問題之後，如果知道解決方案，則可以快速解決問題；如果需要瞭解詳細資料，則可以訪問 Adobe CSS Advisor。請參閱檢查跨瀏覽器呈現 CSS 是否有問題。

　　Adobe CSS Advisor
　　Adobe CSS Advisor 網站包含有關最新 CSS 問題的資訊，在瀏覽器安全色性檢查過程中可通過 Dreamweaver 使用者介面直接存取該網站。CSS Advisor 不止是一個論壇、一個 wiki 頁面或一個討論群組，它使您可以方便地為現有內容提供建議和改進意見，或者方便地添加新的問題以使整個社區都能夠從中受益。請參閱檢查跨瀏覽器呈現 CSS 是否有問題。

　　CSS 布局

　　Dreamweaver 提供一組預先設計的 CSS 布局，它們可以協助您快速設計好頁面並開始運行，並且在代碼中提供了豐富的內聯注釋以協助您瞭解 CSS 頁面配置。Web 上的大多數網站設計都可以被歸類為一列、兩列或三列式布局，而且每種布局都包含許多附加元素（例如標題和腳註）。Dreamweaver 提供了一個包含基本布局設計的綜合性列表，您可以自訂這些設計以滿足自己的需要。請參閱使用 CSS 布局建立頁面。

　　管理 CSS
　　藉助管理 CSS 功能，可以輕鬆地在文檔之間、文檔標題與外部表格之間、外部 CSS 檔案之間以及更多位置之間移動 CSS 規則。此外，還可以將內聯 CSS 轉換為 CSS 規則，並且只需通過拖放操作即可將它們放置在所需位置。請參閱移動 CSS 規則和將內聯 CSS 轉換為 CSS 規則。

　　Adobe Device Central
　　Adobe Device Central 與 Dreamweaver 相整合並且存在於整個 Creative Suite 3 軟體產品系列中，使用它可以快速存取每個裝置的基本技術規範，還可以收縮 HTML 頁面的文本和映像以便顯示效果與裝置上出現的完全一樣，從而簡化了移動內容的建立過程。請參閱預覽頁面在行動裝置中。

　　Adobe Bridge CS3
　　將 Adobe Bridge CS3 與 Dreamweaver 一起使用可以輕鬆、一致地管理映像和資源。通過 Adobe Bridge 能夠集中訪問專案檔、應用程式、設定以及 XMP 中繼資料標記和搜尋功能。Adobe Bridge 憑藉其檔案組織和檔案分享權限設定功能以及對 Adobe Stock Photos 的訪問功能，提供了一種更有效創新工作流程，使您可以駕馭印刷、Web、視頻和移動等諸多項目。請參閱使用 Bridge。

　　CSS增強功能：

　　DW8具有HTML格式化功能但沒有CSS格式化，DW cs3又增加了CSS的格式化功能。