移动Web实现指南 面向移动设备的网站优化、开发和设计PDF|Epub|txt|kindle电子书版本网盘下载

移动Web实现指南 面向移动设备的网站优化、开发和设计PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 移动化用户体验设计2

1.1 设备并没有移动，移动的是人2

1.2 移动＝正在做2

1.3 移动＝繁忙3

1.4 移动＝分心5

1.5 移动＝轻松7

1.6 移动＝任务10

1.7 与你的客户聊聊11

1.8 撰写用户故事12

1.9 将用户故事分解成设计需求14

1.10 创建带有优先级的用户任务分解表14

1.11 小结19

第2章 移动化页面布局22

2.1 标准化的页面布局已符合响应式了24

2.2 是什么固定了宽度25

2.3 使宽度不固定26

2.4 拖曳方块27

2.5 我们的网站30

2.6 小结42

项目访谈1 亚利桑那州立大学和MTV O Music Awards44

第3章 移动化导航56

3.1 表58

3.1.1 尺寸58

3.1.2 比例59

3.1.3 设计59

3.2 汽车界面59

3.2.1 尺寸60

3.2.2 位置61

3.2.3 数量和复杂性61

3.3 iOS应用程序界面62

3.3.1 计算器62

3.3.2 电话界面63

3.3.3 iPod64

3.4 那么现在……移动化导航设计66

3.4.1 HTML67

3.4.2 CSS67

3.4.3 移动网页CSS69

3.5 小结72

第4章 移动化图片74

4.1 图片移动化的整体分析76

4.2 内联图片76

4.2.1 有时候，移动化就意味着要变小76

4.2.2 而有的时候，移动化却意味着变大79

4.3 响应式图片栅格83

4.4 小结88

第5章 移动化文字90

5.1 使用以用户为中心的方法来移动化文字92

5.2 使用哪种单位：Point还是em92

5.2.1 标题部分93

5.2.2 正文：段落95

5.2.3 正文：副标题97

5.3 使用展示和隐藏100

5.3.1 HTML106

5.3.2 CSS107

5.3.3 JavaScript108

5.4 小结111

项目访谈2 波士顿环球报112

第6章 移动化表单124

6.1 移动化可以提升网页表单的用户体验126

6.2 Input类型127

6.2.1 input type＝“text”128

6.2.2 input type＝“email”130

6.2.3 input type＝“url”132

6.2.4 input type＝“tel”133

6.2.5 Select134

6.3 小结138

第7章 移动化社交媒体140

7.1 大部分社会化媒体可以提供“免费”的移动改造142

7.2 Twitter143

7.3 Facebook145

7.4 Google＋147

7.5 Quora149

7.6 LinkedIn＋151

7.7 YouTube154

7.8 与社交化网站连接156

7.9 小结160

第8章 移动化内容策略162

8.1 事先对移动环境的理解，会带来更好的内容策略164

8.2 移动化设计为你做好可用性评估的准备165

8.3 可用性评估是优秀内容策略的第一步166

8.3.1 网站说了什么167

8.3.2 网站是如何组织的168

8.4 内容策略的制定为你的第一个移动化设计做好准备168

8.4.1 从移动滞后转变为移动先行169

8.4.2 任务清单和策略化的内容也要前置169

8.5 小结170

项目访谈3 洲际酒店集团网站172

第9章 更多移动化改造的方法：JQuery Mobile182

9.1 jQuery Mobile网页框架184

9.2 jQuery Mobile的优点和不足185

9.3 网页头部186

9.4 主体区域和顶栏187

9.5 导航189

9.6 工具栏和按钮192

9.7 模态对话框菜单194

9.8 表单197

9.9 横屏模式198

9.10 小结199

第10章 更多移动化方法：设备检测和PHP引用202

10.1 什么是PHP204

10.2 使用PHP206

10.2.1 修改你的HTML文件206

10.2.2 设置移动屏幕和完整屏幕按钮的CSS样式210

10.2.3 添加PHP引用213

10.2.4 设备探测215

10.2.5 完整网站和移动版的PHP引用217

10.2.6 一些特殊的CSS219

10.3 小结221

10.4 总结221