第一篇HTML与HTML 5 2
第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测试浏览器对HTML5属性的支持 58
1.11案例实战：一个完整的HTML5网页应用 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 134
第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 304
第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实战 442
第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