使用Dreamweaver cs6開發移動應用

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

一、純網頁開發：

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

二、基於Web的僞本地應用：

Web程序被打包成本地應用安裝在移動終端。好比生成Android的APK安裝包，能夠發佈在各大Market市場。優勢是理論上能夠訪問終端幾乎全部API，可是須要移動中間件的支持。咱們目前主要討論這種開發方式，關注並研究移動中間件PhoneGap。

相關技術介紹

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

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

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

二、Sencha Touch

支持平臺相對很少 iPhone、Android和黑莓，可是功能強悍，能夠簡單當作Ext在移動設備的移植版本，若是你熟悉Ext框架會用起來很是順手。像偶這樣不喜歡寫 div 佈局頁面的程序員比較喜歡，由於純JavaScript搞定頁面佈局，豐富的組件支持，華麗的頁面效果，可是須要考慮性能問題。

三、jQuery Mobile

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

   

安裝Dreamweaver cs6

早期Dreamweaver 版本，如Dreamweaver 8,Dreamweaver cs3，Dreamweaver cs4，,都不支持

移動網頁開發。

   Dreamweaver cs6有新功能，對商業，移動網頁有很大的支持，並且Dreamweaver cs6已經升級到Dreamweaver cc,

、安裝 Android SDK

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

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

三、本機應用程序配置

該步驟設置應用程序名稱、做者姓名、應用ID和啓動虛擬機。點擊「站點-》移動應用程序-》應用程序設置

填寫完後，點擊「管理AVD」，在彈出的對話框中，點擊右面的「Start-》Launch」按鈕，開始啓動Android虛擬機，可能比較慢，出現界面：

   Dreamweaver cs6有新功能，對商業，移動網頁有很大的支持，並且Dreamweaver cs6已經升級到Dreamweaver cc,

   

開始實踐：開發第一個移動應用

一、生成DEMO應用

新建站點「HelloAndroid」，而後點擊菜單「文件-》新建」圖：

確認建立後，保存文件名爲「index.html」，在彈出對話框中按「確認-》複製」按鈕，而後點擊「站點-》移動應用程序-》生成和模擬-》Android」等待程序打包發佈到虛擬機吧，發佈完成後，請查看虛擬機出現程序界面：

end

OK，大功告成