目? 录 第Ⅰ部分 移动Web的世界 第1章 移动Web简介............................3 2.3.3 短消息和短代码 ................. 33 2.3.4 条形码 ................................. 34 1.1 移动Web 的必然性.......................4 2.3.5 地理定位和增强现实 ......... 35 1.2 移动Web简史...............................5 2.4 小结............................................37 1.2.1 最初的技术 ........................... 5 1.2.2 日本的i-mode ........................ 5 第3章 追踪最新开发技术...................39 1.2.3 无线访问协议 ....................... 6 3.1 移动设备的变化........................40 1.2.4 现代移动Web 的曙光............ 7 3.1.1 物理特性 .............................40 1.3 新媒体..........................................9 3.1.2 网络技术 .............................43 1.4 移动Web使用情景..................... 11 3.1.3 操作系统 .............................44 1.5 移动Web需要考虑的因素......... 12 3.2 Web和移动Web 的演变过程.....46 1.5.1 正确认识移动用户 ............. 12 3.2.1 标签 .....................................46 1.5.2 主题的一致性 ..................... 13 3.2.2 样式 .....................................47 1.5.3 品牌的一致性 ..................... 13 3.2.3 脚本 .....................................48 1.5.4 专注于网站的可用性 ......... 13 3.2.4 嵌入式媒体 .........................49 1.5.5 记住 “移动”这个特征 ..... 14 3.2.5 客户端API ........................... 50 1.6 小结............................................ 14 3.3 帮助资源 ....................................51 3.3.1 标准化机构 ......................... 52 第2章 移动Web技术概述...................15 3.3.2 供应商社区......................... 52 2.1 移动设备面临的技术挑战........ 16 3.3.3 网络运营商的项 目............. 53 2.1.1 物理约束 ............................. 16 3.3.4 独立资源 ............................. 54 2.1.2 设备的多样性 ..................... 19 3.4 小结............................................54 2.1.3 浏览器特性 ......................... 21 ............ 2.1.4 速度和功耗 ......................... 22 第4章 主要的移动Web浏览器 55 2.2 移动网络....................................24 4.1 WebKit浏览器 ...........................55 2.2.1 数据网络 ............................. 24 4.1.1 Mobile Safari ....................... 56 2.2.2 流量与延时......................... 25 4.1.2 Android ................................ 61 2.2.3 代码转换简介 ..................... 26 4.1.3 诺基亚的实现 ..................... 62 2.2.4 防火墙与安全 ..................... 28 4.1.4 其他实现 ............................. 64 2.3 其他移动技术............................29 4.1.5 移动IE浏览器 ..................... 64 2.3.1 App应用程序和App商店 ... 29 4.1.6 Opera Mobile和Mini ......................... 2.3.2 移动小组件 32 浏览器.................................. 66
----------------------- Page 12-----------------------
移动Web开发高级教程——使用WordPress、Joomla!和Drupal 4.1.7 其他浏览器 ......................... 67 5.2.2 共享现有数据 ..................... 79 4.2 小结............................................68 5.3 服务器技术................................80 5.3.1 Web服务器和移动.............. 81 第5章 移动工具箱..............................69 5.3.2 语言与架构 ......................... 81 ................ 5.1 如何利用现有的网站 69 5.4 开发工具....................................83 ................. 5.1.1 简单的静态技术 70 5.4.1 IDE和代码编辑器............... 84 ..... 5.1.2 对已有内容进行移动化 72 5.4.2 移动SDK和仿真器 ............. 85 ............. 5.1.3 建立新的移动体验 76 5.4.3 测试工具 ............................. 87 ................ 5.2 构建全新的移动网站 78 5.5 小结............................................90 5.2.1 移动用户作为一等公民..... 78 第Ⅱ部分 通用移动技术 第6章 移动网站的结构.......................93 7.1.1 标头信息 ........................... 124 7.1.2 用户代理和转码器 ........... 128 6.1 网站结构和原理........................93 7.1.3 一个简单的检测算法 ....... 132 6.1.1 信息架构 ............................. 93 7.1.4 使用设备数据库识别 ....... 134 6.1.2 入口点和URL地址 ............. 98 7.1.5 在客户端检测 ................... 137 6.2 导航与菜单系统...................... 102 7.2 主题和站点切换...................... 139 6.2.1 导航列表 ........................... 102 7.2.1 选择主题 ........................... 146 6.2.2 菜单的修饰 ....................... 104 7.2.2 记住用户选择 ................... 147 6.2.3 层级导航树 ....................... 105 7.2.3 使用移动域名 .................. 149 6.2.4 Header和Footer导航 ......... 106 7.3 小结.......................................... 150 6.2.5 通向移动之路 ................... 108 6.2.6 切换链接 .......................... 109 第8章 用于移动设备的CMS 6.3 网站主要内容.......................... 110 用户界面模式........................151 6.3.1 文本和排版 ....................... 110 8.1 注册和登录.............................. 151 6.3.2 分页 ................................... 111 8.1.1 表单设计 ........................... 152 6.3.3 嵌入图像和媒体 ............... 112 8.1.2 字段验证 ........................... 155 6.3.4 表单 ................................... 115 8.1.3 调整移动体验 ................... 157 6.4 调用其他设备的能力.............. 116 8.1.4 登录优化 ........................... 159 6.5 使用CSS进行样式设计........... 118 8.2 内容列表.................................. 159 6.5.1 移动CSS的注意事项 ........ 118 8.2.1 访问键和分页 ................... 162 6.5.2 优化CSS ............................ 119 8.2.2 装饰 ................................... 166 6.6 JavaScript 的现状 ..................... 120 8.2.3 折叠 ................................... 168 6.7 小结.......................................... 122 8.2.4 搜索结果 ........................... 170 第7章 移动浏览器与桌面浏览器 8.3 画廊.......................................... 172 之间的切换............................123 8.4 用户贡献.................................. 174 8.5 小结.......................................... 177 7.1 浏览器检测.............................. 123 X
----------------------- Page 13-----------------------
目 录 第9章 针对移动设备进行设计..........179 9.3.2 设备组的设计 ................... 199 9.3.3 方法结合 ...........................203 9.1 公共理念.................................. 180 9.4 小结..........................................206 9.1.1 品牌维护 ........................... 180 9.1.2 复用本地设计模式 ........... 182 第10章 移动模板和库......................207 9.1.3 移动优先 ........................... 183 10.1 iWebKit ..................................208 9.1.4 移动界面设计 ................... 184 10.2 诺基亚 Web 模板...................210 9.2 基于客户端的移动设计.......... 186 9.2.1 媒体查询简介 ................... 187 10.3 j QTouch .................................211 9.2.2 响应设计 ........................... 190 10.4 j Query Mobile ........................214 ......................... 9.2.3 图像缩放 ........................... 197 10.5 Sencha Touch 216 9.3 基于服务器端的移动设计...... 198 10.6 小结........................................220 9.3.1 拥抱多样性 ....................... 198 第Ⅲ部分 主要的CMS平台 第11章 移动化WordPress基础........223 12.1.1 页眉和页脚 ...................252 12.1.2 帖子列表 .......................258 11.1 WordPress简介.......................223 12.1.3 帖子和页面细节 ...........263 11.1.1 帖子、页面和评论 .......224 12.1.4 评论 ...............................265 11.1.2 媒体和链接 ...................225 12.1.5 菜单和导航 ...................268 11.1.3 主题和小组件 ...............226 12.2 使用WordPress 钩子 11.1.4 插件 ...............................226 和过滤器................................27 1 11.2 dotMobi WordPress 12.2.1 选择主题 .......................272 Mobile Pack ............................227 12.2.2 内容重写 .......................276 11.2.1 安装 ...............................227 12.2.3 分页 ...............................278 11.2.2 配置 ...............................230 12.2.4 图像适应 .......................280 11.2.3 配置和扩展主题 ...........235 12.3 小结........................................283 11.2.4 移动管理 .......................239 11.3 WPtouch .................................240 第13章 移动化Drupal基础...............285 11.3.1 安装 ...............................240 13.1 Drupal简介.............................285 11.3.2 WPtouch主题 ................24 1 13.1.1 节点和内容类型 ...........286 11.3.3 配置 ...............................242 13.1.2 模块 ...............................286 11.4 WordPress Mobile Edition .....246 13.1.3 块 ...................................287 11.5 MobilePress ............................247 13.1.4 主题 ...............................287 11.6 WordPress移动应用...............249 13.1.5 分类 ...............................287 11.7 小结........................................250 13.2 Drupal移动插件模块.............287 13.2.1 安装 ...............................288 第12章 移动化WordPress进阶........251 13.2.2 配置 ...............................290 12.1 开发 自己的移动主题............251 13.2.3 回顾体验 .......................295 XI
----------------------- Page 14-----------------------
移动Web开发高级教程——使用WordPress、Joomla!和Drupal 13.3 移动工具................................298 第15章 移动化Joomla!基础.............353 13.3.1 安装和配置 ...................298 15.1 Joomla !简介 ...........................353 13.3.2 重定向控制 ...................30 1 15.1.1 文章 ...............................353 13.3.3 移动角色 .......................302 15.1.2 节和分类 .......................354 13.4 移动主题................................303 15.1.3 菜单 ...............................354 .............. 13.5 使用Nokia移动主题 304 15.1.4 扩展 ...............................354 13.6 其他主题................................307 15.2 WAFL .....................................355 13.7 小结........................................308 15.3 自动模板切换器....................359 15.4 Mobilebot ...............................361 第14章 移动化Drupal进阶...............309 15.5 Mobile Joomla !.......................363 14.1 开发 自己的移动主题............309 15.6 TapTheme ...............................368 14.1.1 页眉和页脚 ...................314 15.7 小结........................................372 14.1.2 节点和列表 ...................318 ............. 14.1.3 菜单和导航 ...................324 第16章 移动化Joomla!进阶 373 14.1.4 块 ...................................325 16.1 开发移动模板........................373 14.1.5 评论 ...............................329 16.1.1 节和分类 .......................377 14.2 创建Drupal模块.....................336 16.1.2 文章 ...............................386 ....................... 14.2.1 主题选择 337 16.1.3 首页 ...............................388 ....................... 14.2.2 内容重写 339 16.1.4 模块和菜单 ...................389 ............ 14.3 与其他模块一起运行 343 16.2 创建Joomla !插件.................391 ............................... 14.3.1 CCK 344 16.2.1 主题选择 .......................393 14.3.2 视图...............................347 16.2.2 内容重写 .......................395 14.4 小结........................................352 16.3 小结........................................398 第Ⅳ部分 增强并启动你的网站 第17章 JavaScript框架....................401 18.1.1 Mozilla Firefox ..............424 18.1.2 桌面WebKit浏览器.......427 17.1 j Query Mobile ........................402 18.2 手机模拟器............................429 17.1.1 帖子列表 .......................406 18.2.1 iPhone和iPad .................429 17.1.2 帖子和页面细节 ...........408 18.2.2 Android ..........................431 17.2 Sencha Touch .........................4 10 18.2.3 黑莓 ...............................432 17.2.1 应用程序结构 ...............4 10 18.2.4 诺基亚40系列和塞班3....434 17.2.2 CMS数据存储建模.......4 13 18.2.5 Palm webOS ..................435 17.2.3 用户界面 .......................4 15 18.2.6 Opera Mobile .................436 17.2.4 显示帖子 .......................4 18 18.2.7 Windows Mobile ...........438 17.3 小结........................................422 18.3 在线测试实验室....................440 18.3.1 DeviceAnywhere ...........440 第18章 测试和调试移动网站...........423 18.3.2 Perfecto Mobile .............44 1 18.1 使用桌面客户端....................424 18.3.3 远程访问诺基亚论坛 ...442 XII
----------------------- Page 15-----------------------
目 录 18.3.4 mobiReady .....................443 19.2 了解移动流量........................452 .................. 18.3.5 W3C 验证器 445 19.2.1 日志文件 .......................452 ................ 18.4 使用真实手机测试 447 19.2.2 移动分析 .......................454 18.5 小结........................................447 19.2.3 移动搜索 .......................459 19.3 货币化....................................463 第19章 最后润色.............................449 19.3.1 移动广告网络 ...............463 ................................ 19.1 网站保护 449 19.3.2 移动商务 .......................467 19.1.1 白名单 ...........................450 19.4 小结........................................468 19.1.2 使用标头和标记 防止转码 .......................450 第Ⅴ部分 参考资料 附录A 延伸阅读...............................471 附录C 词汇表..................................483 附录B 有用的网站...........................477