iOS Web应用开发

第1章 移动触摸设备的新思路

1.1 为什么要选择移动互联网

1.1.1 从桌面端到移动端

1.1.2 移动市场

1.1.3 为何现在就进军移动领域

1.1.4 面向移动的做法

1.1.5 面向移动的指南

1.2 Apple的移动设备硬件

1.3 小结

第2章 为iOS设备打造的敏捷项目

2.1 实现移动信息架构

2.1.1 信息架构及其重要性

2.1.2 遵循移动策略的黄金法则

2.1.3 纯内容标注法

2.1.4 使用站点导航图来表现信息架构

2.1.5 使用线框图草拟信息架构

2.1.6 通过原型将交互可视化

2.2 移动设计的系统方法

2.2.1 苹果设备的可访问性

2.2.2 iOS设备的可用性

2.2.3 iPhone页面模型

2.2.4 iPhone用户界面

2.2.5 iPad块模型

2.2.6 iPad用户界面

2.2.7 用于苹果移动设计的工具

2.3 小结

第3章 针对iOS设备的Web开发

3.1 Web开发工具

3.1.1 开发框架

3.1.2 移动网站

3.2 移动应用

3.3 Web开发模型

3.3.1 Web开发模型的优缺点

3.3.2 开发Web应用的四种方法

3.3.3 Web应用和原生应用在用户眼中的区别

3.3.4 Web标准：HTML、CSS及JavaScript

3.3.5 浏览器对标准的支持情况：WebKit和Safari

3.4 SDK开发模型

3.4.1 苹果的Objective-C、Cocoa Touch以及Xtools模型

3.4.2 我是一台Mac电脑

3.4.3 用于苹果移动开发的工具和框架

3.5 小结

第4章 针对iOS设备的用户界面设计

4.1 用户界面设计

4.1.1 什么是界面

4.1.2 万物皆界面

4.1.3 负空间

4.1.4 色彩心理学

4.1.5 界面层次

4.1.6 阅读模式

4.1.7 用户界面设计流程

4.2 兼容iPhone和iPad的用户界面设计

4.2.1 调研

4.2.2 结构

4.2.3 美工

4.2.4 交互

4.2.5 可交付结果

4.3 iPad类原生用户界面设计

4.3.1 调研

4.3.2 结构

4.3.3 美工

4.3.4 交互

4.3.5 可交付结果

4.4 iPhone类原生用户界面设计

4.4.1 调研

4.4.2 结构

4.4.3 美工

4.4.4 交互

4.4.5 可交付结果

4.4.6 用于用户界面设计的工具

4.5 小结

第5章 iPhone用户界面设计：简化思维

5.1 草绘用户界面

5.2 简化思维

5.2.1 iPhone是随身携带的设备

5.2.2 iPhone页面模型的本质

5.2.3 iPhone的局限性

5.2.4 用户认知资源的本质

5.3 草绘剖析

5.4 使用工具来设计

5.4.1 探索Balsamiq Mockups界面

5.4.2 描绘关联性

5.5 使用Adobe Fireworks来设计

5.5.1 创建画布

5.5.2 整理图层

5.5.3 布局设计

5.5.4 界面设计

5.5.5 复用设计

5.5.6 用于用户界面设计的工具

5.6 小结

第6章 iPad用户界面设计：逆向思维

6.1 草绘用户界面

6.2 逆向思维

6.2.1 逆向简化

6.2.2 删减与优选

6.2.3 隐藏与改造

6.2.4 收缩与分组

6.2.5 “简单-复杂”悖论的关键点

6.2.6 草绘用户界面

6.3 使用工具进行设计

6.4 使用Adobe Fireworks来设计

6.4.1 iPad兼容版

6.4.2 iPad类原生版

6.4.3 用于用户界面设计的工具

6.5 小结

第7章 WebKit所支持的Web标准：充分发挥Mobile Safari的能力

7.1 iPhone和iPad的Web表现对比

7.2 HTML5

7.2.1 HTML5标记语法

7.2.2 HTML5重新定义过的标签

7.2.3 HTML5语义

7.2.4 HTML5媒体

7.3 CSS3

7.3.1 前缀

7.3.2 圆角边框

7.3.3 边框图片

7.3.4 渐变

7.3.5 盒子尺寸标准

7.3.6 盒子阴影

7.3.7 轮廓

7.3.8 背景尺寸

7.3.9 背景起点

7.3.10 多重背景

7.3.11 文字阴影

7.3.12 文本溢出

7.3.13 单词换行

7.3.14 线上字体

7.3.15 轻触高亮

7.3.16 多列布局

7.3.17 横跨多列

7.3.18 过渡

7.3.19 变换

7.3.20 动画

7.3.21 关键帧

7.3.22 倒影

7.4 JavaScript

7.4.1 在网页上添加JavaScript

7.4.2 JavaScript结构

7.4.3 数据类型分类

7.4.4 保留字

7.4.5 变量

7.4.6 运算符

7.4.7 条件语句

7.4.8 循环语句

7.4.9 函数

7.4.10 变量作用域

7.4.11 数组

7.4.12 字符串

7.4.13 对象

7.4.14 浏览器对象模型

7.4.15 文档对象模型

7.4.16 对比DOM和HTML结构

7.4.17 操作DOM

7.4.18 一些JavaScript的最佳实践

7.4.19 与Web标准有关的资源

7.5 小结

第8章 原生iOS环境开发

8.1 配置环境

8.2 视口的定义

8.3 全屏模式应用

8.4 添加主屏幕图标

8.5 应用启动图片

8.6 应用重定向

8.7 配置Head标签部分

8.8 原生链接模拟

8.9 原生文本模拟

8.10 原生元素模拟

8.11 原生滚动模拟

8.12 原生iOS服务交互

8.12.1 电话应用

8.12.2 邮件应用

8.12.3 短信应用

8.12.4 地图应用

8.13 触摸事件和手势交互

8.13.1 触摸事件模式：触摸并不是点击

8.13.2 原生及自定义的触摸事件处理

8.13.3 创建可触摸的设计元素

8.13.4 设备朝向变更事件

8.13.5 屏幕朝向变更的媒体查询

8.14 扩展iOS开发框架

8.15 用于编写代码的资源

8.16 小结

第9章 原生iOS设计实现

9.1 iPhone页面模型的实现

9.2 实现类原生的页面结构

9.3 iPhone原生界面模拟

9.3.1 顶部栏部分

9.3.2 页面标题元素

9.3.3 面包屑导航栏

9.3.4 宣传内容区

9.3.5 菜单区

9.3.6 页脚部分

9.4 小结

第10章 优化iOS Web应用

10.1 iPad和iPhone兼容性

10.2 性能优化

10.2.1 代码优化

10.2.2 图片优化

10.2.3 应用压缩

10.2.4 可用性优化

10.3 离线可用的Web应用

10.4 移动SEO

10.4.1 搜索引擎的结构

10.4.2 面向搜索引擎的设计

10.4.3 可用于优化和SEO的工具

10.5 小结

第11章 测试iOS Web应用

11.1 Web开发生命周期

11.2 Web应用测试

11.3 敏捷测试

11.4 热图测试

11.5 组织一次测试

11.5.1 创建用例

11.5.2 创建物料

11.6 执行测试

11.6.1 纸面原型图

11.6.2 电子原型

11.7 评估测试

11.8 评估的变量和反馈

11.8.1 点触次数

11.8.2 错误次数

11.8.3 预计完成时间

11.8.4 收集反馈

11.8.5 评估技术

11.9 测试所需资源

11.10 小结

第12章 深入挖掘iOS Web应用市场

12.1 利用你的移动策略

12.2 如何推广你的Web应用

12.2.1 利用Beta测试邀请测试者

12.2.2 利用新闻发布

12.2.3 创建Web应用的宣传网站

12.2.4 使用邮件营销

12.2.5 创建YouTube视频教程

12.2.6 提交到苹果Web应用门户

12.2.7 提交到其他Web应用门户网站

12.2.8 利用社交网络的传播力

12.3 让Web应用创造收益

12.4 Web应用市场上的资源

12.5 小结

第13章 从移动互联网展望普适计算

13.1 移动设备、无线网络及蜂窝通信的爆发

13.2 下一代触屏和多点触控技术的用户体验

13.3 新技术、新用途以及新机遇

13.4 多点触控屏幕革命会为下一代计算机带来怎样的改变

13.4.1 从家用到普适计算与环境智能

13.4.2 通信与普适计算资源

13.5 小结

索引

《图灵程序设计丛书·移动开发系列：iOS Web应用开发·运用HTML5、CSS3与JavaScript》的重点是使用HTML5、CSS3 及JavaScript等Web标准来为iOS做设计与开发，主题围绕为Apple移动设备设计界面和开发应用的完整流程而展开，并实现了一个名为“The Store”的真实用例。读者除了能从中学习相关Web标准、专有技术、工具以及一切有助于设计和开发的东西，还能亲身体验适用于所有面向移动项目的真实工作流程。
　　《图灵程序设计丛书·移动开发系列：iOS Web应用开发·运用HTML5、CSS3与JavaScript》适合那些准备设计或开发iOS用户界面或iOS Web应用（面向iPhone、iPod Touch及iPad）的读者阅读。