原书名：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及javascri
Pro iOs Design and Development HTML5, CSS3, and JavaScript with Safari Andrea Picchi Apress° Pro iOS Web Design and Development: HTML5, CSS3, and JavaScript with Safari Copyright o 2011 by Andrea Picchi All rights reserved. No part of this work may be reproduced or transmitted in any form or by any means, electronic or mechanical, including photocopying, recording, or by any information storage or retrieval system, without the prior written permission of the copyright owner and the pI ISBN-13(pbk):978-1-4302-3246-9 ISBN-13( electronic):978-1-4302-3247-6 Trademarked names, logos, and images may appear in this book. Rather than use a trademark symbol with every occurrence of a trademarked name, logo, or image we use the names, logos, and inages only in an editorial fashion and to the benefit of the trademark owner, with no ntention of infringement of the trademark. The use in this publication of trade names, trademarks, service marks, and similar terns, even if they are not identified as such, is not to be taken as an expression of opinion as to whether or not ley are subject to proprietary rights President and Publisher Paul Manning Lead Editor: Steve Anglin Development Editor: Matthew Moodie Technical reviewer: Daniel paterson Editorial Board: Steve Anglin, Mark Beckner, Ewan Buckingham, Gary Cornell, Morgan Engel, Jonathan Gennick, Jonathan Hassell, Robert Hutchinson, Douglas Pundick, Ben Renow-Clarke, Dominic Shakeshaft, Gwenan Spearing Michelle Lowman, James Markham, Matthew Moodie, Jeff Olson, Jeffrey Pepper Matt Wade, Tom Welsh Coordinating editor: Adam Heath Copy Editor: Ginny Munroe Compositor: MacPS, L.C Indexer BIM Indexing Proofreading Servies Artist: SPi global Cover Designer: Anna ishchenko Distributed to the book trade worldwide by springer Science+Business Media, LLC, 233 Sp Street, 6th Floor, New York, NY 10013. Phone 1-800-SPRINGER, fax(201)348-4505, e-mailing orders-ny@springer-sbm.com,orvisitwww.springeronline.com Forinformationontranslationspleasee-mailrightsqapress.com,orvisitwww.apress.com Apress and friends of ed books may be purchased in bulk for academic,corporate,or promotional use eBook versions and licenses are also available for most titles. For more information, reference our Special Bulk Sales-eBook licensing web page at Www.apress.com/bulk-sales The information in this book is distributed on an"as is"basis, without warranty. Although every precaution has been taken in the preparation of this work, neither the author(s) nor apress shall have any liability to any person or entity with respect to any loss or damage caused or alleged to be caused directly or indirectly by the information contained in this work Thesourcecodeforthisbookisavailabletoreadersatwww.apress.comYouwillneedtoanswer questions pertaining to this book in order to successfully download the code. To my parents, Gianni and Carla, for theirendless support To my fiancee and"Mia Princinessa, Simona, source of strength, love, and will Andrea picchi Contents at a glance Contents About the author ■■■■■■■■■■■■■■■■■■口■ About the technical reviewer ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ Acknowledgments,,,,,,,,算,,,,,,xⅲi Preface… XIV Introduction…mmXv Chapter 1: Think Mobile Touch ■■■■■■■■■■■■■■■口■■■■ ■■■■■■■■■■■■■■■■■■■■口■国 Chapter 2: Agile project Building for iOS Devices Chapter 3: Web Development for iOS Devices Chapter 4: User Interface Design for ioS Devices ma IRIRIIMIRaMImI 121 Chapter 5: iPhone Ul Design: Think simple n ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 179 Chapter 6: iPad Ul Design: Think Inverted ■■■■■■■■■■■■■■■■■■■■■■口■■■■■■■■■■■■■■■■■■■■■■■■■ 203 Chapter 7: Web Standards for Webkit: Maximizing Mobile Safari,. 243 Chapter 8: Native iOs Environment Development. ra naImAN 319 Chapter9: Native iOS Design Implementati0n…,…,…,,,347 Chapter 10: Optimizing ios WebApps.IIBBRIBRIR BERIRIRRRRRRBBRR IRn 361 Chapter 11: Testing ioS WebApps amama mammin 389 Chapter 12: Maximizing the Market for ios WebApps s mRI REaaIantan, 413 Chapter 13: Looking beyond the Mobile Web to Ubiquitous computing m, 427 Index umm 437 Contents Contents at a glance About the author ■■■■■■■■口■■■■ About the technical reviewer Acknowledgments amm mammmaummmmmmmnAsi ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ Preface mmmmmmmm.xiv Introduction ■■■■■■■■■■■■L■■■■■■ Chapter 1: Think Mobile Touch Why the Mobile Web? From Desktop to Mobile Mobile market Why Mobile Now? A Mobile-Oriented Approach Mobile-oriented guidelines 2=4-56-68 Apple's Mobile Hardware..... Summary Agile Project Building for iOS Devices Implementing a Mobile Information Architecture What is Information architecture and Why is it Important?.... 10 Abiding by the Golden Rules of Mobile Strategy 21 Content-Out Approach Representing an Information Architecture with a Site Map.... Sketching an Information Architecture with wireframes 26 Visualizing Interactions Through Prototypes 28 Systematic Approach to Mobile design,……… 31 Accessibility in Apple Devices............ 1 Usability in iOS Devices........... iPhone Page Model iPhone user inter 41 iPad block model ad user interface Tools for Apple Mobile design Summary CONTENTS Web Development for iOS Devices B RIBRREIS 51 Web Development Tools Development Frameworks Mobile web site 60 Mobile applications Web Development Model 1国,国国国1国国国国国国国1国1 Web Development Model: Pros and cons Four Different Approaches to a WebApp WebApp and native App: What Makes the Difference for the User.... 69 Web Standards: HTML, CSS Browser Support for Standards: WebKit and Safari.a..a.n. SDK Development Model…… 115 Apple's objective-C, Cocoa Touch, and Xtools Model.... 115 Hi. 'm a mac 18 Tools and frameworks for Apple mobile development 119 Summary…… 12 User Interface Design for ios Devices mt IRIBIRIIBIBRIBRRRBIRIBRSRRIM 121 User Interface Design...... 121 What is an interface? Everything Is an Interface.................. Negative Space 130 Color Psychology. The Interface Hierarchy……,,,… 147 Reading patterns The User Interface Design Process.. ,157 iPhone and iPad Compatible User Interface Design 160 Research 161 Structure.……… 164 Aesthetic 167 Interaction 168 Deliverables 170 iPad Native-Like User Interface Design ■■ 170 Research 170 Structure 171 Aesthetic Deliverables iPhone Native-Like User Interface Design 173 Research Structure mmwwmm174 Aesthetic Interaction 176 Deliverable…177 Tools for User Interface design 1■主 Summary……, ………178 iPhone Ul Design: Think Simple aaaasamaamasammmumasmmmmsa 179 User Interface Sketching CONTENTS Think Simple The iphone is an on-the- Go Device 18 The Essence of the iPhone Page Model iPhone limitations ■■ The nature of users', Cognitive Resources…… Anatomy of Sketching........ ■着a Design Using Tool!… 184 Explore the balsamiq mockups Interface Represent Connections.,,,,,,,…,…,… 187 Designing with Adobe Fireworks Creating a canvas 189 Organize Levels …91 Layout design…,… Interface design Reuse design.… 198 Tools for User Interface design Summary…,, iPad Ul Design: Think Inverted IaIa ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 203 User interface sketch Think Inverted 204 Inverted simplicity Remove and prioritize 206 Hide and shape Shrink and Group…… Key Points of the Simplicity-Complexity Paradox.. 1重1 210 Sketching the Ul Design Using T00ls,…,…, 213 Design with Adobe Fireworks .219 iPad-Compatible Version . 220 iPad Native-Like version 233 Summary… Web Standards for Webkit: Maximizing Mobile Safar 243 Comparing iPhone and iPad for Web Presentation HTML5 244 HTML5 Markup Syntax. 244 HTML5 Re-Definitions HTML5 Semantics HTML5 Media ■■ Prefixes… 273 Rounded borders Border Images 1自 274 Gradients Box Sizi 276 Box Shade 277 Outline Background Size CONTENTS Background Origin…,,… 279 Multiple backgrounds 79 Text shadow 280 Text Overflo Word Wrapping…....,.,,,,,,,,,,,,,,,281 Web fonts Tap Highlight Multiple columns.me 83 Spanning columns… Transitions 日1 284 Transforms Animation Keyframes Reflections Adding Javascript to a Webpage .. Javascript Structure…………………… Data Categories 293 Reserved words Operato Conditional statements Loop statements.. Functions Variable Scope........... 304 Arrays Stri Objects 308 BOM Browser Object Model) 309 DOM Document object Model 310 Compare DOM and HTML Structure... 312 Working with dOM....... 314 Some Javascript Best Practices…,… 316 Resource on web standards 318 Native iOS Environment Development ■■■■■■■■■■■■■■■■■■口■■■■■■■■■■■■■■■■■ 319 Setting up the Environment 319 Defining Viewport 321 Full-Screen Mode application Adding the springboard Icon Application Startup Image…… Application Redirecting. 326 Setting up the head section….........,.,… 327 Native link emulation Native Text emulation 328 Native element emulation Native Scrolling emulation 330 Native ios service Interaction 330