駱海玉

摘要：隨著計(jì)算機(jī)信息網(wǎng)絡(luò)的迅速發(fā)展，手機(jī)應(yīng)用越來(lái)越普遍，這就使得計(jì)算機(jī)網(wǎng)頁(yè)編程，逐漸的從傳統(tǒng)的網(wǎng)頁(yè)更深層次的延伸到了移動(dòng)手機(jī)應(yīng)用的開(kāi)發(fā)，本文就我們熟知的Dreamweaver CS5.5環(huán)境下，配置PhoneGap移動(dòng)開(kāi)發(fā)環(huán)境，做了詳細(xì)的講解，讓普通的程序員能夠輕松掌握移動(dòng)開(kāi)發(fā)環(huán)境的配置及運(yùn)用。

關(guān)鍵詞：Dreamweaver PhoneGap 移動(dòng)開(kāi)發(fā)

中圖分類號(hào)：TP31 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1007-9416（2016）05-0000-00

1 搭建開(kāi)發(fā)環(huán)境

（1）Dreamweaver環(huán)境配置：首先安裝Dreamweaver CS5.5，注意版本號(hào)需要是11.5以上，如果版本低的話，請(qǐng)卸載后重新下載安裝。

（2）配置Android SDK軟件開(kāi)發(fā)工具包，Android SDK采用了Java語(yǔ)言，所以需要先安裝JDK 5.0及以上版本。直接下載jdk安裝文件安裝更為方便，Android SDK不用安裝，下載后，直接解壓即可，將下載后的SDK的壓縮包解壓到適當(dāng)?shù)奈恢?，安裝后圖1所示。

然后在Dreamweaver CS5.5頂部菜單欄中選擇“站點(diǎn)->移動(dòng)應(yīng)用程序->配置應(yīng)用程序框架”，彈出配置應(yīng)用程序框架對(duì)話框，選擇我們以前安裝Android SDK路徑，選擇Android SDK文件，保存退出。如圖2所示。

（3）設(shè)置站點(diǎn)應(yīng)用程序：首先打開(kāi)“站點(diǎn)->新建站點(diǎn)”，輸入該站點(diǎn)的名稱，配置站點(diǎn)文件路徑，保存后退出。如圖3所示。

然后點(diǎn)擊“站點(diǎn)->移動(dòng)應(yīng)用程序->應(yīng)用程序設(shè)置”，打開(kāi)本機(jī)應(yīng)用程序設(shè)置對(duì)話框。設(shè)置應(yīng)用程序相關(guān)信息后保存，如圖4所示。

填寫相關(guān)的選項(xiàng)，比如應(yīng)用程序的名稱，作者的姓名，及版本號(hào)，以及程序的的保存路徑。目標(biāo)操作系統(tǒng)版本選擇DW_AVD。（如圖5）

2 下面我面開(kāi)發(fā)一個(gè)移動(dòng)的應(yīng)用程序

（1）配置完成了環(huán)境，我們打開(kāi)Dreamweavercs5.5中菜單，選擇文件，點(diǎn)擊新建，選擇“示例中的頁(yè)->Mobile起始頁(yè)->jQuery Mobile（PhoneGap）”，點(diǎn)擊創(chuàng)建，就可以創(chuàng)建一個(gè)移動(dòng)的應(yīng)用程序。如圖6所示。

（2）將文件另存為我們需要保存的文件夾中的文件index.html，保存文件后，就會(huì)彈出對(duì)話框“復(fù)制相關(guān)文件”，點(diǎn)擊“復(fù)制”按鈕即可。如圖7所示

（3）發(fā)布虛擬機(jī)，我們選擇頂部菜單“站點(diǎn)->移動(dòng)應(yīng)用程序->生成和模擬->Android”，就可以發(fā)布了。如圖8、圖9所示。

至此，我們?cè)贒reamweaver CS5.5環(huán)境下，配置的PhoneGap移動(dòng)開(kāi)發(fā)環(huán)境已經(jīng)完成，學(xué)習(xí)開(kāi)發(fā)過(guò)程中，會(huì)遇到各種各樣的問(wèn)題，需要我們?nèi)ゲ粩嗟奶剿?，開(kāi)發(fā)出我們需要的移動(dòng)應(yīng)用程序，順應(yīng)網(wǎng)絡(luò)信息時(shí)代計(jì)算機(jī)編程的需求。