具体描述
编辑推荐
结合当下技术热点，让移动互联网的混合开发更简单。移动互联网的发展简直可以用爆发来形容，传统的网页技术从兼容性和美观性上都无法与移动Web和媲美。当下好快速的开发移动互联网的技术非HTML 5莫属，微信内嵌HTML 5网页和游戏的爆发也促进了HTML 5在国内的需求。对于安卓、iOS等跨设备的需求，又促进了jQuery Mobile的跨平台技术的发展。本书结合这两大热点，帮助读者轻松应对移动互联网。
布局移动网站和移动应用，切中目前企业热的开发需求。本书所有的实例或小示例全部针对移动网页，这是市场所需，因为所有的企业都在谋求移动方向的突破，而这种突破的第一步就是将网页改造成兼容的移动网页。
低成本，快速开发，还能跨平台，利用好流行的技术进行实战演练。本书所选的HTML 5和jQuery Mobile都是开源技术，不需要购买大量的硬件和软件，完全低成本，而且这两种技术都支持快速开发且还能跨平台，这进一步节约了企业的成本。
合理的章节安排。不管是PC网页还是移动网页，都要明白网页的构成和基本元素的设计。本书首先从基础网页讲起，然后讲解HTML 5的技术，介绍CSS美化网页，再介绍CSS 3帮助读者制作更酷炫的移动网页，通过jQuery和jQuery Mobile的讲解，帮助读者将移动网页布局到任何需要的平台上。
内容简介
HTML 5带来了移动网站的突飞猛进，本书帮助传统Web开发者搭乘HTML 5快车，轻松部署移动应用，也使移动开发者得以充分发掘Web潜力，在传统网页的基础上获得跨平台支持。jQuery Mobile+HTML 5+CSS 3结合的形式，让普通开发人员可以有条不紊地开发出优秀的移动应用，这也是本书的目的，让一切看似复杂的移动应用看起来更简单，实现起来也更简洁。
全书分为4部分：第1部分介绍HTML和HTML 5的网页开发技术，阐述移动网页与PC网页的不同和改进；第2部分介绍CSS和CSS3，从兼容性角度介绍网页样式的变化和技巧；第3部分介绍jQuery 和jQuery Mobile，从快速开发和移动开发角度阐述APP开发的流程和技巧；最后一部分通过案例详细介绍当下网站和APP开发的整体设计方案和实现代码。
本书内容精练、重点突出、实例丰富、讲解通俗，是广大网页或移动Web设计人员和前端开发人员必备的参考书，同时也非常适合大中专院校师生学习阅读，也可作为高等院校计算机及相关培训机构教材使用。
内页插图
目录
第一篇 HTML与HTML 5
第1章 网页的架构基础 2
1.1 HTML网页的基础构成 2
1.1.1 从一个空白的HTML网页说起 2
1.1.2 通过网页中的DOCTYPE标签识别文档类型 4
1.1.3 html标签声明这是一个网页 5
1.1.4 head标签定义网页的头部 5
1.1.5 body元素定义网页的主体 10
1.2 基底网址标记base标签 12
1.3 定义CSS样式表为网页排版 16
1.3.1 CSS样式表概述 16
1.3.2 定义外链式CSS样式表 17
1.3.3 定义CSS样式style标签 20
1.3.4 定义内联式CSS样式表 22
1.4 添加网站 logo 23
1.4.1 添加网站图像 logo 24
1.4.2 添加网站文字 logo 26
1.4.3 添加网站图形 logo 29
1.5 使用脚本元素script标签 33
1.5.1 HTML网页内嵌脚本让网页动起来 33
1.5.2 载入外部脚本库 36
1.5.3 推迟脚本执行 38
1.5.4 异步执行脚本 41
1.6 使用noscript标签判断浏览器是否支持脚本 44
1.7 为标签添加id、name或class属性 45
1.7.1 为标签添加id属性 45
1.7.2 为标签添加name属性 47
1.7.3 为标签添加class属性 50
1.8 为标签添加title属性 53
1.9 添加网页注释 55
1.10 测试浏览器对HTML 5属性的支持 58
1.11 案例实战：一个完整的HTML 5网页应用 61
1.12 小 结 64
第2章 HTML网页的基本标签 65
2.1 HTML网页段落排版 65
2.1.1 设置段落样式的标记 65
2.1.2 设置对齐与缩进的标记 66
2.1.3 添加分隔线 68
2.1.4 设置段落标题 69
2.2 文字效果 70
2.2.1 设置字形样式的标记 70
2.2.2 设置上标、下标 72
2.3 项目符号与编号 73
2.3.1 符号列表 73
2.3.2 编号列表 75
2.3.3 自定义列表 76
2.4 使用特殊符号 78
2.5 创建超链接 80
2.5.1 什么是超链接 80
2.5.2 站外网页链接 80
2.5.3 站内网页链接 81
2.6 小 结 83
第3章 HTML 5表单 84
3.1 各浏览器内核一览 84
3.2 E-mail类型的input标签 85
3.3 URL类型的input标签 87
3.4 数值类型的input标签 89
3.5 使用日期选择器 91
3.6 用datalist来实现自动提示 93
3.7 各浏览器对HTML 5表单新类型的支持 95
3.8 小 结 96
第4章 HTML 5特色 97
4.1 HTML 5之新特性 97
4.1.1 语义化标签元素 97
4.1.2 CSS 3新特性 99
4.1.3 音频、视频与多媒体 99
4.1.4 画布Canvas 101
4.1.5 本地文件访问 104
4.1.6 开放字体格式WOFF 108
4.1.7 地理定位 108
4.1.8 微数据 110
4.1.9 Ajax升级版——XMLHttpRequest Level 2 112
4.1.10 HTML 5 Forms 115
4.2 HTML 5之Web储存 122
4.2.1 Web存储概述 122
4.2.2 localStorage存储方式 123
4.2.3 sessionStorage存储方式 124
4.3 HTML 5之应用缓存 126
4.4 Web索引数据库：IndexedDB 130
4.4.1 打开一个IndexedDB数据库 130
4.4.2 向ObjectStore里新增对象 131
4.4.3 从ObjectStore里删除对象 131
4.4.4 通过key取出对象 131
4.4.5 更新一个对象 132
4.5 小 结 132
第二篇 CSS与CSS 3
第5章 定义CSS网页样式 134
5.1 什么是CSS 134
5.2 CSS样式表构成 135
5.2.1 CSS样式表构成 135
5.2.2 CSS样式表高级语法 135
5.2.3 CSS选择器 136
5.3 标签语义化 137
5.4 CSS命名规范 138
5.5 CSS样式重置 139
5.6 CSS Sprites技术 142
5.7 页面质量评估标准 146
5.8 CSS Hack 148
5.8.1 什么是CSS Hack 148
5.8.2 CSS Hack原理 148
5.8.3 CSS Hack实例 148
5.9 小 结 155
第6章 CSS网页设计基础 156
6.1 设计文字样式 156
6.1.1 字体属性 156
6.1.2 段落属性 166
6.1.3 文字效果 175
6.2 设计背景样式 181
6.2.1 设计背景颜色 181
6.2.2 设计背景图片 183
6.2.3 设计背景渐变 185
6.3 设计边界样式 187
6.3.1 边框 187
6.3.2 内边距 191
6.3.3 外边距 194
6.4 网页元素的定位 197
6.4.1 相对定位 197
6.4.2 绝对定位 201
6.5 小 结 205
第7章 CSS选择器 206
7.1 标签选择器 206
7.2 后代与子代选择器 209
7.3 类别选择器 211
7.4 id选择器 213
7.5 属性选择器 215
7.6 伪类选择器 219
7.6.1 动态伪类选择器 219
7.6.2 状态伪类选择器 222
7.6.3 伪元素选择器 224
7.7 结构性伪类选择器 226
7.8 nth伪类选择器 228
7.9 取反伪类选择器 231
7.10 全局选择器 233
7.11 小 结 235
第8章 媒体查询 236
8.1 响应式Web设计介绍 236
8.1.1 流动布局 236
8.1.2 自适应图片 240
8.1.3 媒体查询 247
8.2 媒体查询使用方法 249
8.2.1 媒体查询基本语法 249
8.2.2 使用媒体查询 251
8.3 实战：响应式登录页面 252
8.4 小 结 258
第9章 案例：HTML 5+CSS 3之轻量级内容管理系统 259
9.1 内容管理系统概述 259
9.2 HTML、CSS和JS等资源的离线缓存 260
9.3 数据储存结构 262
9.4 登录验证模块 263
9.5 新用户注册模块 272
9.6 游客信息模块 277
9.7 用户信息模块 282
9.8 管理员信息模块 287
9.9 关于本系统的补充说明 299
9.9.1 如何初始化用户信息 299
9.9.2 如何清除全部用户信息 300
9.9.3 关于404页面 301
9.9.4 关于BootStrap框架 301
9.9.5 关于localStorage与sessionStorage 301
9.10 小 结 302
第三篇 jQuery与 jQuery Mobile
第10章 jQuery入门 304
10.1 什么是jQuery 304
10.1.1 jQuery的功能 304
10.1.2 配置jQuery运行环境 307
10.1.3 使用Dreamweaver编写第一个包含jQuery库的网站 309
10.1.4 认识jQuery对象 313
10.1.5 调试jQuery程序 316
10.2 jQuery选择器 319
10.2.1 基本选择器 319
10.2.2 层次选择器 322
10.2.3 过滤选择器 327
10.2.4 表单选择器 339
10.3 用jQuery来操作DOM 340
10.3.1 修改元素属性 341
10.3.2 修改元素内容 342
10.3.3 动态创建内容 344
10.3.4 动态插入节点 345
10.3.5 动态删除节点 348
10.4 jQuery的事件 349
10.4.1 什么是事件 350
10.4.2 jQuery所支持的事件和事件类型 350
10.4.3 页面初始化事件 352
10.4.4 绑定事件 354
10.4.5 移除事件绑定 356
10.4.6 切换事件 357
10.5 小 结 358
第11章 jQuery Mobile移动开发入门 359
11.1 跨平台移动开发框架 359
11.1.1 什么是跨平台移动开发框架 359
11.1.2 为什么选择跨平台移动开发框架 360
11.1.3 常见的跨平台移动开发框架有哪些 361
11.2 认识jQuery Mobile 366
11.2.1 为什么选择jQuery Mobile 366
11.2.2 渐进式增强的主题界面 367
11.2.3 简单但是有调理的标记化语言开发 368
11.2.4 自适应布局 369
11.2.5 jQueryMobile案例 370
11.3 下载并应用jQuery Mobile 373
11.3.1 下载jQuery Mobile 374
11.3.2 使用Dreamweaver编辑jQuery Mobile 375
11.3.3 创建第一个jQuery Mobile文件 375
11.3.4 在PC上测试jQuery Mobile 376
11.3.5 应用jQuery Mobile开发的页面 379
11.4 小 结 379
第12章 jQuery Mobile快速开发 380
12.1 从选择元素入手 380
12.1.1 选择页面中的元素 380
12.1.2 设置页面中元素的属性 381
12.2 应用jQuery Mobile中的控件 381
12.2.1 在界面中固定一个工具栏 381
12.2.2 按钮形式的菜单 384
12.2.3 表单做成的手版QQ 387
12.2.4 列表形式的贴吧 392
12.2.5 使用对话框实现一个相册 395
12.3 小 结 398
第13章 APP的布局 399
13.1 QQ登录界面 399
13.2 简洁通讯录 403
13.3 完美九宫格 406
13.4 可以折叠的QQ好友列表 408
13.5 展开图标 413
13.6 Metro效果 415
13.6.1 利用分栏布局 416
13.6.2 利用纯CSS调整色块尺寸 418
13.7 课程表 420
13.8 小 结 422
第14章 应用的发布和推广 423
14.1 生成Android应用 423
14.1.1 JDK的配置 423
14.1.2 Eclipse 与ADT的配置 427
14.1.3 SDK的更新 428
14.1.4 第一个程序 430
14.1.5 使用实体机测试第一个程序 432
14.2 如何生成跨平台的应用 433
14.2.1 生成iOS应用 433
14.2.2 生成WebOS应用 436
14.3 怎样发布应用 437
14.4 怎样推广应用 439
14.5 小 结 440
第四篇 移动网页与APP实战
第15章 案例：实现一个实时股票APP 442
15.1 项目需求 443
15.2 技术分析 443
15.3 准备jqChart图表 443
15.3.1 下载jqChart 444
15.3.2 参数说明 446
15.4 开发一个模拟股票指数实时图应用 456
15.4.1 添加jqChart图表插件插件库文件 456
15.4.2 构建实时图页面的布局 457
15.4.3 模拟股票实时图的初始化操作 458
15.4.4 模拟股票实时走势图APP最终效果 461
15.5 小 结 463
第16章 案例：实现一个在线视频播放器 464
16.1 项目需求 464
16.2 界面设计 465
16.3 界面的实现 467
16.3.1 主题文件的获取 467
16.3.2 主页界面的实现 469
16.3.3 二级页面的实现 471
16.3.4 视频播放界面的实现 473
16.4 数据库的设计与连接 475
16.4.1 数据库设计 476
16.4.2 数据库连接 478
16.5 功能的实现 479
16.5.1 首页功能的实现 480
16.5.2 专辑列表功能的实现 483
16.5.3 播放页面的实现 486
16.6 小 结 489
前言/序言
前 言
移动Web在当今的发展速度是一日千里，移动互联网取代PC互联网已经成为趋势，各公司都在开发自己的移动APP，为用户提供更好的服务，也希望能获取更多的移动入口流量。几乎所有的公司都在改造早期的网站，为方便用户使用手机浏览。所以，移动网站和APP成为当下所有企业在移动时代攫取用户资源最有效的方法。
移动开发的需求很大，而且很多人只有传统的网站开发方法，所以为了普及移动网站和APP开发的需要，我们编写了这本跨平台开发的图书，让传统网站开发人员和新进入市场的开发小白都能够更快速地开发出简洁实用的移动网站和APP。
本书的编写特点
1．结合当下技术热点，让移动互联网的混合开发更简单。移动互联网的发展简直可以用爆发来形容，传统的网页技术从兼容性和美观性上都无法与移动Web和媲美。当下最好最快速的开发移动互联网的技术非HTML 5莫属，微信内嵌HTML 5网页和游戏的爆发也促进了HTML 5在国内的需求。对于安卓、iOS等跨设备的需求，又促进了jQuery Mobile的跨平台技术的发展。本书结合这两大热点，帮助读者轻松应对移动互联网。
2．布局移动网站和移动应用，切中目前企业最热的开发需求。本书所有的实例或小示例全部针对移动网页，这是市场所需，因为所有的企业都在谋求移动方向的突破，而这种突破的第一步就是将网页改造成兼容的移动网页。
3．低成本，快速开发，还能跨平台，利用最好最流行的技术进行实战演练。本书所选的HTML 5和jQuery Mobile都是开源技术，不需要购买大量的硬件和软件，完全低成本，而且这两种技术都支持快速开发且还能跨平台，这进一步节约了企业的成本。
4．最合理的章节安排。不管是PC网页还是移动网页，都要明白网页的构成和基本元素的设计。本书首先从基础网页讲起，然后讲解HTML 5的技术，介绍CSS美化网页，再介绍CSS 3帮助读者制作更酷炫的移动网页，最后通过jQuery和jQuery Mobile的讲解，帮助读者将移动网页布局到任何需要的平台上。
本书的内容安排
本书共4篇16章，内容从HTML 和CSS基础，再到HTML 5和CSS 3，最后是jQuery和jQuery Mobile。
第一篇（第1章~第4章）HTML与HTML 5。回顾了HTML的基础知识，重点介绍了HTML 5的改进，突出了移动网页在设计中与传统网页的不同，还有新增加的一些特色，主要包括HTML网页的基础、网页段落的排版、表单的自动化、HTML 5的新特色等。
第二篇（第5章~第9章）CSS与CSS 3。本篇先介绍了CSS的基础语法，然后介绍了利用CSS设计网页中的文字和背景，之后介绍了CSS 3的一些特色，尤其是利用媒体查询技术实现的跨平台网页，主要包括网页样式、网页设计基础、选择和媒体查询。最后还通过一个完整的实例剖析了一个HTML 5+CSS 3网站的实现过程。
第三篇（第10章~第14章）jQuery与jQuery Mobile。快速开发离不开jQuery，在如今移动互联网迭代速度这么快的情况下，基本上所有的网站都选择了jQuery，因为它还有无数多的插件可以帮助我们实现更绚丽的移动网页。jQuery Mobile也是跨平台方案的首选。本篇重点介绍这两个技术，包括jQuery的选择器、事件、移动开发、APP布局和推广等。
第四篇（第15章~第16章）移动网页与APP实战。通过一个实时股票APP和在线视频播放的案例，详细解析了移动网页开发中的各种步骤、代码和技术，包括插件的使用、界面的设计、数据库的连接等。
本书面向的读者
移动应用开发人员、移动网站前端、移动网页美工人员、后台开发人员
移动网页设计、移动网页开发初学者
大中专院校、培训学校的学生
移动网站建设与网页设计的相关兼职人员
本书第1~9章由湖南铁道职业技术学院的刘鑫编写，第10~16章由集宁师范学院的陈素清编写，其他参与的人员还有张泽娜、曹卉、林江闽、林龙、李阳、宋阳、王刚、杨超、张光泽、赵东、李玉莉、刘岩、李雷霆。
编者
2016年6月
用户评价
这本书的讲解方式真的非常人性化！我是一名业余的Web爱好者，平时只是偶尔自己捣鼓一些小网站。对于移动端的开发，一直觉得是高深莫测的领域。市面上很多书要么太过于理论化，要么就只讲一些零散的技巧，很难形成一个整体的概念。但是这本书，它就像一个循循善诱的老师，从最基础的HTML5标签和CSS3属性开始，一点点地引导读者进入移动Web开发的殿堂。最让我惊喜的是，它并没有把jQuery Mobile当成一个独立的工具来讲解，而是将它很好地融入到了HTML5和CSS3的生态系统中。书中关于jQuery Mobile的组件化思想和事件驱动的编程模式的讲解，让我对如何构建响应式、交互性强的移动应用有了全新的理解。而且，书中提供的代码示例都非常简洁明了，易于理解和修改。我尤其喜欢书末尾的几个实战案例，它们将前面学到的知识点融会贯通，让我能够独立地完成一个简单的移动应用，这种成就感无与伦比。
评分作为一名对新技术充满好奇心的学生，我一直想尝试开发一些酷炫的移动应用，但苦于没有系统的学习路径。在浏览图书市场时，这本书吸引了我。它将HTML5、CSS3和jQuery Mobile这三个关键技术串联起来，形成了一个完整的学习体系，这对我来说非常重要。书中对HTML5在语义化、多媒体、离线存储等方面的介绍，让我对Web的未来有了更深的认识。CSS3的部分更是亮点，我一直觉得CSS很难写出美观的效果，但这本书里的各种动画、过渡、渐变效果的演示，让我眼前一亮，原来CSS也能如此富有表现力。而jQuery Mobile的加入，则让我看到了将这些前端技术转化为实际应用的可能性。书中关于各种UI组件的介绍和使用方法，以及如何通过JavaScript来控制页面交互，都让我受益匪浅。跟着书中的例子，我尝试着去实现一些简单的交互，比如滑动菜单、弹出窗口，虽然过程中遇到了一些小问题，但书中的讲解和示例代码都提供了很好的参考。总的来说，这本书为我打开了移动Web开发的大门，让我对这个领域充满了信心。
评分我是一名PHP开发者，工作内容主要集中在后端，但随着移动互联网的兴起，公司越来越重视移动端的体验，作为团队的一份子，我也想拓展一下技术栈。了解到jQuery Mobile可以快速构建跨平台的移动应用，于是我选择了这本书。不得不说，这本书的实践性真的非常强。它并没有像其他一些教材那样，仅仅堆砌API文档，而是通过一个个真实的案例，循序渐进地展示了如何使用jQuery Mobile来实现各种功能。从最基础的页面布局、导航菜单，到更复杂的表单处理、数据交互，书中都有详尽的讲解和代码示例。我尤其欣赏书中对“组件化”开发的强调，这让我能够将复杂的功能模块化，提高代码的可重用性和可维护性。书中还穿插了一些关于用户体验设计的建议，这对我这个偏重后端的开发者来说非常有启发，让我开始思考如何从用户的角度去设计和开发产品。虽然之前对前端框架接触不多，但跟着这本书的引导，我发现jQuery Mobile的学习曲线并没有想象中那么陡峭，而且很快就能做出看得见摸得着的东西，这极大地提升了我的学习动力。
评分作为一个已经有几年前端开发经验的从业者，我一直在寻找能够快速提升移动端开发效率的工具和方法。这本书的内容正好满足了我的需求。它不仅仅是简单地介绍HTML5、CSS3和jQuery Mobile的语法，而是更侧重于如何将这些技术有效地结合起来，以构建高质量的移动网站和APP。书中对HTML5的语义化标签和API的讲解，让我能够写出更具可访问性和SEO友好的代码。CSS3的部分，则深入讲解了响应式设计、Flexbox布局以及各种炫酷的动画效果，这些都是提升用户体验的关键。而jQuery Mobile的引入，则为快速构建响应式UI提供了强大的支持。我特别赞赏书中对jQuery Mobile各个组件的详细解释，以及如何通过JavaScript来定制组件的行为。书中还提供了一些性能优化和兼容性处理的实用技巧，这对于实际项目开发非常有价值。总而言之，这本书为我提供了一个系统、实用的移动Web开发解决方案，让我能够更快地响应市场需求，开发出更具竞争力的产品。
评分这本书简直是为我量身定做的！我一直对移动端的Web开发和APP开发很感兴趣，但总觉得门槛很高，技术栈也太杂乱。之前尝试过一些零散的在线教程，看得我眼花缭乱，很多概念都停留在“知道有这么回事”的层面，真正上手就卡住了。这本书的出现，就像给我指明了方向。它从基础的HTML5和CSS3讲起，这些我虽然接触过，但一直没能系统地梳理清楚。书中对这两个核心技术在移动端应用的讲解非常到位，比如如何利用HTML5的新特性提升用户体验，如何用CSS3的响应式设计轻松适配各种屏幕尺寸，这一点我特别喜欢，因为之前做响应式网站的时候，总感觉代码乱七八糟，可读性差，而这本书给出了清晰的思路和优雅的实现方式。而且，它并没有仅仅停留在理论层面，每个知识点都配有生动的例子，我跟着敲代码，感觉就像在跟着老师一步步构建项目，这种“边学边练”的方式让我对知识的掌握更加牢固。特别是那些关于性能优化和兼容性处理的部分，简直是救星，解决了我在实际项目中经常遇到的难题，让我感觉自己真的能做出高质量的移动网站了！
评分深度不够
评分挺好的，喜欢就是快，方便，主要就是物流速度很快。第三方就不敢说了，呵呵
评分看推荐买的，应该还不错，关键是物流还很快。
评分挺好的，正在学习
评分对书很满意，性价比很高
评分优惠力度大，囤了好多货额
评分帮人买的，不知道写的好不好
评分好书！
评分挺好的，包装挺好，看着就上档次
相关图书
本站所有内容均为互联网搜索引擎提供的公开搜索信息，本站不存储任何数据与内容，任何内容与数据均与本站无关，如有需要请联系相关搜索引擎包括但不限于百度，google,bing,sogou 等
© 2025 book.cndgn.com All Rights Reserved. 新城书站 版权所有