您的位置首页百科知识

如何使用HTML5技术开发Hybrid App

如何使用HTML5技术开发Hybrid App

的有关信息介绍如下:

如何使用HTML5技术开发Hybrid App

目前基于HTML5的跨移动平台特性开发移动应用渐成移动开发主流,本经验贴分享如何综合运用HTML5、CSS3、Javascript、响应式设计、PhoneGap插件开发等开发Hybrid App。

设计师使用Photoshop CS6设计出APP所需的设计图

获得设计图之后,使用Photoshop或是Fireworks CS6进行切图。

完成切图之后,就可以开始网页开发工作了,现在最流行的网页开发工具Dreamweaver cs6。

使用HTML5组织网页的结构,使用div以及HTML5的语义化标签将网页的整个结构搭建起来。

使用CSS或更其最新版本CSS3对HTML的样式进行美化,主要控制其颜色、尺寸、背景等

网站或是APP所需要的特效或是功能实现主要通过Javascript来实现。

网站或是APP要在不同的平台和屏幕分辨率上都有很好的显示,要使用响应式设计,其主要的内容是使用CSS3的媒体查询以及流式布局、rem等。

在网站页面和功能都实现之后,需要使用phonegap这个中间件在原生开发环境下打包。

打包成Android应用程序,需要下载Android开发工具,现在,有两种选择,一是原先的Eclipse for Android 第2种是使用Android Studio。

打包成IOS应用程序,需要在苹果开发环境下安装Xcode,Xcode 是运行在操作系统Mac OS X上的集成开发工具(IDE),由苹果公司开发。Xcode是开发OS X 和 iOS 应用程序的最快捷的方式。Xcode 具有统一的用户界面设计,编码、测试、调试都在一个简单的窗口内完成。