用html5+css3开发webAPP项目基础知识分享

　　第一部分：用Html5+css3开发webapp的优势

 

　　1、跨平台 2、语义化更好 3、性能更优Android/iOS/windowsphone都对html5和css3提供了良好的支持。

 

　　2、引入渐变、圆角、阴影、半透明等新特性，为用户创建更轻量的页面和更丰富的体验。带来更好的网页的连通性、可搜索性、可操作性等Webview所用到的部分css3属性介绍box-flex、rgba、border-radius、border-image、box-shadow、text-shadow、multiplebackgrounds、background-size、gradient样式呈现使用css3属性可以生成内外阴影，透明度，渐变色，圆角等效果，而以往这些只能用图片来实现的。选择器css3增加了更多的CSS选择器，让选择元素变得越来越简，实现更简单但是更强大的功能。

 

　　3、学会利用html5的某些元素实现跨平台的效果。如HTML5 Canvas实现Loading加载动画。

 

　　第二部分：webapp的三大常用移动开发框架。

 

　　1、sencha touch

 

　　2、jquery moblie

 

　　3、PhoneGap

 

　　其他基于html5、css3开发的webapp 框架还有很多啊，比如Jingle UI，Mobello，Lungo.JS，appMobi等等。

 

　　第三部分：开发WebApp相应书籍推荐

 

　　1、Beginning iPhone and iPad Web Apps

 

　　2、Pro HTML5 and CSS3 Design Patterns

 

　　3、HTML5移动Web开发指南

 

　　《HTML5移动Web开发指南》主要围绕html5技术，讲述如何利用html5相关技术开发移动web网站和web app应用程序。《HTML5移动Web开发指南》共分为四大部分，第一部分主要讲述web技术的发展及html5标准在移动web技术中的应用；第二部 分主要介绍html5的新功能和新特性如何在移动设备浏览器中使用及相关展望；第三部分主要介绍目前比较流行的两套javascript移动开发框架 jquery mobile、sencha touch，以及phonegap，并配备丰富的例子作为实践；第四部分主要结合sencha touch框架库和html5技术构建进行讲解，旨在帮助读者将html5技术运用于实践之中。

 

　　4、HTML5秘籍

 

　　《HTML5秘籍》共包括四个部分，共12章。第一部分介绍了html5的发展历程，利用html5重新构造网页，以及html5的语义元素。第二部分介 绍了html5对传统web表单的翻新、html5中的音频与视频、canvas绘图技术、css3等内容。第三部分介绍了数据存储、离线应用、与web 服务器通信，以及html5与javascript技术的强大结合等内容。第四部分为附录，简单介绍了css和javascript。