iOS Web应用开发：运用HTML5、CSS3与JavaScript

《iOS Web应用开发：运用HTML5、CSS3与JavaScript》

基本信息

原书名：Pro iOS web design and development:HTML5, CSS3, and javaScript with safari

作者： (美)Andrea Picchi

译者：罗晴明

丛书名：图灵程序设计丛书

出版社：人民邮电出版社

ISBN：9787115323217

上架时间：2013-7-15

出版日期：2013 年8月

开本：16开

页码：1

版次：1-1

所属分类：计算机 > 软件与程序设计 > 网络编程 > HTML

计算机 > 数码/设计 > CSS

计算机 > 软件与程序设计 > 网络编程 > javascript

更多关于》》》《iOS Web应用开发：运用HTML5、CSS3与JavaScript》

内容简介

计算机书籍

《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）的读者阅读。

《ios web应用开发：运用html5、css3与javascript》介绍了如何使用web标准技术来为iphone和ipad制作web应用。书中利用最前沿的web和移动技术，演示了如何使用html5来完成繁重的基础工作，如何使用css3来制作外观，以及如何使用javascript来为移动网站或web应用添加程序逻辑。

通过阅读本书，读者可以掌握面向移动的项目的开发流程。作者逐章递进，引导读者了解ios设计与开发的各个步骤。读者可以学习到如下知识：

设计针对iphone、ipad和ipod touch而优化的网站；

在苹果的主要平台上使用web标准技术开发专业的网站，并了解这对网页开发者及设计师的重要性；

充分利用苹果的多点触控屏幕技术，为web应用实现最佳的用户体验及可访问性；

为移动网站和web应用执行可用性测试；

定义为移动开发而优化的敏捷项目流程；

ui设计中认知方法的运用，如感知规律、色彩心理学以及正负空间所蕴含的理念等。

《ios web应用开发：运用html5、css3与javascript》将帮助读者交付丰富的、面向触摸的移动用户体验。掌握了本书所介绍的概念和技术后，读者就可以在设计师或工程师的道路上更进一步，创造出精彩的ios移动项目！

《ios web应用开发：运用html5、css3与javascript》

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

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

1.1.1 从桌面端到移动端　　1

1.1.2 移动市场　　3

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

1.1.4 面向移动的做法　　4

1.1.5 面向移动的指南　　5

1.2 apple的移动设备硬件　　6

1.3 小结　　6

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

2.1 实现移动信息架构　　7

2.1.1 信息架构及其重要性　　8

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

2.1.3 纯内容标注法　　17

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

架构　　18

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

2.1.6 通过原型将交互可视化　　22

2.2 移动设计的系统方法　　24

.2.2.1 苹果设备的可访问性　　25

2.2.2 ios设备的可用性　　28

2.2.3 iphone页面模型　　32

2.2.4 iphone用户界面　　33

2.2.5 ipad块模型　　35

2.2.6 ipad用户界面　　37

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

2.3 小结　　39

第3章针对ios设备的web开发　　41

3.1 web开发工具　　41

3.1.1 开发框架　　42

3.1.2 移动网站　　48

3.2 移动应用　　49

3.3 web开发模型　　50

3.3.1 web开发模型的优缺点　　50

3.3.2 开发web应用的四种方法　　54

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

3.3.4 web标准：html、css及javascript　　59

3.3.5 浏览器对标准的支持情况：webkit和safari　　86

3.4 sdk开发模型　　92

3.4.1 苹果的objective-c、cocoa touch以及xtools模型　　93

3.4.2 我是一台mac电脑　　95

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

3.5 小结　　96

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

4.1 用户界面设计　　97

4.1.1 什么是界面　　98

4.1.2 万物皆界面　　100

4.1.3 负空间　　105

4.1.4 色彩心理学　　110

4.1.5 界面层次　　117

4.1.6 阅读模式　　118

4.1.7 用户界面设计流程　　125

4.2 兼容iphone和ipad的用户界面设计　　127

4.2.1 调研　　128

4.2.2 结构　　130

4.2.3 美工　　133

4.2.4 交互　　133

4.2.5 可交付结果　　134

4.3 ipad类原生用户界面设计　　135

4.3.1 调研　　135

4.3.2 结构　　135

4.3.3 美工　　136

4.3.4 交互　　137

4.3.5 可交付结果　　138

4.4 iphone类原生用户界面设计　　138

4.4.1 调研　　138

4.4.2 结构　　138

4.4.3 美工　　139

4.4.4 交互　　140

4.4.5 可交付结果　　141

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

4.5 小结　　142

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

5.1 草绘用户界面　　143

5.2 简化思维　　143

5.2.1 iphone是随身携带的设备　　144

5.2.2 iphone页面模型的本质　　144

5.2.3 iphone的局限性　　144

5.2.4 用户认知资源的本质　　144

5.3 草绘剖析　　145

5.4 使用工具来设计　　147

5.4.1 探索balsamiq mockups界面　　148

5.4.2 描绘关联性　　149

5.5 使用adobe fireworks来设计　　150

5.5.1 创建画布　　151

5.5.2 整理图层　　152

5.5.3 布局设计　　152

5.5.4 界面设计　　153

5.5.5 复用设计　　158

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

5.6 小结　　160

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

6.1 草绘用户界面　　161

6.2 逆向思维　　161

6.2.1 逆向简化　　162

6.2.2 删减与优选　　163

6.2.3 隐藏与改造　　164

6.2.4 收缩与分组　　165

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

6.2.6 草绘用户界面　　166

6.3 使用工具进行设计　　168

6.4 使用adobe fireworks来设计　　174

6.4.1 ipad兼容版　　174

6.4.2 ipad类原生版　　183

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

6.5 小结　　191

第7章 webkit所支持的web标准：充分发挥mobile safari的能力　　192

7.1 iphone和ipad的web表现对比　　192

7.2 html5　　192

7.2.1 html5标记语法　　193

7.2.2 html5重新定义过的标签　　194

7.2.3 html5语义　　195

7.2.4 html5媒体　　197

7.3 css3　　217

7.3.1 前缀　　217

7.3.2 圆角边框　　218

7.3.3 边框图片　　218

7.3.4 渐变　　219

7.3.5 盒子尺寸标准　　219

7.3.6 盒子阴影　　220

7.3.7 轮廓　　220

7.3.8 背景尺寸　　221

7.3.9 背景起点　　221

7.3.10 多重背景　　222

7.3.11 文字阴影　　222

7.3.12 文本溢出　　223

7.3.13 单词换行　　223

7.3.14 线上字体　　224

7.3.15 轻触高亮　　224

7.3.16 多列布局　　225

7.3.17 横跨多列　　225

7.3.18 过渡　　226

7.3.19 变换　　226

7.3.20 动画　　228

7.3.21 关键帧　　230

7.3.22 倒影　　230

7.4 javascript　　231

7.4.1 在网页上添加javascript　　232

7.4.2 javascript结构　　233

7.4.3 数据类型分类　　234

7.4.4 保留字　　235

7.4.5 变量　　236

7.4.6 运算符　　238

7.4.7 条件语句　　239

7.4.8 循环语句　　241

7.4.9 函数　　242

7.4.10 变量作用域　　243

7.4.11 数组　　244

7.4.12 字符串　　245

7.4.13 对象　　246

7.4.14 浏览器对象模型　　247

7.4.15 文档对象模型　　248

7.4.16 对比dom和html结构　　249

7.4.17 操作dom　　250

7.4.18 一些javascript的最佳实践　　253

7.4.19 与web标准有关的资源　　253

7.5 小结　　254

第8章原生ios环境开发　　255

8.1 配置环境　　255

8.2 视口的定义　　256

8.3 全屏模式应用　　258

8.4 添加主屏幕图标　　259

8.5 应用启动图片　　260

8.6 应用重定向　　261

8.7 配置head标签部分　　262

8.8 原生链接模拟　　263

8.9 原生文本模拟　　263

8.10 原生元素模拟　　264

8.11 原生滚动模拟　　265

8.12 原生ios服务交互　　265

8.12.1 电话应用　　265

8.12.2 邮件应用　　266

8.12.3 短信应用　　267

8.12.4 地图应用　　267

8.13 触摸事件和手势交互　　268

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

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

8.13.3 创建可触摸的设计元素　　273

8.13.4 设备朝向变更事件　　274

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

8.14 扩展ios开发框架　　276

8.15 用于编写代码的资源　　278

8.16 小结　　278

第9章原生ios设计实现　　279

9.1 iphone页面模型的实现　　279

9.2 实现类原生的页面结构　　279

9.3 iphone原生界面模拟　　280

9.3.1 顶部栏部分　　280

9.3.2 页面标题元素　　282

9.3.3 面包屑导航栏　　284

9.3.4 宣传内容区　　285

9.3.5 菜单区　　288

9.3.6 页脚部分　　290

9.4 小结　　292

第10章优化ios web应用　　293

10.1 ipad和iphone兼容性　　293

10.2 性能优化　　293

10.2.1 代码优化　　294

10.2.2 图片优化　　297

10.2.3 应用压缩　　300

10.2.4 可用性优化　　301

10.3 离线可用的web应用　　305

10.4 移动seo　　308

10.4.1 搜索引擎的结构　　309

10.4.2 面向搜索引擎的设计　　309

10.4.3 可用于优化和seo的工具　　315

10.5 小结　　316

第11章测试ios web应用　　317

11.1 web开发生命周期　　317

11.2 web应用测试　　318

11.3 敏捷测试　　318

11.4 热图测试　　320

11.5 组织一次测试　　321

11.5.1 创建用例　　321

11.5.2 创建物料　　324

11.6 执行测试　　325

11.6.1 纸面原型图　　326

11.6.2 电子原型　　328

11.7 评估测试　　328

11.8 评估的变量和反馈　　329

11.8.1 点触次数　　330

11.8.2 错误次数　　330

11.8.3 预计完成时间　　331

11.8.4 收集反馈　　332

11.8.5 评估技术　　333

11.9 测试所需资源　　335

11.10 小结　　335

第12章深入挖掘ios web应用市场　　337

12.1 利用你的移动策略　　337

12.2 如何推广你的web应用　　337

12.2.1 利用beta测试邀请测试者　　338

12.2.2 利用新闻发布　　339

12.2.3 创建web应用的宣传网站　　339

12.2.4 使用邮件营销　　340

12.2.5 创建youtube视频教程　　341

12.2.6 提交到苹果web应用门户　　341

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

12.2.8 利用社交网络的传播力　　344

12.3 让web应用创造收益　　345

12.4 web应用市场上的资源　　346

12.5 小结　　347

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

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

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

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

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

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

13.4.2 通信与普适计算资源　　353

13.5 小结　　354

索引　　355

本图书信息来源：互动出版网

转载于:https://www.cnblogs.com/china-pub/p/3200790.html

iOS Web应用开发：运用HTML5、CSS3与JavaScript相关推荐

html前端开发作品,Web前端开发（HTML5+CSS3）
HTML5和CSS3(简称H5技术)是Web前端开发的最新技术, H5技术可以实现多方面的跨界:PC端/移动端,Android/iOS.应用领域包含传统互联应用.移动开发和云计算等.市场上对Web前端 ...
《Web前端开发精品课——HTML5 Canvas开发详解》——第一部分第二章节
本节书摘来自异步社区<Web前端开发精品课--HTML5 Canvas开发详解>一书中的第1部分,第2章,作者:莫振杰著,更多章节内容可以访问云栖社区"异步社区"公众 ...
html网站开发实用技术,HTML5+CSS3+JavaScript网站开发实用技术（第2版）简介，目录书摘...
编辑推荐: (1)知识全面,内容覆盖了HTML+CSS+JavaScript的主要内容 (2)案例丰富,全书的知识点融于200个案例之中,并结合典型案例进行讲解和拓展 (3)易学易用,本书提供全部的代 ...
html语言web应用开发,使用HTML5框架加速Web开发
框架提供集成环境,用于开发和设计网站以加快交付速度.有很多集成开发环境(IDE)让我们看看最顶级的框架. HTML 5包含了各种先进的元素和新的元素,易于实现并增强了许多功能.这种标记语言对Web服务 ...
html5css3选择题,web前端技术（HTML5+CSS3）答案试题题目及答案,期末考试题库,章节测验答案...
公路路基横断面一般由()等组成.A.路肩(土路肩.硬路肩)B.行车道C.中间道.边坡D.护坡道.边沟排水沟.天沟要求线型(),直线线型顺直,曲线线型圆顺.A.合适B.艺术C.一般D.美观根据弃土场 ...
梦想天空（关注前端开发技术 html5+css3）
http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-32.html
ios传感器应用开发最佳实践_同构 javascript 应用开发的最佳实践（Four）
今天要做的是首先要整理代码,在现有的代码基础上抽理出一个 Applicatin 类可以作为客户端和服务端共同使用,通过不同的上下文完成不同的工作. 创建 Applicatin 类 export def ...
Web前端开发培训之41个JavaScript实用技巧
1. 将彻底屏蔽鼠标右键 <font size= "3" >οncοntextmenu="window.event.returnValue= false &q ...
Web前端开发笔记——第四章 JavaScript程序设计第五节数组
目录一.数组的创建 (一)Array()构造函数 (二)字面量方法二.数组元素的读写和遍历三.添加和删除数组元素 (一)添加数组元素 (二)删除数组元素 (三)splice()方法四.二维数组 ...

iOS Web应用开发：运用HTML5、CSS3与JavaScript

iOS Web应用开发：运用HTML5、CSS3与JavaScript相关推荐

最新文章

热门文章