Pilihou's Blog

搭建开发环境
1.Dreamweaver版本选择
确认Dreamweaver CS5.5版本号是11.5，内部版本5344以上，不是的话请升级你的版本。Adobe官网有的下，破解方法网上一大堆，主要是通过序列号+改hosts方法。
2.安装Android SDK
到官网下载Android SDK安装程序并安装好，安装后如图所示

然后在DW中选择“站点->移动应用程序->配置应用程序框架”，弹出对话框，在Android SDK路径中，点右侧的文件夹图标浏览到之前安装的Android SDK位置，然后点保存。如图所示（注：这里千万别点简易安装，如果点了话，它会把你原有Android SDK给删除了）


3.应用程序设置
首先点击“站点->新建站点”，输入你自己站点名称，以及本地站点文件夹路径，然后保存。如图所示

然后点击“站点->移动应用程序->应用程序设置”，打开本机应用程序设置对话框。设置应用程序相关信息后保存，如图所示

填写完成后，点击“管理AVD”，在弹出的Android Virtual Device Manager对话框中，选中列表中的DW_AVD，点击右侧的“Start->Launch”，开始启动Android虚拟机。

第一次打开速度比较慢，直到出现下图所示：（注：我的不知道什么原因点击“管理AVD”弹出的是Android SDK Manager对话框，上面步骤其实我是手动在Android SDK安装目录中打开的）

开发第一个移动应用
1.完成上述步骤之后，在Dreamweaver中点击“文件->新建”，在弹出的新建文档对话框中选择“示例中的页->Mobile起始页->jQuery Mobile(PhoneGap)”，然后点创建。如图所示

2.将文件另存为HelloWrold文件夹中的index.html，点“保存”。这时会弹出“复制相关文件”对话框，选择“复制”。如图所示

3.选择“站点->移动应用程序->生成和模拟->Android”来等待程序打包并发布到虚拟机。如图所示

发布后可能有人会出现“Dreamweaver无法在模拟器中打开XXX”的错误信息，如图所示。

具体原因我也不知道，但是我在Adobe论坛里找到了解决方案（http://forums.adobe.com/message/3997793）。
解决办法：
在Android SDK安装文件夹，打开tools/ant文件夹中的build.xml，找到之前加入下面两行：

<property name="out.packaged.file" location="${out.absolute.dir}/${ant.project.name}-debug-unaligned.apk" />
<property name="out.final.file" location="${out.absolute.dir}/${ant.project.name}-debug.apk" />

并保存。结果如图所示。

这里要注意：当你更新Android SDK时，这个文件会被覆盖，你要重新进行设置。
4.设置完上述步骤并重新生成和模拟，这时应该就可以了，会出现如图所示的成功信息及效果图。到这里就全部完成了。