小苏子
小苏子PDF在线图书

HTML5移动应用开发入门经典 内容简介

HTML5移动应用开发入门经典 内容简介

HTML5移动应用开发入门经典 目录

HTML5移动应用开发入门经典 精彩文摘

《HTML5移动应用开发入门经典》总共分为24章,以示例的方式对如何使用HTML5及相关技术进行移动应用开发做了全面而细致的介绍。本书首先讲解了HTML5的起源以及它为什么适用于移动设备,然后讲解了HTML5的基本元素以及所做的改进、canvas(画布)、视音频、微格式、微数据、拖曳等新增特性,还讲解了WebSocket、Web Workers、Web存储、离线Web应用程序、地理定位等新增的API。同时,《HTML5移动应用开发入门经典》还针对不同平台(如iOS、BlackBerry、Android)的移动设备、不同的浏览器,就如何开发高可用性的移动应用程序进行了讲解。《HTML5移动应用开发入门经典》内容组织合理,示例丰富,操作步骤简洁明了,非常适合对移动应用开发感兴趣的读者阅读。对于有一定移动应用开发经验的读者,本书也具有很大的参考价值。第1章 使用HTML5改进移动Web应用的开发1.1 了解HTML5的由来1.1.1 XML及XHTML1.1.2 HTML5的诞生1.2 了解HTML5的不同之处1.3 定义Web应用1.4 使用开放Web标准1.5 在iOS和Android设备中使用HTML51.6 编写移动网站1.6.1 移动设备的屏幕尺寸和分辨率1.6.2 移动用户需要的内容1.6.3 使用的HTML、CSS及JavaScript是否有效且简洁1.6.4 网站是否需要为移动用户使用独立域名1.6.5 网站需要通过怎样的测试1.7 总结1.8 问与答1.9 测验1.9.1 问题1.9.2 练习第2章 移动开发中新的HTML5标签和属性2.1 HTML5中的新标签2.1.1 新布局标签2.1.2 其他语义元素2.1.3 新的多媒体标签2.1.4 新的表单功能2.1.5 更好的国际化支持2.2 HTML5的新属性2.3 HTML 4标签和属性的变化2.4 HTML5中的HTML语法变化2.5 HTML5标签及属性对移动设备的支持2.6 HTML5给移动Web开发带来的好处2.6.1 HTML5包含了性能优良的API2.6.2 HTML52.6.3 用户更青睐Web应用程序2.7 总结2.8 问与答2.9 测验2.9.1 问题2.9.2 练习第3章 用CSS3设计移动页面样式3.1 CSS简介3.1.1 创建CSS样式表3.1.2 使用CSS更改字体3.1.3 使用CSS设计布局3.2 CSS3的新增功能3.2.1 圆角3.2.2 盒阴影及文字阴影3.2.3 透明色3.3 在移动设备上使用CSS33.4 总结3.5 问与答3.6 测验3.6.1 问题3.6.2 练习第4章 移动设备检测及对HTML5的支持4.1 选择HTML5元素4.2 Android及iOS对HTML5的支持4.3 检测HTML5功能4.3.1 利用全局元素检测属性4.3.2 利用创建的元素检测属性4.3.3 检测方法能否返回正确的值4.3.4 检测元素是否保留值4.3.5 处理IE 8、IE 7和IE 64.4 优雅降级4.5 使用CSS3媒体查询检测移动浏览器4.5.1 检测宽度与高度4.5.2 检测屏幕方向4.5.3 检测屏幕纵横比4.5.4 检测颜色4.5.5 检测分辨率4.5.6 检测电视及网格设备4.6 测试应用程序4.7 总结4.8 问与答4.9 测验4.9.1 问题4.9.2 练习第5章 JavaScript和HTML5 Web应用程序5.1 JavaScript是什么5.1.1 创建rollover5.1.2 表单数据验证5.1.3 打开新窗口5.1.4 Cookies的设置及读取5.2 什么是jQuery5.2.1 使用jQuery制作rollover5.2.2 使用jQuery进行表单数据验证5.2.3 在Web应用程序中使用jQuery5.3 使用jQuery Mobile5.4 总结5.5 问与答5.6 测验5.6.1 问题5.6.2 练习第6章 创建移动Web应用6.1 建设一个在所有设备上都能运行的网站6.2 确定应用程序类型6.3 用HTML创建应用程序6.4 使用CSS改善HTML外观6.4.1 更改字体6.4.2 加入颜色及背景图像6.4.3 设置布局样式6.5 加入移动meta标签以更有效地创建HTML5页面6.6 针对移动用户来优化网站6.7 总结6.8 问与答6.9 测验6.9.1 问题6.9.2 练习第7章 将站点升级至HTML57.1 确定何时从HTML4升级及升级的具体方式7.1.1 现有标准的通行浏览器支持7.1.2 逐渐升级至HTML57.1.3 来访浏览器类型评估7.1.4 移动互联网浏览趋势7.2 当前启用的HTML5特性7.3 支持HTML5的浏览器7.4 将HTML5特性作为额外内容添加至网站7.5 将网站变为杀手级移动应用的HTML5特性7.6 总结7.7 问与答7.8 测验7.8.1 问题7.8.2 练习第8章 将Web应用迁移至移动设备8.1 选择Web编辑器8.2 应用程序测试8.3 内容评估8.4 为移动设备调整可视化的设计8.4.1 使用设计元素创建优秀的移动应用程序8.4.2 典型设计8.5 HTML5及CSS3检测8.5.1 多设备支持8.5.2 在其他设备上进行成品应用程序评估8.5.3 桌面模拟器8.5.4 在线模拟器8.6 旧式浏览器中运行应用程序8.7 总结8.8 问与答8.9 测验8.9.1 问题8.9.2 练习第9章 使用HTML5分节元素和语义元素添加语含义9.1 什么是分节元素9.2 使用新的分节元素9.2.1 使用分节元素生成大纲9.2.2 元素9.2.3 元素9.2.4 元素9.2.5 元素9.2.6 分节根元素9.2.7 Heading、Header以及Footer元素9.3 HTML语义标记9.3.1 HTML4语义元素9.3.2 更新HTML4元素的语义9.3.3 HTML5的新语义元素9.4 总结9.5 问与答9.6 测验9.6.1 问题9.6.2 练习第10章 使用HTML5 canvas元素绘图10.1 使用canvas元素10.2 在元素中绘制形状10.2.1 绘制矩形10.2.2 绘制多边形和线条10.2.3 绘制圆形10.3 在canvas上书写文字10.4 显示图像10.4.1 缩放和裁切图像10.4.2 添加图案10.5 canvas与SVG或Flash的区别10.6 总结10.7 问与答10.8 测验10.8.1 问题10.8.2 练习第11章 HTML5字体与排版11.1 定义排版元素11.1.1 字体11.1.2 间距11.1.3 断字符11.1.4 未对齐11.1.5 页首孤行和页尾孤行11.2 使用适当的排版字符实体11.2.1 引号11.2.2 商业标记11.2.3 高级符号11.3 了解开放字体格式11.3.1 通过@font-face使用WOFF11.3.2 为WOFF提供备选方案11.4 总结11.5 问与答11.6 测验11.6.1 问题11.6.2 练习第12章 HTML5的音频和视频12.1 HTML5视频、音频与Flash的比较12.2 选择兼容性最好的视频格式12.2.1 MP4或H.26412.2.2 ogg/Theora12.2.3 WebM12.3 选择拥有最广泛支持的音频编解码器12.3.1 MP312.3.2 Vorbis12.3.3 WAV12.4 HTML5的新媒体元素12.5 用于扩展媒体的属性12.5.1 音频及视频属性12.5.2 视频12.5.3 源属性12.5.4 track属性12.6 为IE创建回退选项12.7 使用API方法创建自定义播放控制器12.8 总结12.9 问与答12.10 测验12.10.1 问题12.10.2 练习第13章 HTML5表单13.1 可用性更强的HTML5表单13.1.1 占位符文本13.1.2 自动聚焦13.1.3 自动完成及数据列表13.2 HTML5输入类型13.2.1 数字类型13.2.2 日期和时间类型13.2.3 Email、URL、颜色和搜索框类型13.3 其他新表单元素13.3.1 密钥生成表单字段13.3.2 表单输出元素13.3.3 命令菜单列表13.4 表单验证13.5 总结13.6 问与答13.7 测验13.7.1 问题13.7.2 练习第14章 使用HTML5编辑内容和用户互动14.1 新的contenteditable属性14.2 execCommand方法14.3 在Web页面中添加拼写检查14.4 隐藏元素14.5 HTML5附加的UI组件14.6 UI以及编辑特性对浏览器的支持14.7 总结14.8 问与答14.9 测验14.9.1 问题14.9.2 练习第15章 微格式与微数据15.1 使用微格式15.1.1 微格式的好处15.1.2 使用微格式的原则15.1.3 正在使用的微格式15.2 使用微数据15.3 使用RDFa15.4 选择格式15.5 移动设备与微格式15.5.1 使用微格式或是微数据的理由15.5.2 两种非正式的微格式15.6 总结15.7 问与答15.8 测验15.8.1 问题15.8.2 练习第16章 使用HTML5的拖曳功能16.1 拖曳应用16.2 拖曳事件16.3 拖曳属性16.4 有用的CSS扩展16.5 创建拖曳接口16.5.1 定义可拖曳对象16.5.2 为可拖曳对象设置拖曳事件16.5.3 定义放置区16.5.4 设置拖曳区事件16.5.5 在对象间传递信息16.5.6 定义操作特效16.6 在iOS上使用拖曳16.6.1 让iOS上的元素变得可拖曳16.6.2 将iOS上的元素变为放置区16.7 总结16.8 问与答16.9 测验16.9.1 问题16.9.2 练习第17章 HTML5链接17.1 HTML5的链接的改进17.1.1 超链接及外联资源17.1.2 17.1.3 链接区块级元素17.1.4 占位符链接17.1.5 HTML5的热点图17.1.6 HTML5中新的全局属性17.2 链接类型和关系17.3 使用新的链接类型17.3.1 alternate链接类型17.3.2 author链接类型17.3.3 bookmark和external链接类型17.3.4 help、license、tag和search链接类型17.3.5 icon链接类型17.3.6 nofollow和noreferrer类型17.3.7 pingback类型17.3.8 prefetch类型17.3.9 previous和next链接类型17.3.10 sidebar链接类型17.3.11 stylesheet类型17.4 总结17.5 问与答17.6 测验17.6.1 问题17.6.2 练习第18章 Web应用程序API和数据集18.1 创建Web应用程序18.1.1 Web应用程序API18.1.2 脚本处理18.1.3 iOS中的单击事件18.1.4 计时器18.1.5 用户提示18.1.6 系统信息18.2 数据集和data-*属性18.3 总结18.4 问与答18.5 测验18.5.1 问题18.5.2 练习第19章 WebSocket、Web Workers和文件19.1 WebSocket双向通信19.1.1 WebSocket的安全隐患19.1.2 WebSocket的优点19.1.3 建立WebSocket19.2 使用Web Workers在后台运行脚本19.3 使用文件API操作客户端文件19.3.1 建立输入字段19.3.2 获取文件信息19.3.3 读取文件信息19.4 总结19.5 问与答19.6 测验19.6.1 问题19.6.2 练习第20章 离线Web应用程序20.1 创建离线应用程序以及让普通应用程序离线工作20.2 缓存清单20.2.1 使用缓存清单文件20.2.2 编写缓存清单20.3 将DOM事件和属性用于离线应用程序20.4 调试应用程序缓存20.5 总结20.6 问与答20.7 测验20.7.1 问题20.7.2 练习第21章 HTML5的Web存储21.1 什么是Web存储21.1.1 Web存储与Cookie的不同之处21.1.2 会话存储和本地存储21.1.3 使用Web存储21.2 Web SQL与Indexed DB21.2.1 Web SQL数据库21.2.2 Indexed Database API21.3 总结21.4 问与答21.5 测验21.5.1 问题21.5.2 练习第22章 利用History API控制浏览器历史记录22.1 控制浏览器历史的原因22.2 History API的方法22.3 使用History API22.3.1 使用History API保存当前位置22.3.2 使用History API改变URL22.4 使用History API的风险和麻烦22.4.1 History API只能在同一个域名下工作22.4.2 利用History API钓鱼22.4.3 烦人的动画URL22.5 总结22.6 问与答22.7 测验22.7.1 问题22.7.2 练习第23章 使用Geolocation添加地理位置检测23.1 Geolocation是什么23.1.1 使用地理定位23.1.2 使用Geolocation API23.1.3 使用其他定位数据选项23.1.4 旧式浏览器的回退选项23.2 隐私与地理位置23.3 创建一个移动地理定位的应用23.4 总结23.5 问与答23.6 测验23.6.1 问题23.6.2 练习第24章 将HTML5应用程序转换为原生应用程序24.1 HTML5应用程序与原生应用程序的区别24.1.1 原生应用程序的优点24.1.2 HTML5应用程序的优点24.2 转换到原生应用程序24.2.1 如何着手开始转换24.2.2 使用PhoneGap转换原生app24.3 创建应用程序图标24.4 测试应用程序24.5 在app商店出售应用程序24.6 原生应用程序并非唯一选择24.7 总结24.8 问与答24.9 测验24.9.1 问题24.9.2 练习附录A 测验答案附录B HTML5元素和属性附录C HTML5及移动应用资源问:内容太多怎么办?问:本章提到了许多不同的脚本和框架,哪一款是最好的呢?答:我在自己的一个网站中用到本章中提过的几乎所有脚本,我并不认为哪个脚本或框架更差。在框架方面,jQuery Mobile可能是最好的,但是SenchaTouch也很强大,而且它还提供许多设备专属特性。在脚本方面,Modemizr运行得最好,但是HTML5Shiv非常容易添加而且无须打理。应当尝试不同的脚本和框架,并自行决定最喜欢哪一款。如果用户填写完表单时还留下了一个空白字段,将出现一条错误信息。此类验证在移动设备上也能正常工作,如图5.2所示。5.2.3在Web应用程序中使用jQuery因为jQuery的易用性,它也十分适合用于开发Web应用程序。然而,易用性并非Web应用程序开发中所需要考虑的唯一原因——还有许多Javascript库都很好用。iQuery适合用于开发Web应用程序的原因如下。jQuery精炼了JaVaScript——使用jQuery的代码行数仅为JavaScript的大约五分之一,而Web应用程序,特别是移动设备应用程序应当非常小巧。iQuery有强大的浏览器支持一开发者们一直在持续升级jQuery库,以保证最大限度的浏览器支持,因此Web开发者不需要自己去研究解决所有的脚本跨浏览器问题。iQuery使用开发者熟悉的语法——熟悉CSS选择器用法的开发者都能够理解jQuery。

赞(0)
未经允许不得转载:小苏子图书 » HTML5移动应用开发入门经典 内容简介