搭建Dreamweaver集成移動(dòng)開發(fā)環(huán)境
搭建Dreamweaver集成移動(dòng)開發(fā)環(huán)境前需要了解移動(dòng)Web開發(fā)。移動(dòng)Web開發(fā)顧名思義用傳統(tǒng)Web技術(shù)(Html,JavaScript)開發(fā)移動(dòng)應(yīng)用，目前有兩種方式：
1、純網(wǎng)頁開發(fā)：
用戶通過在瀏覽器中輸入網(wǎng)址訪問，利用HTML5技術(shù)可以做到離線存儲(chǔ)、地理位置跟蹤等，缺點(diǎn)無法訪問終端本地API，如：攝像頭、文件系統(tǒng)、手機(jī)聯(lián)系人等。
2、基于Web的偽本地應(yīng)用：
Web程序被打包成本地應(yīng)用安裝在移動(dòng)終端。比如生成Android的APK安裝包，可以發(fā)布在各大Market市場。優(yōu)點(diǎn)是理論上可以訪問終端幾乎所有API，但是需要移動(dòng)中間件的支持。我們目前主要討論這種開發(fā)方式，關(guān)注并研究移動(dòng)中間件PhoneGap。
相關(guān)技術(shù)介紹
1、移動(dòng)Web開發(fā)總體架構(gòu)，按照程序執(zhí)行順序：
移動(dòng)Web UI框架(Sencha Touch、jQuery Mobile等) -> 移動(dòng)中間件(PhoneGap) -> 操作系統(tǒng)(Android、iOS、BlackBerry、Symbian、webOS)。
從左到右，表示程序執(zhí)行過程中，框架所處的位置，PhoneGap處于頁面和操作系統(tǒng)之間。
支持平臺(tái)相對不多 iPhone、Android和黑莓，但是功能強(qiáng)悍，可以簡單看成Ext在移動(dòng)設(shè)備的移植版本，如果你熟悉Ext框架會(huì)用起來非常順手。像偶這樣不喜歡寫 div 布局頁面的程序員比較喜歡，因?yàn)榧僇avaScript搞定頁面布局，豐富的組件支持，華麗的頁面效果，但是需要考慮性能問題。
Dreamweaver集成該框架和PhoneGap，該組合是前端開發(fā)人員最易入手的移動(dòng)應(yīng)用開發(fā)平臺(tái)，jQuery Mobile支持很多平臺(tái) iOS、Android、Windows Phone 、Blackberr、Symbian 等。#p#
搭建開發(fā)環(huán)境
1、關(guān)于Dreamweaver版本
請確認(rèn)版本是Dreamweaver CS5.5 版本號11.5，若已安裝CS5.5但是版本號低于11.5，請移步至本站QQ群171559941下載升級包，否則Android SDK無法安裝。
2、安裝 Android SDK
該步驟安裝Android模擬器，程序可在模擬器中運(yùn)行。點(diǎn)擊“站點(diǎn)-》移動(dòng)應(yīng)用程序-》配置應(yīng)用程序框架”，彈出對話框見下圖：
選擇安裝路徑，點(diǎn)擊“簡易安裝”，等待安裝完成提示。
3、本機(jī)應(yīng)用程序配置
該步驟設(shè)置應(yīng)用程序名稱、作者姓名、應(yīng)用ID和啟動(dòng)虛擬機(jī)。點(diǎn)擊“站點(diǎn)-》移動(dòng)應(yīng)用程序-》應(yīng)用程序設(shè)置”，彈出對話框見下圖：
填寫完后，點(diǎn)擊“管理AVD”，在彈出的對話框中，點(diǎn)擊右面的“Start-》Launch”按鈕，開始啟動(dòng)Android虛擬機(jī)，可能比較慢，直到出現(xiàn)下面界面：
#p#開發(fā)第一個(gè)移動(dòng)應(yīng)用
1、生成DEMO應(yīng)用
新建站點(diǎn)“HelloAndroid”，然后點(diǎn)擊菜單“文件-》新建”，見下圖
確認(rèn)創(chuàng)建后，保存文件名為“index.html”，在彈出對話框中按“確認(rèn)-》復(fù)制”按鈕，然后點(diǎn)擊“站點(diǎn)-》移動(dòng)應(yīng)用程序-》生成和模擬-》Android”等待程序打包發(fā)布到虛擬機(jī)吧，發(fā)布完成后，請查看虛擬機(jī)出現(xiàn)程序界面：
