2008年9月24日，北京-今天，Adobe 公司（Nasdaq：ADBE）宣布推出業界的里程碑產品–Adobe® Creative Suite® 4產品家族。該產品能夠應用於所有創意工作流程，是業界領先的設計和開發軟體。透過工作流程的根本性突破，消除了設計師和開發工作者之間的障礙。新的Creative Suite 4產品線包含數百個創新功能，全面推進了印刷、網路、行動、互動、影音影片製作的創意過程。該產品將整個產品線的Flash技術提升至整合力與表現力的新高水平，是Adobe迄今為止最大規模的軟體版本，內容包括Adobe Creative Suite 4 Design editions、Creative Suite 4 Web editions、Creative Suite 4 Production Premium 、Adobe Master Collection和13個基礎產品、14項整合技術以及7種服務。
於是在官方下載了DreamWeaver CS4的PreRelease版來測試，解壓縮和安裝沒有什麼太多要說的，只是感覺比早先的DreamWeaver CS3的安裝速度要快了不少，安裝完畢，發現界面與之前相比有了一定的改變。
除了介面上的改變，該版本作為一個重要的里程碑版，還有許多更新，諸如：
針對Ajax 和JavaScript 框架的程式碼提示
Adobe InContext Editing
HTML 資料集
Subversion® 集成
CSS 最佳做法等，更多可以查看官方的fetures頁。
這裡我主要來為您介紹一下關於JavaScript的部分新功能。
一、JavaScript程式碼外鏈。
我們知道，出於種種目的考慮，我們一般不在頁面直接撰寫JavaScript程式碼，而是將其放在外部的js檔案中，這樣做的好處，除了便於管理整個網站的JavaScript之外，還有助於多多借助客戶端對js檔案的緩存，減少很少改變的js檔案的網路傳輸流量的浪費。
另外，出於多人協作和便於管理、便於敏捷變化和代碼分層等原因，我們應該盡可能的做到結構-表現-行為的分離，在平常的代碼編寫中，你可能大量使用了諸如
< a onclick="alert_me('this is a link')" href="#">Click to alert me</a>
這樣的程式碼，然而，這樣做卻是將行為耦合到了基本的程式碼結構中，我們提倡以添加事件的方式來將其完全分離到JavaScript程式碼中，這個操作也可以由DreamWeaver CS4來完成。
在DreamWeaver CS4中，則為我們提供了這個功能，這個功能你可以在【Commands】->【Externalize JavaScript】中找到。
為了測試這兩項特性，我們撰寫瞭如下的程式碼：
< !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>
你可以看到，在這段程式碼中，不僅在頁面中出現了JavaScript函數，而且還將行為直接綁定在了HTML標籤中，這時使用【Commands】->【Externalize JavaScript】來開啟DreamWeaver CS4為我們提供的工具，你可以看到，有兩個選項，他們分別對應了只將頁面中的JavaScript程式碼區塊分離為外部檔案和同時
分離HTML程式碼中的JavaScript：我們選擇」Externalize JavaScript and attach unobtrusively ”，即同時完成程式碼區塊和標籤中程式碼的分離，命令執行完成後，頁面的程式碼如下：
< !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" 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>
這樣，就自動化的完成了對應的工作。
二、JavaScript程式碼提示。
一直以來，開發JavaScript沒有特別順手的IDE，Aptana算是一款基於Ecplise的JavaScript開發工具，提供了程式碼高亮和程式碼提示功能，如今，DreamWeaver CS4也提供了此功能，當我們建立JavaScript內建物件時，它已經可以進行程式碼提示了。
除此之外，DreamWeaver CS4 還提供了對程式碼錯誤的提示，當程式碼出現錯誤，將在視窗頂端有一個黃色的提示條，同時在程式碼左側行號處標識。
三、對第三方JavaScript函式庫的支援。
上述的Aptana同時提供對多種JavaScript的第三方類別庫，如Prototype、jQuery、YUI、ExtJS等的支持，DreamWeaver CS4也同樣提供了，我們首先引入一個Prototype庫，然後透過輸入new Ajax.，試圖建構一個Ajax的應用，此時DreamWeave CS4給了Ajax類別成員方法的程式碼提示。
文章出處:http://www.hanguofeng.cn/archives/web-client/dreamweaver-cs4-new-feture-javascript