Div+Css教程模板無憂>建站教程>Div+Css教程>Web標(biāo)準(zhǔn)教程>

AdobeDreamweaverCS3新功能簡(jiǎn)介_Web標(biāo)準(zhǔn)教程

教程Tag：暫無Tag,歡迎添加,賺取U幣!

Ajax 的 Spry 框架

通過 Adobe® Dreamweaver® CS3，可以使用 Ajax 的 Spry 框架進(jìn)行動(dòng)態(tài)用戶界面的可視化設(shè)計(jì)、開發(fā)和部署。Ajax 的 Spry 框架是一個(gè)面向 Web 設(shè)計(jì)人員的 JavaScript 庫(kù)，用于構(gòu)建向用戶提供更豐富體驗(yàn)的網(wǎng)頁。Spry 與其它 Ajax 框架不同，可以同時(shí)為設(shè)計(jì)人員和開發(fā)人員所用，因?yàn)閷?shí)際上它的 99% 都是 HTML。請(qǐng)參閱以可視方式構(gòu)建 Spry 頁。

Spry 構(gòu)件

Spry 構(gòu)件是預(yù)置的常用用戶界面組件，可以使用 CSS 自定義這些組件，然后將其添加到網(wǎng)頁中。使用 Dreamweaver，您可以將多個(gè) Spry 構(gòu)件添加到自己的頁面中，這些構(gòu)件包括 XML 驅(qū)動(dòng)的列表和表格、折疊構(gòu)件、選項(xiàng)卡式界面和具有驗(yàn)證功能的表單元素。請(qǐng)參閱添加 Spry 構(gòu)件。

Spry 效果

Spry 效果是一種提高網(wǎng)站外觀吸引力的簡(jiǎn)潔方式。這種效果差不多可應(yīng)用于 HTML 頁面上的所有元素。您可以添加 Spry 效果來放大、收縮、漸隱和高亮顯示元素；在一段時(shí)間內(nèi)以可視方式更改頁面元素；以及執(zhí)行更多操作。請(qǐng)參閱添加 Spry 效果。

高級(jí) Photoshop CS3 集成

Dreamweaver 包括了與 Photoshop CS3 的增強(qiáng)的集成功能�，F(xiàn)在，設(shè)計(jì)人員可以在 Photoshop 中選擇設(shè)計(jì)的任一部分（甚至可以跨多個(gè)層），然后將其直接粘貼到 Dreamweaver 頁面中。Dreamweaver 會(huì)顯示一個(gè)對(duì)話框，可在其中為圖像指定優(yōu)化選項(xiàng)。假如需要編輯圖像，只需雙擊圖像即可在 Photoshop 中打開原始的帶圖層 PSD 文件進(jìn)行編輯。請(qǐng)參閱使用 Photoshop。

瀏覽器兼容性檢查

Dreamweaver 中新的瀏覽器兼容性檢查功能可生成報(bào)告，指出各種瀏覽器中與 CSS 相關(guān)的呈現(xiàn)問題。在代碼視圖中，這些問題以綠色下劃線來標(biāo)記，因此您可以準(zhǔn)確知道產(chǎn)生問題的代碼位置。確定問題之后，假如知道解決方案，則可以快速解決問題；假如需要了解具體信息，則可以訪問 Adobe CSS Advisor。請(qǐng)參閱檢查跨瀏覽器呈現(xiàn) CSS 是否有問題。

Adobe CSS Advisor

Adobe CSS Advisor 網(wǎng)站包含有關(guān)最新 CSS 問題的信息，在瀏覽器兼容性檢查過程中可通過 Dreamweaver 用戶界面直接訪問該網(wǎng)站。CSS Advisor 不止是一個(gè)論壇、一個(gè) wiki 頁面或一個(gè)討論組，它使您可以方便地為現(xiàn)有內(nèi)容提供建議和改進(jìn)意見，或者方便地添加新的問題以使整個(gè)社區(qū)都能夠從中受益。請(qǐng)參閱檢查跨瀏覽器呈現(xiàn) CSS 是否有問題。

CSS 布局

Dreamweaver 提供一組預(yù)先設(shè)計(jì)的 CSS 布局，它們可以幫助您快速設(shè)計(jì)好頁面并開始運(yùn)行，并且在代碼中提供了豐富的內(nèi)聯(lián)注釋以幫助您了解 CSS 頁面布局。Web 上的大多數(shù)站點(diǎn)設(shè)計(jì)都可以被歸類為一列、兩列或三列式布局，而且每種布局都包含許多附加元素（例如標(biāo)題和腳注）。Dreamweaver 提供了一個(gè)包含基本布局設(shè)計(jì)的綜合性列表，您可以自定義這些設(shè)計(jì)以滿足自己的需要。請(qǐng)參閱使用 CSS 布局創(chuàng)建頁面。

治理 CSS

借助治理 CSS 功能，可以輕松地在文檔之間、文檔標(biāo)題與外部表之間、外部 CSS 文件之間以及更多位置之間移動(dòng) CSS 規(guī)則。此外，還可以將內(nèi)聯(lián) CSS 轉(zhuǎn)換為 CSS 規(guī)則，并且只需通過拖放操作即可將它們放置在所需位置。請(qǐng)參閱移動(dòng) CSS 規(guī)則和將內(nèi)聯(lián) CSS 轉(zhuǎn)換為 CSS 規(guī)則。

Adobe Device Central

Adobe Device Central 與 Dreamweaver 相集成并且存在于整個(gè) Creative Suite 3 軟件產(chǎn)品系列中，使用它可以快速訪問每個(gè)設(shè)備的基本技術(shù)規(guī)范，還可以收縮 HTML 頁面的文本和圖像以便顯示效果與設(shè)備上出現(xiàn)的完全一樣，從而簡(jiǎn)化了移動(dòng)內(nèi)容的創(chuàng)建過程。請(qǐng)參閱預(yù)覽頁面在移動(dòng)設(shè)備中。

Adobe Bridge CS3

將 Adobe Bridge CS3 與 Dreamweaver 一起使用可以輕松、一致地治理圖像和資源。通過 Adobe Bridge 能夠集中訪問項(xiàng)目文件、應(yīng)用程序、設(shè)置以及 XMP 元數(shù)據(jù)標(biāo)記和搜索功能。Adobe Bridge 憑借其文件組織和文件共享功能以及對(duì) Adobe Stock Photos 的訪問功能，提供了一種更有效的創(chuàng)新工作流程，使您可以駕馭印刷、Web、視頻和移動(dòng)等諸多項(xiàng)目。請(qǐng)參閱使用 Bridge。