使用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，大功告成