搭建Dreamweaver集成移動開發環境前需要了解移動Web開發。移動Web開發顧名思義用傳統Web技術(Html,JavaScript)開發移動應用，目前有兩種方式：

1、純網頁開發：

用戶通過在瀏覽器中輸入網址訪問，利用HTML5技術可以做到離線存儲、地理位置跟蹤等，缺點無法訪問終端本地API，如：攝像頭、文件系統、手機聯系人等。

2、基于Web的偽本地應用：

Web程序被打包成本地應用安裝在移動終端。比如生成Android的APK安裝包，可以發布在各大Market市場。優點是理論上可以訪問終端幾乎所有API，但是需要移動中間件的支持。我們目前主要討論這種開發方式，關注并研究移動中間件PhoneGap。

相關技術介紹

1、移動Web開發總體架構，按照程序執行順序：

移動Web UI框架(Sencha Touch、jQuery Mobile等) -> 移動中間件(PhoneGap) -> 操作系統(Android、iOS、BlackBerry、Symbian、webOS)。

從左到右，表示程序執行過程中，框架所處的位置，PhoneGap處于頁面和操作系統之間。

2、Sencha Touch

支持平臺相對不多 iPhone、Android和黑莓，但是功能強悍，可以簡單看成Ext在移動設備的移植版本，如果你熟悉Ext框架會用起來非常順手。像偶這樣不喜歡寫 div 布局頁面的程序員比較喜歡，因為純JavaScript搞定頁面布局，豐富的組件支持，華麗的頁面效果，但是需要考慮性能問題。

3、jQuery Mobile

Dreamweaver集成該框架和PhoneGap，該組合是前端開發人員最易入手的移動應用開發平臺，jQuery Mobile支持很多平臺 iOS、Android、Windows Phone 、Blackberr、Symbian 等。#p#

搭建開發環境

1、關于Dreamweaver版本

請確認版本是Dreamweaver CS5.5 版本號11.5，若已安裝CS5.5但是版本號低于11.5，請移步至本站QQ群171559941下載升級包，否則Android SDK無法安裝。

2、安裝 Android SDK

該步驟安裝Android模擬器，程序可在模擬器中運行。點擊“站點-》移動應用程序-》配置應用程序框架”，彈出對話框見下圖：

選擇安裝路徑，點擊“簡易安裝”，等待安裝完成提示。

3、本機應用程序配置

該步驟設置應用程序名稱、作者姓名、應用ID和啟動虛擬機。點擊“站點-》移動應用程序-》應用程序設置”，彈出對話框見下圖：

填寫完后，點擊“管理AVD”，在彈出的對話框中，點擊右面的“Start-》Launch”按鈕，開始啟動Android虛擬機，可能比較慢，直到出現下面界面：

#p#

開發第一個移動應用

1、生成DEMO應用

新建站點“HelloAndroid”，然后點擊菜單“文件-》新建”，見下圖

確認創建后，保存文件名為“index.html”，在彈出對話框中按“確認-》復制”按鈕，然后點擊“站點-》移動應用程序-》生成和模擬-》Android”等待程序打包發布到虛擬機吧，發布完成后，請查看虛擬機出現程序界面：