DREAMWEAVER CS4新增了哪些相關(guān)功能。
除了界面上的改變，DreamWeaver CS4作為一個(gè)重要的里程碑版，還有許多更新，諸如：
實(shí)時(shí)視圖新增功能
借助 Dreamweaver CS4 中新增的實(shí)時(shí)視圖在真實(shí)的瀏覽器環(huán)境中設(shè)計(jì)網(wǎng)頁(yè), 同時(shí)仍可以直接訪問代碼。呈現(xiàn)的屏幕內(nèi)容會(huì)立即反映出對(duì)代碼所做的更改。
針對(duì) Ajax 和 JavaScript 框架的代碼提示
借助改進(jìn)的 JavaScript 核心對(duì)象和基本數(shù)據(jù)類型支持, 更有效地編寫 JavaScript。通過(guò)集成包括 jQuery、Prototype 和 Spry 在內(nèi)的流行 JavaScript 框架, 充分利用 Dreamweaver CS4 的擴(kuò)展編碼功能。
全新用戶界面
借助共享型用戶界面設(shè)計(jì), 在 Adobe Creative Suitereg; 4 的不同組件之間更快、更明智地工作。使用工作區(qū)切換器可以從一個(gè)工作環(huán)境快速切換到下一個(gè)環(huán)境。
相關(guān)文件和代碼導(dǎo)航器
單擊“相關(guān)文件”欄中顯示的任何包含文件, 即可在“代碼”視圖中查看其源代碼, 在“設(shè)計(jì)”視圖中查看父頁(yè)面。新增的代碼導(dǎo)航器功能顯示影響當(dāng)前選定內(nèi)容的 CSS 源代碼, 并允許您快速訪問它。
HTML 數(shù)據(jù)集
無(wú)需掌握數(shù)據(jù)庫(kù)或 XML 編碼即可將動(dòng)態(tài)數(shù)據(jù)的強(qiáng)大功能融入網(wǎng)頁(yè)中。Spry 數(shù)據(jù)集可以將簡(jiǎn)單 HTML 表中的內(nèi)容識(shí)別為交互式數(shù)據(jù)源。
Adobe InContext Editing (預(yù)發(fā)布版)
在 Dreamweaver 中設(shè)計(jì)頁(yè)面, 使最終用戶能使用 Adobe InContext Editing 在線服務(wù)編輯他們的網(wǎng)頁(yè), 無(wú)需幫助或使用其它軟件。* 作為 Dreamweaver 設(shè)計(jì)人員, 您可以限制對(duì)特定頁(yè)面、特殊區(qū)域的更改權(quán), 甚至可以自定格式選項(xiàng)。
Adobe Photoshopreg; 智能對(duì)象
將任何 Photoshop PSD 文檔插入 Dreamweaver 即可創(chuàng)建出圖像。智能對(duì)象與源文件緊密鏈接。無(wú)需打開 Photoshop 即可在 Dreamweaver 中更改源圖像和更新圖像。
CSS 最佳做法
無(wú)需編寫代碼即可實(shí)施 CSS 最佳做法。在“屬性”面板中新建 CSS 規(guī)則, 并在樣式級(jí)聯(lián)中清晰、簡(jiǎn)單地說(shuō)明每個(gè)屬性的相應(yīng)位置。
Subversion 集成
在 Dreamweaver 中直接更新站點(diǎn)和登記修改內(nèi)容。Dreamweaver CS4 與 Subversion 軟件緊密集成, 后者是一款開放源代碼版本控制系統(tǒng), 可以提供更強(qiáng)大的登記/注銷體驗(yàn)。
Adobe AIR 創(chuàng)作支持新增功能
在 Dreamweaver 中直接創(chuàng)建基于 HTML 和 JavaScript 的 Adobe AIR 應(yīng)用程序。在 Dreamweaver 中即可預(yù)覽 AIR 應(yīng)用程序。使 Adobe AIR 應(yīng)用程序隨時(shí)可與 AIR 打包及代碼簽名功能一起部署。
這里我主要給您介紹一下關(guān)于JavaScript的部分新特性。
是在官方下載了DreamWeaver CS4的PreRelease版來(lái)測(cè)試，解壓和安裝沒有什么太多要說(shuō)的，只是感覺比早先啊的DreamWeaver CS3的安裝速度要快了不少，安裝完畢，發(fā)現(xiàn)界面與之前相比有了一定的改變，如圖（上圖為DreamWeaver CS3，下圖為DreamWeaver CS4）： 
一、JavaScript代碼外鏈
我們知道，出于種種目的考慮，我們一般不在頁(yè)面直接撰寫JavaScript代碼，而是將其放在外部的js文件中，這樣做的好處，除了便于管理整個(gè)站點(diǎn)的JavaScript之外，還有助于多多借助客戶端對(duì)js文件的緩存，減少很少改變的js文件的網(wǎng)絡(luò)傳輸流量的浪費(fèi)。
另外，出于多人協(xié)作和便于管理、便于敏捷變化和代碼分層等原因，我們應(yīng)該盡可能的做到結(jié)構(gòu)-表現(xiàn)-行為的分離，在平常的代碼編寫中，你可能大量使用了諸如
＜a onclick="alert_me('this is a link')" href="#">Click to alert me＜/a>
這樣的代碼，然而，這樣做卻是將行為耦合到了基本的代碼結(jié)構(gòu)中，我們提倡以添加事件的方式來(lái)將其完全分離到JavaScript代碼中，這個(gè)操作也可以由DreamWeaver CS4來(lái)完成。
在DreamWeaver CS4中，則為我們提供了此功能，這個(gè)功能你可以在【Commands】->【Externalize JavaScript】中找到。
為了測(cè)試這兩項(xiàng)特性，我們撰寫了如下的代碼：
＜ !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
＜html xmlns="http://www.w3.org/1999/xhtml">
＜head>
＜meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
＜title>Untitled Document＜/title>
＜script type="text/javascript">
function alert_me(msg)
{
alert(msg);
}
＜/script>
＜/head>
＜body>
＜a href="#" onclick="alert_me('this is a link')">Click to alert me＜/a>
＜/body>
＜/html>
你可以看到，在這段代碼中，不僅在頁(yè)面中出現(xiàn)了JavaScript函數(shù)，而且還將行為直接綁定在了HTML標(biāo)簽中，這時(shí)使用【Commands】->【Externalize JavaScript】來(lái)打開DreamWeaver CS4為我們提供的工具，你可以看到，有兩個(gè)選項(xiàng)，他們分別對(duì)應(yīng)了只將頁(yè)面中的JavaScript代碼塊分離為外部文件和與此同時(shí)分離HTML代碼中的JavaScript，如圖： 
我們選擇”Externalize JavaScript and attach unobtrusively”，即同時(shí)完成代碼塊和標(biāo)簽中代碼的分離，命令執(zhí)行完成后，頁(yè)面的代碼如下：
＜ !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
＜html xmlns="http://www.w3.org/1999/xhtml">
＜head>
＜meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
＜title>Untitled Document＜/title>
＜script src="SpryAssets/SpryDOMUtils.js" _fcksavedurl=""SpryAssets/SpryDOMUtils.js"" type="text/javascript">＜/script>
＜script src="Untitled-15.js" type="text/javascript">＜/script>
＜/head>
＜body>
＜a href="#" id="a1">Click to alert me＜/a>
＜/body>
＜/html>
這樣，就自動(dòng)化的完成了相應(yīng)的工作。
二、JavaScript代碼提示
一直以來(lái)，開發(fā)JavaScript沒有特別順手的IDE，Aptana算是一款基于Ecplise的JavaScript開發(fā)工具，提供了代碼高亮和代碼提示功能，如今，DreamWeaver CS4也提供了此功能，當(dāng)我們構(gòu)建JavaScript內(nèi)置對(duì)象時(shí)，它已經(jīng)可以進(jìn)行代碼提示了，如圖：
除此以外，DreamWeaver CS4 還提供了對(duì)代碼錯(cuò)誤的提示，當(dāng)代碼出現(xiàn)錯(cuò)誤，將在窗口頂端有一個(gè)黃色的提示條，同時(shí)在代碼左側(cè)行號(hào)處標(biāo)識(shí)，如圖： 
三、對(duì)第三方JavaScript庫(kù)的支持
上面提到的Aptana同時(shí)提供對(duì)多種JavaScript的第三方類庫(kù)，如Prototype、jQuery、YUI、ExtJS等的支持，DreamWeaver CS4也同樣提供了，我們首先引入一個(gè)Prototype庫(kù)，然后通過(guò)輸入new Ajax.，試圖構(gòu)建一個(gè)Ajax的應(yīng)用，此時(shí)DreamWeave CS4給出了Ajax類成員方法的代碼提示，如圖： 
下載 
下載 
下載 
下載 
下載 
下載 
下載 
下載 
下載 
下載 
下載 
喜歡 
頂
難過(guò)
囧
圍觀
無(wú)聊
