簡單描述Adobe Dreamweaver CS3 的最新功能_Dreamweaver教程
Ajax 的 Spry 框架
通過 Adobe® Dreamweaver® CS3,可以使用 Ajax 的 Spry 框架進(jìn)行動態(tài)用戶界面的可視化設(shè)計(jì)、開發(fā)和部署。Ajax 的 Spry 框架是一個(gè)面向 Web 設(shè)計(jì)人員的 JavaScript 庫,用于構(gòu)建向用戶提供更豐富體驗(yàn)的網(wǎng)頁。Spry 與其它 Ajax 框架不同,可以同時(shí)為設(shè)計(jì)人員和開發(fā)人員所用,因?yàn)閷?shí)際上它的 99% 都是 HTML。請參閱以可視方式構(gòu)建 Spry 頁。
Spry 構(gòu)件
Spry 構(gòu)件是預(yù)置的常用用戶界面組件,可以使用 CSS 自定義這些組件,然后將其添加到網(wǎng)頁中。使用 Dreamweaver,您可以將多個(gè) Spry 構(gòu)件添加到自己的頁面中,這些構(gòu)件包括 XML 驅(qū)動的列表和表格、折疊構(gòu)件、選項(xiàng)卡式界面和具有驗(yàn)證功能的表單元素。請參閱添加 Spry 構(gòu)件。
Spry 效果
Spry 效果是一種提高網(wǎng)站外觀吸引力的簡潔方式。這種效果差不多可應(yīng)用于 HTML 頁面上的所有元素。您可以添加 Spry 效果來放大、收縮、漸隱和高亮顯示元素;在一段時(shí)間內(nèi)以可視方式更改頁面元素;以及執(zhí)行更多操作。請參閱添加 Spry 效果。
高級 Photoshop CS3 集成
Dreamweaver 包括了與 Photoshop CS3 的增強(qiáng)的集成功能�,F(xiàn)在,設(shè)計(jì)人員可以在 Photoshop 中選擇設(shè)計(jì)的任一部分(甚至可以跨多個(gè)層),然后將其直接粘貼到 Dreamweaver 頁面中。Dreamweaver 會顯示一個(gè)對話框,可在其中為圖像指定優(yōu)化選項(xiàng)。假如需要編輯圖像,只需雙擊圖像即可在 Photoshop 中打開原始的帶圖層 PSD 文件進(jìn)行編輯。請參閱使用 Photoshop。
瀏覽器兼容性檢查


Dreamweaver 中新的瀏覽器兼容性檢查功能可生成報(bào)告,指出各種瀏覽器中與 CSS 相關(guān)的呈現(xiàn)問題。在代碼視圖中,這些問題以綠色下劃線來標(biāo)記,因此您可以準(zhǔn)確知道產(chǎn)生問題的代碼位置。確定問題之后,假如知道解決方案,則可以快速解決問題;假如需要了解具體信息,則可以訪問 Adobe CSS Advisor。請參閱檢查跨瀏覽器呈現(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ū)都能夠從中受益。請參閱檢查跨瀏覽器呈現(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ì)以滿足自己的需要。請參閱使用 CSS 布局創(chuàng)建頁面。
治理 CSS
借助治理 CSS 功能,可以輕松地在文檔之間、文檔標(biāo)題與外部表之間、外部 CSS 文件之間以及更多位置之間移動 CSS 規(guī)則。此外,還可以將內(nèi)聯(lián) CSS 轉(zhuǎn)換為 CSS 規(guī)則,并且只需通過拖放操作即可將它們放置在所需位置。請參閱移動 CSS 規(guī)則和將內(nèi)聯(lián) CSS 轉(zhuǎn)換為 CSS 規(guī)則。
- 用Dreamweaver在網(wǎng)頁中插入Flash按鈕
- 在Dreamweaver中編寫CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計(jì)CSS?
- Dreamweaver文字自動換行
- 探討Dreamweaver制作網(wǎng)頁時(shí)的空格
- 使用Dreamweaver制作網(wǎng)頁的20個(gè)技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運(yùn)用代碼片斷工具提高css開發(fā)效率
- 在DreamWeaver中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
- 使用Dreamweaver輕松實(shí)現(xiàn)網(wǎng)頁過渡效果
- 用Dreamweaver描摹圖像
- Dreamweaver網(wǎng)頁制作教程:創(chuàng)建導(dǎo)航條
- Dreamweaver MX進(jìn)階教程(八) 操作框架
- Dreamweaver開發(fā)ASP實(shí)例視頻教程簡單站內(nèi)搜索頁
- Dreamweaver MX進(jìn)階教程(七)創(chuàng)建基于框架的網(wǎng)頁
- Dreamweaver開發(fā)ASP實(shí)例視頻教程修改數(shù)據(jù)庫記錄
- 制作網(wǎng)頁 詳解Dreamweaver13個(gè)技巧
- DW2004 中文亂碼解決方案 [2]
- Dreamweaver MX進(jìn)階教程(九)使用用于框架的“行為”
猜你也喜歡看這些
- CSS視頻教程
- DIV+CSS 入門視頻教程,只用記事本編寫代碼演示
- DreamweaverMX2004互動網(wǎng)站百寶箱for PHP
- 挑戰(zhàn)DREAMWEAVER MX互動網(wǎng)站百寶箱FOR ASP
- 視友工作室網(wǎng)站頁設(shè)計(jì)制作全面通
- 網(wǎng)頁制作三劍客經(jīng)典實(shí)例Flashmx,Dreamveaver,Fireworks
- 網(wǎng)站重構(gòu)&web標(biāo)準(zhǔn)設(shè)計(jì)教程
- 《Dreamweaver CS3網(wǎng)頁設(shè)計(jì)技能進(jìn)化手冊》--樣章、樣例、教學(xué)視頻
- FIF小組Dreamweaver制作網(wǎng)頁視頻教程
- 呂聰賢dreamweaver教程
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-簡單描述Adobe Dreamweaver CS3 的最新功能
。