Dreamweaver CS3 的(de)最新功能
Ajax 的 Spry 框架
通過 Adobe® Dreamweaver® CS3,可以(yǐ)使用 Ajax 的 Spry 框架進(jìn)行動態用(yòng)戶界麵的可(kě)視化設計、開發和部(bù)署。Ajax 的 Spry 框架(jià)是一(yī)個(gè)麵向 Web 設計人員的 JavaScript 庫,用(yòng)於構建向用戶提供更豐富體(tǐ)驗(yàn)的網頁(yè)。Spry 與(yǔ)其它 Ajax 框(kuàng)架不同,可以同時為設計人員和開發人員所用,因為實際(jì)上它的 99% 都是 HTML。請參閱以(yǐ)可視(shì)方式構建 Spry 頁。
Spry 構件
Spry 構件是預置的常用用戶界麵組件,可(kě)以使(shǐ)用 CSS 自定義這些(xiē)組件,然後將其添加到網(wǎng)頁中。使用 Dreamweaver,您可以將(jiāng)多個 Spry 構件添加(jiā)到自己的頁麵中,這些(xiē)構件包括(kuò) XML 驅動(dòng)的列(liè)表和表格、折疊構件、選項卡式界麵(miàn)和具有驗證(zhèng)功能的表單(dān)元素。請參閱添(tiān)加 Spry 構件。
Spry 效果
Spry 效(xiào)果是(shì)一種(zhǒng)提(tí)高(gāo)網站(zhàn)外(wài)觀吸引力的簡潔方式。這種效果差不多可應用於 HTML 頁(yè)麵上的所有(yǒu)元素。您可以添加 Spry 效果來放大、收縮、漸隱和高亮顯示元素;在一(yī)段(duàn)時間內以(yǐ)可視(shì)方(fāng)式(shì)更改頁麵元素;以及執行更多操作。請參(cān)閱添加 Spry 效果。
高級 Photoshop CS3 集(jí)成
Dreamweaver 包括(kuò)了與 Photoshop CS3 的增強的集成功能。現在(zài),設計人員(yuán)可(kě)以(yǐ)在(zài) Photoshop 中選(xuǎn)擇(zé)設(shè)計的(de)任一部分(甚至可以(yǐ)跨(kuà)多個(gè)層),然後將其直接粘貼到 Dreamweaver 頁麵中(zhōng)。Dreamweaver 會(huì)顯示一個對話框,可在(zài)其中為圖(tú)像指(zhǐ)定優化選項。如果需要編輯(jí)圖(tú)像(xiàng),隻需雙擊(jī)圖像即可在 Photoshop 中(zhōng)打(dǎ)開原始的帶圖層 PSD 文件進行編輯(jí)。請參閱使用 Photoshop。
瀏(liú)覽器兼容性檢查(chá)
Dreamweaver 中(zhōng)新的瀏(liú)覽器兼容性檢查功(gōng)能可生(shēng)成報(bào)告,指(zhǐ)出各種(zhǒng)瀏覽器中(zhōng)與 CSS 相關的呈現問題。在代碼(mǎ)視(shì)圖(tú)中,這些問題以綠色下劃線來標記,因此(cǐ)您可以準(zhǔn)確知道產(chǎn)生問題(tí)的代碼位置(zhì)。確定問題(tí)之後,如(rú)果知道解決方案,則可以快速解決問題(tí);如果需要了解(jiě)詳細信(xìn)息,則可以訪問 Adobe CSS Advisor。請參閱(yuè)檢查(chá)跨瀏覽器呈現 CSS 是否有問題。
Adobe CSS Advisor
Adobe CSS Advisor 網站包含有關最(zuì)新 CSS 問題的信息,在瀏(liú)覽(lǎn)器兼容性檢查過程(chéng)中可(kě)通過 Dreamweaver 用(yòng)戶界麵(miàn)直接訪問(wèn)該網站。CSS Advisor 不止是一個(gè)論壇、一個 wiki 頁麵或一個討論組,它使您可(kě)以方(fāng)便地為現有內(nèi)容提供建議(yì)和改進意見,或(huò)者(zhě)方便地添(tiān)加新的問題以使整個社(shè)區(qū)都能夠從中(zhōng)受益(yì)。請參閱檢查跨瀏覽器呈現 CSS 是否有問(wèn)題。
CSS 布局
Dreamweaver 提(tí)供一(yī)組預先(xiān)設計的 CSS 布局,它們可以幫(bāng)助您快速設計好頁麵(miàn)並開始(shǐ)運行(háng),並且在代(dài)碼中提供(gòng)了(le)豐富的內聯注釋(shì)以幫(bāng)助您了(le)解 CSS 頁麵布局。Web 上的大多數站(zhàn)點(diǎn)設計都(dōu)可以被歸類為一(yī)列(liè)、兩列或三列式(shì)布(bù)局,而(ér)且每種布局都(dōu)包含許多附加元素(例如標題和腳注)。Dreamweaver 提供了一個(gè)包含基本布局設(shè)計的(de)綜合性列(liè)表,您(nín)可以自(zì)定義這些設計以滿足自己的需(xū)要。請(qǐng)參閱使(shǐ)用(yòng) CSS 布局創建頁麵。
管理 CSS
助管理(lǐ) CSS 功能(néng),可以輕鬆地在文檔之間(jiān)、文檔標題與外部表之間、外部(bù) CSS 文件之間以及更多位置之間移(yí)動 CSS 規則。此外,還可以將內(nèi)聯 CSS 轉換為 CSS 規則,並(bìng)且隻需通過拖(tuō)放操作即可將它(tā)們(men)放置(zhì)在所需位置。請參閱(yuè)移(yí)動 CSS 規則(zé)和將內聯 CSS 轉換為 CSS 規則。
Adobe Device Central
Adobe Device Central 與 Dreamweaver 相集成並且存在於整個 Creative Suite 3 軟件產(chǎn)品係列中(zhōng),使用它(tā)可以快速訪問(wèn)每個設備的(de)基本技術規範,還可(kě)以(yǐ)收縮 HTML 頁麵的文本(běn)和圖像以(yǐ)便顯示效果與設備上出現的完全(quán)一樣,從而簡化了移(yí)動內(nèi)容的(de)創建過程。請(qǐng)參閱預覽頁麵在移動設備中。
Adobe Bridge CS3
將 Adobe Bridge CS3 與 Dreamweaver 一起使用可以(yǐ)輕鬆、一致地管理圖像和(hé)資源。通(tōng)過(guò) Adobe Bridge 能(néng)夠集中訪問項(xiàng)目文件(jiàn)、應用(yòng)程序(xù)、設置以及 XMP 元數據標記和搜索功能。Adobe Bridge 憑借其文件組織(zhī)和文件共享(xiǎng)功能以及對 Adobe Stock Photos 的訪問功能,提供了一種更(gèng)有效(xiào)的(de)創新工作流程(chéng),使您(nín)可以駕馭印刷、Web、視頻和移動等諸多項(xiàng)目。請參(cān)閱使用 Bridge。
CSS增強功能:
DW8具(jù)有HTML格式化功能但沒有CSS格式化(huà),DW cs3又增加(jiā)了CSS的格式化功能.
關鍵詞:Dreamweaver
閱讀本文後您有什麽感想? 已(yǐ)有 人(rén)給出評價!
- 3
- 3
- 3
- 3
- 3
- 3