adobe官方Dreamweaver cs5.5教程:http://www.adobe.com/cn/devnet/dreamweaver/articles/phonegap-mobile-app-pt2.html
本方是使用Dreamweaver CS6,官方教程:http://helpx.adobe.com/cn/dreamweaver/using/packaging-web-apps.html
一、使用Dreamweaver新建一個jquery mobile 移動站點
1.安裝DW CS6
2.下載Android SDK
3.配置PhoneGap
在菜單的站點”>“PhoneGap Build 服務”>“PhoneGap Build 設置 SDK的路徑(第二步中下載后的路徑)

3.新建DEMO
首先在菜單的站點 > 新建站點

然后新建index.html首頁文件
菜單文件 > 新建 選擇左邊的示例中的頁 -> 右側選擇 mobile 起始頁 -> jQueryMobile 本地

新建好后保存文件,這個相關的資源會保存剛起的站點根本目下面,便於后面打包apk

這里點工具欄上的實時視圖就能看到頁面效果了。

到這一步就已經算是用Dreamweaver CS6新建好了一個DEMO,可以直接上傳到服務器通過URL訪問這個站點了。當然這樣並不是本文要講的APP方式。下面該PhoneGap出場了。
二、使用 PhoneGap Build 將 Web 應用程序作為本機移動應用程序進行打包
官方說明參考:http://helpx.adobe.com/cn/dreamweaver/using/packaging-web-apps.html
1.登陸PhoneGap
選擇“站點”>“PhoneGap Build 服務”>“PhoneGap Build 服務”。

登陸成功后Dreamweaver 將 ProjectSettings 文件添加到站點的根中。此文件非常重要,因為 PhoneGap Build 服務將使用該文件跟蹤應用程序。Dreamweaver 還會將 config.xml 文件添加到站點的根中。雙擊此簡單的 XML 文件打開它.XML配置DOCS參考:https://build.phonegap.com/docs/config-xml
2.打包生成APK
選擇創建新項目后點繼續就會出現下面的打包界面。按鈕第一次可能是灰色的不能使用,先點一下重新生成,比如生成android的apk包,點重新生成后,點箭頭向下的按鈕就會另存為apk包了。前面向左的按鈕是會啟動android sdk里面的模擬器來運行DEMO.這里我是使用360手機助手安裝的,先啟動模擬器,手機插上電腦,雙擊生成的apk包,就會提示安裝。

