HTML5 APP开发 从入门到精通PDF电子书下载

第1章 HTML5入门 1

1.1 HTML5与HTML4比较 1

1.2 HTML5基本语法 2

1.3 HTML5新增元素 4

1.3.1 结构元素 4

1.3.2 功能元素 6

1.4 HTML5废除的元素 8

1.5 HTML5新增属性 9

1.5.1 表单属性 9

1.5.2 链接属性 10

1.5.3 其他属性 10

1.6 HTML5废除的属性 10

1.7 HTML5新增全局属性 11

1.7.1 contentEditable属性 12

1.7.2 designMode属性 12

1.7.3 hidden属性 13

1.7.4 spellcheck属性 13

1.7.5 tabindex属性 13

1.8 HTML5其他功能 13

1.9 jQuery Mobile与HTML5 17

1.10 实战案例 17

1.10.1 新建HTML5文档 17

1.10.2 设计图文页面 19

第2章 HTML5文字和版式变化 22

2.1 HTML5文档 22

2.2 HTML5标签 24

2.2.1 结构性标签 24

2.2.2 级块性标签 24

2.2.3 行内语义性标签 24

2.2.4 交互性标签 25

2.3 设计段落版式 25

2.3.1 设置段落样式 25

2.3.2 设置对齐和缩进 26

2.3.3 添加分隔线 27

2.3.4 设置标题样式 27

2.4 设计文字效果 28

2.4.1 设置字形样式 28

2.4.2 设置上标、下标 29

2.5 设计列表文字 30

2.5.1 无序列表 30

2.5.2 有序列表 31

2.5.3 定义列表 32

2.6 设计链接文字 33

2.6.1 认识超链接 33

2.6.2 定义超链接 34

2.6.3 定义站外链接 35

2.6.4 定义站内链接 35

2.6.5 定义Email链接 36

2.7 设计表格文字 37

2.7.1 定义表格 37

2.7.2 设计表格结构 39

2.7.3 设置表格属性 42

2.7.4 合并单元格 44

2.7.5 定义列组和行组 45

2.7.6 定义表格标题 48

2.8 实战案例 49

2.8.1 设计新闻内页 49

2.8.2 设计网页日历 52

第3章 构建HTML5文档结构 56

3.1 创建HTML5结构 56

3.1.1 定义文章块 56

3.1.2 定义内容块 58

3.1.3 定义导航栏 61

3.1.4 定义侧边栏 63

3.1.5 定义微格式 64

3.1.6 定义日期 65

3.2 定义语义块 66

3.2.1 标题块 66

3.2.2 标题组 67

3.2.3 脚注块 67

3.2.4 联系信息 69

3.3 实战案例1：设计博客首页 69

3.4 实战案例2：设计个人主页 74

3.4.1 设计结构 75

3.4.2 设计样式 78

第4章 HTML5表单 80

4.1 HTML5表单结构和表单对象 80

4.1.1 HTML5表单基本结构 80

4.1.2 HTML5表单对象 82

4.2 新增输入类型 84

4.2.1 email类型 84

4.2.2 url类型 85

4.2.3 number类型 87

4.2.4 range类型 88

4.2.5 日期选择器 89

4.2.6 search类型 94

4.2.7 tel类型 95

4.2.8 颜色选择器 95

4.3 新增输入控制属性 96

4.3.1 autocomplete属性 96

4.3.2 autofocus属性 97

4.3.3 form属性 99

4.3.4 formaction属性 100

4.3.5 height和width属性 100

4.3.6 list属性 101

4.3.7 min、max和step属性 101

4.3.8 multiple属性 102

4.3.9 pattern属性 103

4.3.10 placeholder属性 104

4.3.11 required属性 104

4.4 新增表单元素 105

4.4.1 datalist元素 105

4.4.2 keygen元素 105

4.4.3 output元素 106

4.5 新增表单属性 107

4.5.1 autocomplete属性 107

4.5.2 novalidate属性 107

4.6 实战案例 107

4.6.1 设计移动调查表 107

4.6.2 设计PC调查表 109

4.6.3 设计在位编辑 111

第5章 HTML5多媒体应用 114

5.1 网页多媒体发展历史 114

5.2 HTML5多媒体技术 115

5.2.1 视频编解码器 115

5.2.2 音频编解码器 116

5.2.3 容器 116

5.3 HTML5多媒体支持 117

5.3.1 浏览器支持 117

5.3.2 音频格式支持检测 118

5.3.3 视频格式支持检测 119

5.4 使用HTML5音频 120

5.5 使用HTML5视频 121

5.6 设置属性、方法与事件 123

5.6.1 音频和视频属性 123

5.6.2 音频和视频相关方法 127

5.6.3 音频和视频事件 128

5.7 实战案例 129

5.7.1 手工控制视频播放 129

5.7.2 根据视频画面控制进度 130

第6章 客户端数据存储 135

6.1 认识Web Storage 135

6.2 浏览器支持 136

6.3 使用Web Storage 137

6.3.1 存取数据 137

6.3.2 Web Storage属性和方法 138

6.3.3 Web Storage事件 138

6.3.4 案例：设置网页背景色 139

6.3.5 案例：存取localStorage数据 140

6.3.6 案例：设计网页计数器 142

6.4 使用Web SQ L 142

6.4.1 使用Web SQL 143

6.4.2 案例：创建本地数据库 145

6.4.3 案例：批量存储本地数据 147

6.5 实战案例 148

6.5.1 设计Web留言本 148

6.5.2 设计客户联系表 150

6.5.3 使用Web SQL设计留言本 153

6.6 综合案例：设计购物网站 155

6.6.1 设计思路 156

6.6.2 设计登录页 156

6.6.3 设计商品选购页面 157

第7章 CSS样式基础 162

7.3 认识CSS 162

7.1.1 CSS发展历史 162

7.1.2 CSS优势 163

7.1.3 CSS样式 163

7.1.4 应用CSS样式 164

7.1.5 CSS样式表 165

7.1.6 导入样式表 165

7.1.7 CSS注释和格式化 165

7.1.8 设计第一个样式示例 166

7.2 CSS选择器 167

7.2.1 认识CSS选择器 167

7.2.2 标签选择器 167

7.2.3 ID选择器 168

7.2.4 类选择器 169

7.2.5 指定选择器 171

7.2.6 包含选择器 171

7.2.7 子选择器 173

7.2.8 相邻选择器 173

7.2.9 兄弟选择器 174

7.2.10 分组选择器 176

7.2.11 伪选择器 176

7.2.12 属性选择器 177

7.2.13 通用选择器 179

7.3 CSS特性 179

7.3.1 层叠性 179

7.3.2 继承性 180

7.4 实战案例 181

7.4.1 设计超链接样式 181

7.4.2 设计表格样式 183

第8章 CSS设计文本样式 188

8.1 定义字体和文本样式 188

8.1.1 字体类型 188

8.1.2 字体大小 189

8.1.3 字体颜色 190

8.1.4 字体粗细 191

8.1.5 斜体字体 192

8.1.6 装饰线 192

8.1.7 字体大小写 193

8.1.8 文本水平对齐 194

8.1.9 文本垂直对齐 195

8.1.10 字距和词距 196

8.1.11 行高 196

8.1.12 首行缩进 197

8.2 实战案例 198

8.2.1 定义文本阴影 198

8.2.2 设计文本阴影特效 199

8.2.3 定义溢出文本 205

8.2.4 文本换行 207

8.2.5 添加动态内容 209

8.2.6 恢复默认样式 211

8.2.7 自定义字体类型 212

第9章 设计背景和边框样式 215

9.1 定义边框样式 215

9.2 定义圆角 216

9.3 定义阴影 220

9.4 设计背景图像 224

9.4.1 背景颜色 224

9.4.2 设置背景图像 225

9.4.3 背景平铺 226

9.4.4 背景定位 227

9.4.5 固定背景 229

9.4.6 定位参考 230

9.4.7 背景裁剪 231

9.4.8 背景大小 233

9.4.9 多背景图 234

9.5 实战案例 235

9.5.1 设计图标按钮 235

9.5.2 设计花边框 237

9.5.3 设计椭圆图形 238

第10章 使用DIV＋CSS排版网页 240

10.1 控制页面元素显示 240

10.1.1 定义边界 240

10.1.2 定义补白 243

10.1.3 定义尺寸 246

10.2 以浮动方式显示 248

10.2.1 定义显示类型 248

10.2.2 定义显示模式 248

10.2.3 设置浮动显示 249

10.2.4 清除浮动 253

10.3 CSS定位显示 254

10.3.1 设置定位显示 255

10.3.2 静态定位 255

10.3.3 绝对定位 256

10.3.4 相对定位 257

10.3.5 固定定位 258

10.3.6 定位包含框 259

10.3.7 设置定位偏移 260

10.3.8 设置层叠顺序 262

10.3.9 层叠上下文 264

第11章 使用HTML5＋CSS3排版网页 267

11.1 多列布局 267

11.1.1 设置列宽 267

11.1.2 设置列数 268

11.1.3 设置列间距 269

11.1.4 设置列边框样式 270

11.1.5 设置跨列显示 271

11.1.6 设置列高度 272

11.2 弹性盒布局 273

11.2.1 定义Flexbox 274

11.2.2 定义伸缩方向 276

11.2.3 定义行数 277

11.2.4 定义对齐方式 278

11.2.5 定义伸缩项目 281

11.3 比较三种布局方式 284

11.4 实战案例 287

11.4.1 设计可伸缩模板 287

11.4.2 设计多列网页 291

11.4.3 设计HTML5模板 293

第12章 jQuery Mobile入门 297

12.1 认识JavaScnpt和jQuery 297

12.1.1 使用JavaScript 297

12.1.2 JavaScript对象和函数 298

12.1.3 JavaScfipt事件 300

12.1.4 使用jQuery 302

12.1.5 jQuery框架 304

12.1.6 jQuery选择器 304

12.2 认识jQuery Mobile 305

12.2.1 jQuery Mobile的兼容性 306

12.2.2 jQuery Mobile的优势 306

12.2.3 移动设备模拟器 307

12.3 使用jQuery Mobile 308

12.3.1 下载文件 309

12.3.2 初始化页面 310

12.4 案例：设计第一个移动页面 310

第13章 设计jQuery Mobile页面和弹出框 313

13.1 创建页面 313

13.1.1 定义单页 313

13.1.2 定义多页 314

13.1.3 定义外部链接 316

13.1.4 定义模态页 317

13.1.5 定义关闭模态对话框 318

13.2 设计视图 319

13.2.1 设计视图背景 319

13.2.2 设计页面切换动画 320

13.3 定义弹出页 323

13.4 应用弹出页 324

13.4.1 弹出菜单 324

13.4.2 弹出表单 325

13.4.3 弹出对话框 326

13.4.4 弹出图片 327

13.5 设置弹出页 328

13.5.1 设置显示位置 328

13.5.2 设置切换动画 329

13.5.3 设置主题样式 330

13.5.4 设置关闭按钮 330

13.6 实战案例 331

13.6.1 设计弹出框 331

13.6.2 设计侧滑面板 333

13.6.3 设计相册 335

第14章 移动页面布局 338

14.1 使用网格布局 338

14.1.1 定义分栏 338

14.1.2 案例：设计两栏页面 340

14.2 使用折叠块 342

14.2.1 定义折叠块 342

14.2.2 定义嵌套折叠块 343

14.2.3 定义折叠组 345

14.3 使用列表 346

14.3.1 定义列表视图 346

14.3.2 定义嵌套列表 347

14.3.3 分类列表 347

14.3.4 定义拆分按钮 348

14.3.5 定义缩微图和图标 349

14.3.6 定义气泡提示 350

14.3.7 列表过滤 350

14.3.8 定义插页列表 353

14.3.9 定义折叠列表 354

14.3.10 自动分类列表 356

14.4 使用表格 358

14.4.1 表格回流 358

14.4.2 表格字段切换 359

14.5 使用滑动面板 361

14.6 实战案例 362

14.6.1 设计课程表 362

14.6.2 设计九宫格 364

14.6.3 设计登录页 366

14.6.4 设计新闻列表 367

14.6.5 设计播放列表 369

14.6.6 设计通讯录 370

第15章 使用UI组件 372

15.1 使用按钮 372

15.1.1 定义按钮 372

15.1.2 定义内联按钮 373

15.1.3 定义按钮图标样式 373

15.1.4 设置按钮图标位置 375

15.1.5 定义迷你按钮 375

15.1.6 定义按钮组 376

15.2 使用工具栏 377

15.2.1 定义工具栏 377

15.2.2 定义显示模式 377

15.3 设计页眉 378

15.3.1 定义页眉栏 378

15.3.2 定义页眉按钮 379

15.3.3 定义按钮位置 380

15.4 设计导航 381

15.4.1 定义导航栏 381

15.4.2 定义导航图标 381

15.4.3 定义图标位置 382

15.5 设计页脚 383

15.5.1 定义页脚栏 383

15.5.2 包含表单 384

15.6 使用表单组件 385

15.6.1 文本框 385

15.6.2 单选按钮 386

15.6.3 复选框 387

15.6.4 滑块 388

15.6.5 开关按钮 389

15.6.6 下拉菜单 389

15.6.7 列表框 391

15.7 设计表单组件 392

15.7.1 恢复表单原生样式 392

15.7.2 选择项目分组 393

15.7.3 禁用选择项目 394

15.7.4 禁用表单对象 395

15.7.5 隐藏标签 395

15.7.6 设计迷你表单 396

15.8 实战案例 397

15.8.1 设计播放器 397

15.8.2 设计模拟键盘 398

15.8.3 设计调查问卷 401

15.8.4 设计拾色器 402

15.8.5 设计登录对话框 403

第16章 设置主题 405

16.1 使用主题 405

16.1.1 认识主题 405

16.1.2 默认主题 406

16.1.3 应用主题 407

16.2 使用ThemeRoller 410

16.3 实战案例 414

16.3.1 定义多页面主题 414

16.3.2 动态设置页面主题 415

16.3.3 设计计算器 417

第17章 jQuery Mobile配置和事件 420

17.1 配置 420

17.1.1 jQuery Mobile配置项 420

17.1.2 案例：设置gradeA 423

17.2 页面事件 426

17.2.1 页面初始事件 427

17.2.2 页面切换事件 428

17.2.3 页面显隐事件 430

17.3 触摸事件 432

17.3.1 滑动事件 432

17.3.2 翻转事件 435

17.3.3 滚屏事件 437

17.4 实战案例 439

17.4.1 单击和长按 439

17.4.2 侧滑面板 440

第18章 使用Bootstrap 442

18.1 Bootstrap概述 442

18.1.1 Bootstrap特色 442

18.1.2 Bootstrap模块 443

18.2 下载Bootstrap 444

18.2.1 下载Bootstrap 444

18.2.2 源码版Bootstrap文件结构 446

18.2.3 编译版Bootstrap文件结构 447

18.3 安装Bootstrap 448

18.3.1 在页面中导入Bootstrap框架 448

18.3.2 初次使用Bootstrap 449

18.4 使用常用组件 450

18.4.1 设计下拉菜单 450

18.4.2 设计按钮组 452

18.4.3 设计按钮导航条 452

18.4.4 设计按钮式下拉菜单 453

18.4.5 设计导航组件 454

18.4.6 绑定导航和下拉菜单 455

18.4.7 设计导航条 456

18.4.8 设计列表组 458

18.4.9 定义模态框 460

18.4.10 定义滚动监听 462

18.5 实战案例 465

18.5.1 设计Tabs组件 465

18.5.2 设计企业首页 466

第19章 案例开发：微信wap网站 470

19.1 设计思路 470

19.1.1 内容 470

19.1.2 结构 470

19.1.3 效果 471

19.2 设计首页 472

19.3 设计登录页 474

19.4 选择城市 475

19.5 选择酒店 479

19.6 预定酒店 480

第20章 实战开发：记事本应用项目 484

20.1 项目分析 484

20.2 框架设计 485

20.3 技术准备 485

20.3.1 兼容性检查 486

20.3.2 读写数据 487

20.3.3 使用Web Storage 488

20.3.4 Web Storage事件监测 489

20.4 制作主页面 489

20.5 制作列表页 492

20.6 制作详细页 494

20.7 制作修改页 497

20.8 制作添加页 500

第21章 实战开发：互动社区wap项目 504

21.1 项目分析 504

21.2 主页设计 504

21.3 登录页设计 506

21.4 注册页设计 507

21.5 发布页设计 508

21.6 后台开发 508

21.6.1 设计数据库 509

21.6.2 连接数据库 510

21.6.3 首页功能实现 510

21.6.4 注册页功能实现 514

21.6.5 发布页功能实现 515

21.6.6 回复功能实现 517