HTML5网页设计案例课堂（第2版）
出版时间:
2018-01
版次:
2
ISBN:
9787302489160
定价:
69.00
装帧:
其他
开本:
16开
纸张:
胶版纸
页数:
436页
字数:
680千字
6人买过
-
《HTML5网页设计案例课堂(第2版)》以零基础讲解为宗旨，用实例引导读者深入学习，采取【基础入门→核心技术→高级技能→移动开发→综合案例实战】的讲解模式，深入浅出地讲解HTML 5的各项技术及实战技能。
《HTML5网页设计案例课堂(第2版)》第Ⅰ篇【基础入门】主要内容包括新一代Web前端技术HTML 5、HTML 5网页的文档结构、HTML 5与HTML4的区别等；第Ⅱ篇【核心技术】主要内容包括设计网页文本内容、设计网页列表与段落、HTM L5网页中的图像、使用HTML 5建立超链接、使用HTML 5创建表单、使用HTML 5创建表格、HTML 5中的音频和视频、使用HTML 5绘制图形等；第Ⅲ篇【高级技能】主要内容包括HTML 5中的文件与拖放、定位地理位置技术、Web存储和通信技术、处理线程和服务器发送事件、构建离线的Web应用等；第Ⅳ篇【移动开发】主要内容包括jQuery Mobile基础、jQuery Mobile UI组件、jQuery Mobile 事件、数据存储和读取技术等；第Ⅴ篇【综合案例实战】主要内容包括制作休闲娱乐类网页、制作企业门户类网页、制作电子商务类网页、开发连锁酒店订购系统。本书赠送了13个超值的王牌资源。
《HTML5网页设计案例课堂(第2版)》适合任何想学习网页前台设计与布局的人员，无论您是否从事计算机相关行业，无论您是否接触过HTML 5，通过学习均可快速掌握网页的设计方法和技巧。 作者长期从事网站开发工作，数年来承接了大量的项目，具有丰富的实践经验。 目 录
第Ⅰ篇 基 础
入 门
第1章 新一代Web前端
技术HTML 5 3
1.1
HTML的基本概念 4
1.1.1
HTML的发展历程 4
1.1.2
什么是HTML 4
1.1.3
HTML 5文件的基本结构 5
1.2
HTML 5的优势 5
1.2.1
解决了跨浏览器问题 5
1.2.2
新增了多个新特性 5
1.2.3
用户优先的原则 6
1.2.4
化繁为简的优势 7
1.3
HTML 5网页的开发环境 7
1.3.1
案例1——使用记事本手工
编写HTML 5 7
1.3.2
案例2——使用Dreamweaver CC
编写HTML文件 8
1.4 使用浏览器查看HTML 5文件 11
1.4.1
案例3——查看页面效果 11
1.4.2
案例4——查看源文件 12
1.5 高手解惑 12
第2章 HTML 5网页的文档结构 13
2.1
HTML 5文件的基本结构 14
2.1.1
HTML 5页面的整体结构 14
2.1.2
HTML 5新增的结构标记 14
2.2
HTML 5基本标记详解 15
2.2.1
文档类型说明 15
2.2.2
HTML标记 15
2.2.3
头标记head 16
2.2.4
网页的主体标记body 18
2.2.5
页面注释标记 19
2.3
HTML 5语法的变化 20
2.3.1
标签不再区分大小写 20
2.3.2
允许属性值不使用引号 20
2.3.3
允许部分属性值的属性省略 20
2.4 必知必会——HTML 5代码规范 21
2.5 综合案例——符合W3C标准的
HTML 5网页 22
2.6 跟我学上机——简单的HTML 5网页 22
2.7 高手解惑 23
第3章 HTML 5与HTML 4 的区别 25
3.1 新增的主体结构元素 26
3.1.1 案例1——section元素的使用 26
3.1.2 案例2——article元素的使用 26
3.1.3 案例3——aside元素的使用 29
3.1.4 案例4——nav元素的使用 31
3.1.5 案例5——time元素的使用 32
3.2 新增的非主体结构元素 34
3.2.1 案例6——header元素的使用 34
3.2.2 案例7——hgroup元素的使用 34
3.2.3 案例8——footer元素的使用 36
3.2.4 案例9——figure元素的使用 37
3.2.5 案例10——address元素的使用 39
3.3 新增其他常用元素 40
3.3.1 案例11——mark元素的使用 40
3.3.2 案例12——rp元素、rt元素与
ruby元素的使用 41
3.3.3 案例13——progress元素的
使用 42
3.3.4 案例14——command元素的
使用 42
3.3.5 案例15——embed元素的
使用 43
3.3.6 案例16——details元素与
summary元素的使用 43
3.3.7 案例17——datalist元素的
使用 44
3.4 新增全局属性 45
3.4.1 案例18——contentEditable
属性的使用 45
3.4.2 案例19——spellcheck属性的
使用 46
3.4.3 案例20——tabIndex属性的
使用 46
3.5 新增的其他属性 47
3.5.1 案例21——表单相关属性的
使用 47
3.5.2 案例22——链接相关属性的
使用 54
3.5.3 案例23——其他新增属性的
使用 55
3.6 HTML 5废除的属性 56
3.7 高手解惑 57
第II篇 核
心 技 术
第4章 设计网页文本内容 61
4.1 标题文字的建立 62
4.1.1 案例1——标题文字标记 62
4.1.2 案例2——标题文字的
对齐方式 63
4.2 设置文字格式 63
4.2.1 案例3——设置文字字体 63
4.2.2 案例4——设置字号 64
4.2.3 案例5——设置文字颜色 66
4.2.4 案例6——设置粗体、斜体、
下画线 67
4.2.5 案例7——设置上标与下标 68
4.2.6 案例8——设置字体风格 68
4.2.7 案例9——设置加粗字体 69
4.2.8 案例10——设置字体
复合属性 70
4.2.9 案例11——设置阴影文本 71
4.2.10 案例12——控制换行 72
4.3 设置段落格式 73
4.3.1 案例13——设置段落标记 73
4.3.2 案例14——设置换行标记 74
4.4 设置网页水平线 75
4.4.1 案例15——添加水平线 75
4.4.2 案例16——设置水平线的
宽度与高度 75
4.4.3 案例17——设置水平线的颜色 76
4.4.4 案例18——设置水平线的
对齐方式 76
4.4.5 案例19——去掉水平线阴影 77
4.5 综合案例——成才教育网文本设计 77
4.6 高手解惑 78
第5章 设计网页列表与段落 79
5.1 网页文字列表的设计 80
5.1.1 案例1——建立无序列表 80
5.1.2 案例2——建立有序列表 81
5.1.3 案例3——建立不同类型的
无序列表 82
5.1.4 案例4——建立不同类型的
有序列表 82
5.1.5 案例5——嵌套列表 83
5.1.6 案例6——自定义列表 83
5.2 网页段落格式的设计 84
5.2.1 案例7——设计单词间隔
word-spacing 84
5.2.2 案例8——设计字符间隔
letter-spacing 85
5.2.3 案例9——设计文字修饰
text-decoration 86
5.2.4 案例10——设计垂直
对齐方式vertical-align 87
5.2.5 案例11——设计文本转换
text-transform 88
5.2.6 案例12——设计水平对齐
方式text-align 89
5.2.7 案例13——设计文本缩进
text-indent 91
5.2.8 案例14——设计文本行高
line-height 92
5.2.9 案例15——处理空白
white-space 93
5.2.10 案例16——文本反排
unicode-bidi 94
5.3 综合案例——制作图文混排型
旅游网页 96
5.4 高手解惑 97
第6章 HTML 5网页中的图像 99
6.1 网页中的图像 100
6.1.1 网页中支持的图片格式 100
6.1.2 图像中的路径 100
6.2 在网页中插入图像 102
6.2.1 案例1——插入图像 102
6.2.2 案例2——从不同位置插入
图像 103
6.3 编辑网页中的图像 103
6.3.1 案例3——设置图像的
宽度和高度 104
6.3.2 案例4——设置图像的
提示文字 104
6.3.3 案例5——将图片设置为
网页背景 105
6.3.4 案例6——排列图像 106
6.4 综合案例——图文并茂的房屋装饰
装修网页 107
6.5 高手解惑 108
第7章 使用HTML 5建立超链接 109
7.1 网页超链接的概念 110
7.1.1 什么是网页超链接 110
7.1.2 超链接中的URL 110
7.1.3 超链接的URL类型 111
7.2 建立网页超级链接 111
7.2.1 案例1——创建超文本链接 111
7.2.2 案例2——创建图片链接 113
7.2.3 案例3——创建下载链接 114
7.2.4 案例4——使用相对路径和
绝对路径 115
7.2.5 案例5——设置以新窗口显示
超链接页面 115
7.2.6 案例6——设置电子邮件链接 116
7.3 案例7——浮动框架iframe的使用 117
7.4 综合案例——使用锚链接制作电子书
阅读网页 119
7.5 高手解惑 122
第8章 使用HTML 5 创建表单 123
8.1 案例1——认识表单 124
8.2 表单基本元素的使用 124
8.2.1
案例2——单行文本输入框
text 125
8.2.2
案例3——多行文本输入框
textarea 125
8.2.3
案例4——密码域password 126
8.2.4
案例5——单选按钮radio 127
8.2.5
案例6——复选框checkbox 128
8.2.6
案例7——列表框select 128
8.2.7 案例8——普通按钮button 129
8.2.8
案例9——提交按钮submit 130
8.2.9
案例10——重置按钮reset 131
8.3 表单高级元素的使用 132
8.3.1
案例11——url属性的使用 132
8.3.2
案例12——email属性的使用 132
8.3.3
案例13——date和time属性的
使用 133
8.3.4
案例14——number属性的
使用 134
8.3.5
案例15——range属性的使用 135
8.3.6
案例16——required属性的
使用 136
8.4 综合案例——创建用户反馈表单 137
8.5 跟我学上机——制作用户注册表单 138
8.6 高手解惑 139
第9章 使用HTML 5 创建表格 141
9.1 案例1——表格的基本结构 142
9.2 创建表格 143
9.2.1
案例2——创建普通表格 143
9.2.2
案例3——创建一个带有标题的
表格 144
9.3 编辑表格 145
9.3.1
案例4——定义表格的
边框类型 145
9.3.2
案例5——定义表格的表头 146
9.3.3
案例6——设置表格背景 147
9.3.4
案例7——设置单元格的背景 148
9.3.5
案例8——合并单元格 148
9.3.6
案例9——排列单元格中的
内容 152
9.3.7
案例10——设置单元格的
行高与列宽 153
9.4 案例11——完整的表格标记 153
9.5 综合案例——制作计算机报价表 154
9.6 跟我学上机——制作学生成绩表 157
9.7 高手解惑 160
第10章 HTML 5中的音频和视频 161
10.1
audio标签概述 162
10.1.1
案例1——认识audio标签 162
10.1.2
audio标签的属性 163
10.1.3
浏览器对audio标签的
支持情况 163
10.2
在网页中添加音频文件 163
10.2.1
案例2——添加自动播放的
音频文件 163
10.2.2
案例3——添加带有控件的
音频文件 164
10.2.3
案例4——添加循环播放的
音频文件 165
10.2.4
案例5——添加预播放的
音频文件 165
10.3
video标签概述 166
10.3.1
案例6——认识video标签 166
10.3.2
video标签的属性 167
10.3.3
浏览器对video标签的
支持情况 167
10.4
在网页中添加视频文件 168
10.4.1
案例7——添加自动播放的
视频文件 168
10.4.2
案例8——添加带有控件的
视频文件 169
10.4.3
案例9——添加循环播放的
视频文件 169
10.5
综合案例——设置视频文件的
高度与宽度 170
10.6
跟我学上机——添加预播放的
视频文件 171
10.7
高手解惑 172
第11章 使用HTML 5绘制图形 173
11.1
添加canvas的步骤 174
11.2
绘制基本形状 174
11.2.1
案例1——绘制矩形 175
11.2.2
案例2——绘制圆形 176
11.2.3
案例3——使用moveTo与
lineTo绘制直线 177
11.2.4
案例4——使用bezierCurveTo
绘制贝济埃曲线 178
11.3
绘制渐变图形 179
11.3.1
案例5——绘制线性渐变 179
11.3.2
案例6——绘制径向渐变 181
11.4
绘制变形图形 182
11.4.1
案例7——绘制平移效果的
图形 182
11.4.2
案例8——绘制缩放效果的
图形 183
11.4.3
案例9——绘制旋转效果的
图形 185
11.4.4
案例10——绘制组合效果的
图形 186
11.4.5
案例11——绘制带阴影的
图形 188
11.5
使用图像 189
11.5.1
案例12——绘制图像 189
11.5.2
案例13——平铺图像 190
11.5.3
案例14——裁剪图像 192
11.5.4
案例15——图像的
像素化处理 193
11.6
案例16——绘制文字 195
11.7
图形的保存与恢复 196
11.7.1
案例17——保存与
恢复状态 196
11.7.2
案例18——保存文件 197
11.8
综合案例——绘制火柴棒人物 199
11.9
跟我学上机——绘制商标 201
11.10
高手解惑 203
第III篇 高
级 技 能
第12章 HTML 5中的文件与拖放 207
12.1 选择文件 208
12.1.1 案例1——选择单个文件 208
12.1.2 案例2——选择多个文件 208
12.2 使用FileReader接口读取文件 209
12.2.1 检测浏览器是否支持
FileReader接口 209
12.2.2 FileReader接口的方法 210
12.2.3 案例3——使用readAsDataURL
方法预览图片 210
12.2.4 案例4——使用readAsText方法
读取文本文件 212
12.3 使用HTML 5实现文件的拖放 213
12.3.1 认识文件拖放的过程 214
12.3.2 浏览器支持情况 214
12.3.3 案例5——在网页中拖放
图片 215
12.4 综合案例——在网页中来回拖放
图片 216
12.5
跟我学上机——在网页中拖放文字 217
12.6
高手解惑 219
第13章 定位地理位置技术 221
13.1 Geolocation API获取地理位置 222
13.1.1 地理地位的原理 222
13.1.2 获取定位信息的方法 222
13.1.3 常用地理定位方法 222
13.1.4 判断浏览器是否支持HTML 5
获取地理位置信息 223
13.1.5 指定纬度和经度坐标 224
13.1.6 获取当前位置的经度与
纬度 225
13.1.7 处理错误和拒绝 227
13.2 目前浏览器对地理定位的
支持情况 227
13.3 综合案例——在网页中调用Google
地图 228
13.4 跟我学上机——持续获取用户
移动后的位置 230
13.5 高手解惑 231
第14章 Web存储和通信技术 233
14.1 认识Web存储 234
14.1.1 本地存储和Cookies的区别 234
14.1.2 Web存储方法 234
14.2 使用HTML 5 Web Storage API 234
14.2.1 测试浏览器的支持情况 235
14.2.2 案例1——使用sessionStorage
方法创建对象 236
14.2.3 案例2——使用localStorage
方法创建对象 237
14.2.4 案例3——Web Storage API的
其他操作 238
14.2.5 案例4——使用JSON对象
存取数据 239
14.3 目前浏览器对Web存储的
支持情况 241
14.4
跨文档消息传输 242
14.4.1
跨文档消息传输的基本知识 242
14.4.2
案例5——跨文档通信应用
测试 242
14.5
WebSocket API 245
14.5.1
什么是WebSocket API 245
14.5.2
WebSocket通信基础 245
14.5.3
案例6——服务器端使用Web
Socket API 247
14.5.4
案例7——客户端使用
WebSocket API 250
14.6
综合案例——制作简单
Web留言本 250
14.7
跟我学上机——编写简单的
WebSocket服务器 253
14.8 高手解惑 257
第15章 处理线程和服务器
发送事件 259
15.1 Web Worker 260
15.1.1 Web Worker概述 260
15.1.2 线程中常用的变量、
函数与类 260
15.1.3 案例1——与线程进行
数据的交互 261
15.2 线程嵌套 263
15.2.1 案例2——单线程嵌套 263
15.2.2 案例3——多个子线程中的
数据交互 265
15.3 服务器发送事件概述 267
15.4 服务器发送事件的实现过程 267
15.4.1 案例4——检测浏览器是否
支持Server-Sent 事件 267
15.4.2 案例5——使用EventSource
对象 268
15.4.3 案例6——编写服务器端
代码 268
15.5 综合案例——创建Web Worker
计数器 269
15.6
跟我学上机——服务器发送事件
实战应用 270
15.7
高手解惑 272
第16章 构建离线的 Web应用 273
16.1 HTML 5离线Web应用概述 274
16.2 案例1——使用HTML 5离线
Web应用API 274
16.2.1 检查浏览器的支持情况 274
16.2.2 搭建简单的离线应用程序 275
16.2.3 支持离线行为 275
16.2.4 Manifest文件 276
16.2.5 Application Cache API 277
16.3 案例2——使用HTML 5离线
Web应用构建应用 278
16.3.1 创建记录资源的manifest
文件 278
16.3.2 创建构成界面的HTML和
CSS 279
16.3.3 创建离线的JavaScript 279
16.3.4 检查Application Cache的
支持情况 281
16.3.5 为Update按钮添加
处理函数 281
16.3.6 添加Storage功能代码 282
16.3.7 添加离线事件处理程序 282
16.4 综合案例——离线定位跟踪 283
16.5 高手解惑 287
第IV篇 移
动 开 发
第17章 jQuery Mobile基础 291
17.1
认识jQuery Mobile 292
17.2
跨平台移动设备网页
jQuery Mobile 292
17.2.1
案例1——移动设备模拟器 292
17.2.2
案例2——jQuery Mobile的
安装 294
17.2.3 案例3—— jQuery Mobile
网页的架构 296
17.3
案例4——创建多页面的
jQuery Mobile网页 297
17.4
案例5——将页面作为对话框使用 298
17.5
案例6——绚丽多彩的页面切换
效果 299
17.6
高手解惑 301
第18章 jQuery Mobile UI组件 303
18.1
套用UI组件 304
18.1.1
案例1——表单组件 304
18.1.2
案例2——按钮和组按钮 311
18.1.3
案例3——按钮图标 313
18.1.4
案例4——弹窗 315
18.2
列表 316
18.2.1
案例5——列表视图 316
18.2.2
案例6——列表内容 319
18.2.3
案例7——列表过滤 320
18.3
面板和可折叠块 322
18.3.1
案例8——面板 322
18.3.2
案例9——可折叠块 323
18.4
案例10——导航条 325
18.5
综合案例——使用jQuery Mobile
主题 328
18.6
高手解惑 331
第19章 jQuery Mobile 事件 333
19.1
页面事件 334
19.1.1
案例1——初始化事件 334
19.1.2
案例2——外部页面加载
事件 336
19.1.3
案例3——页面过渡事件 338
19.2
触摸事件 340
19.2.1
案例4——点击事件 340
19.2.2
案例5——滑动事件 342
19.3
案例6——滚屏事件 344
19.4
案例7——定位事件 347
19.5
高手解惑 349
第20章 数据存储和读取技术 351
20.1
Web SQL Database概述 352
20.2
数据库的基本操作 352
20.3
数据表的基本操作 353
20.4
数据的基本操作 355
20.5
综合案例——Web SQL Database的
综合操作技能 356
20.6
高手解惑 359
第V篇 综合案例实战
第21章 制作休闲娱乐类网页 363
21.1 整体布局 364
21.1.1 设计分析 364
21.1.2 排版架构 365
21.2 模块组成 365
21.3 制作步骤 366
21.3.1 制作样式表 366
21.3.2 Logo与导航菜单 373
21.3.3 搜索条 374
21.3.4 左侧视频模块 374
21.3.5 评论模块 375
21.3.6 右侧热门推荐 377
21.3.7 底部模块 378
第22章 制作企业门户类网页 381
22.1 整体布局 382
22.1.1 设计分析 382
22.1.2 排版架构 383
22.2 模块组成 383
22.3 制作步骤 384
22.3.1 样式表 384
22.3.2 网页头部 385
22.3.3 导航菜单栏 386
22.3.4 中间主体第一栏 386
22.3.5 中间主体第二栏 390
22.3.6 中间主体第三栏 393
22.3.7 中间主体第四栏 398
22.3.8 中间主体第五栏 402
22.3.9 网页底部 407
第23章 制作电子商务类网页 409
23.1 整体布局 410
23.1.1 设计分析 410
23.1.2 排版架构 411
23.2 模块组成 411
23.3 制作步骤 411
23.3.1 样式表 411
23.3.2 网页头部 419
23.3.3 主体第一通栏 420
23.3.4 主体第二通栏 420
23.3.5 主体第三通栏 421
23.3.6 网页底部 422
第24章 开发连锁酒店订购系统 425
24.1
连锁酒店订购的需求分析 426
24.2
网站的结构 426
24.3
连锁酒店订购系统的代码实现 427
24.3.1
设计首页 427
24.3.2
订购页面 428
24.3.3
连锁分店页面 433
24.3.4
查看订单页面 434
24.3.5
酒店介绍页面 436
-
内容简介:
《HTML5网页设计案例课堂(第2版)》以零基础讲解为宗旨，用实例引导读者深入学习，采取【基础入门→核心技术→高级技能→移动开发→综合案例实战】的讲解模式，深入浅出地讲解HTML 5的各项技术及实战技能。
《HTML5网页设计案例课堂(第2版)》第Ⅰ篇【基础入门】主要内容包括新一代Web前端技术HTML 5、HTML 5网页的文档结构、HTML 5与HTML4的区别等；第Ⅱ篇【核心技术】主要内容包括设计网页文本内容、设计网页列表与段落、HTM L5网页中的图像、使用HTML 5建立超链接、使用HTML 5创建表单、使用HTML 5创建表格、HTML 5中的音频和视频、使用HTML 5绘制图形等；第Ⅲ篇【高级技能】主要内容包括HTML 5中的文件与拖放、定位地理位置技术、Web存储和通信技术、处理线程和服务器发送事件、构建离线的Web应用等；第Ⅳ篇【移动开发】主要内容包括jQuery Mobile基础、jQuery Mobile UI组件、jQuery Mobile 事件、数据存储和读取技术等；第Ⅴ篇【综合案例实战】主要内容包括制作休闲娱乐类网页、制作企业门户类网页、制作电子商务类网页、开发连锁酒店订购系统。本书赠送了13个超值的王牌资源。
《HTML5网页设计案例课堂(第2版)》适合任何想学习网页前台设计与布局的人员，无论您是否从事计算机相关行业，无论您是否接触过HTML 5，通过学习均可快速掌握网页的设计方法和技巧。
-
作者简介:
作者长期从事网站开发工作，数年来承接了大量的项目，具有丰富的实践经验。
-
目录:
目 录
第Ⅰ篇 基 础
入 门
第1章 新一代Web前端
技术HTML 5 3
1.1
HTML的基本概念 4
1.1.1
HTML的发展历程 4
1.1.2
什么是HTML 4
1.1.3
HTML 5文件的基本结构 5
1.2
HTML 5的优势 5
1.2.1
解决了跨浏览器问题 5
1.2.2
新增了多个新特性 5
1.2.3
用户优先的原则 6
1.2.4
化繁为简的优势 7
1.3
HTML 5网页的开发环境 7
1.3.1
案例1——使用记事本手工
编写HTML 5 7
1.3.2
案例2——使用Dreamweaver CC
编写HTML文件 8
1.4 使用浏览器查看HTML 5文件 11
1.4.1
案例3——查看页面效果 11
1.4.2
案例4——查看源文件 12
1.5 高手解惑 12
第2章 HTML 5网页的文档结构 13
2.1
HTML 5文件的基本结构 14
2.1.1
HTML 5页面的整体结构 14
2.1.2
HTML 5新增的结构标记 14
2.2
HTML 5基本标记详解 15
2.2.1
文档类型说明 15
2.2.2
HTML标记 15
2.2.3
头标记head 16
2.2.4
网页的主体标记body 18
2.2.5
页面注释标记 19
2.3
HTML 5语法的变化 20
2.3.1
标签不再区分大小写 20
2.3.2
允许属性值不使用引号 20
2.3.3
允许部分属性值的属性省略 20
2.4 必知必会——HTML 5代码规范 21
2.5 综合案例——符合W3C标准的
HTML 5网页 22
2.6 跟我学上机——简单的HTML 5网页 22
2.7 高手解惑 23
第3章 HTML 5与HTML 4 的区别 25
3.1 新增的主体结构元素 26
3.1.1 案例1——section元素的使用 26
3.1.2 案例2——article元素的使用 26
3.1.3 案例3——aside元素的使用 29
3.1.4 案例4——nav元素的使用 31
3.1.5 案例5——time元素的使用 32
3.2 新增的非主体结构元素 34
3.2.1 案例6——header元素的使用 34
3.2.2 案例7——hgroup元素的使用 34
3.2.3 案例8——footer元素的使用 36
3.2.4 案例9——figure元素的使用 37
3.2.5 案例10——address元素的使用 39
3.3 新增其他常用元素 40
3.3.1 案例11——mark元素的使用 40
3.3.2 案例12——rp元素、rt元素与
ruby元素的使用 41
3.3.3 案例13——progress元素的
使用 42
3.3.4 案例14——command元素的
使用 42
3.3.5 案例15——embed元素的
使用 43
3.3.6 案例16——details元素与
summary元素的使用 43
3.3.7 案例17——datalist元素的
使用 44
3.4 新增全局属性 45
3.4.1 案例18——contentEditable
属性的使用 45
3.4.2 案例19——spellcheck属性的
使用 46
3.4.3 案例20——tabIndex属性的
使用 46
3.5 新增的其他属性 47
3.5.1 案例21——表单相关属性的
使用 47
3.5.2 案例22——链接相关属性的
使用 54
3.5.3 案例23——其他新增属性的
使用 55
3.6 HTML 5废除的属性 56
3.7 高手解惑 57
第II篇 核
心 技 术
第4章 设计网页文本内容 61
4.1 标题文字的建立 62
4.1.1 案例1——标题文字标记 62
4.1.2 案例2——标题文字的
对齐方式 63
4.2 设置文字格式 63
4.2.1 案例3——设置文字字体 63
4.2.2 案例4——设置字号 64
4.2.3 案例5——设置文字颜色 66
4.2.4 案例6——设置粗体、斜体、
下画线 67
4.2.5 案例7——设置上标与下标 68
4.2.6 案例8——设置字体风格 68
4.2.7 案例9——设置加粗字体 69
4.2.8 案例10——设置字体
复合属性 70
4.2.9 案例11——设置阴影文本 71
4.2.10 案例12——控制换行 72
4.3 设置段落格式 73
4.3.1 案例13——设置段落标记 73
4.3.2 案例14——设置换行标记 74
4.4 设置网页水平线 75
4.4.1 案例15——添加水平线 75
4.4.2 案例16——设置水平线的
宽度与高度 75
4.4.3 案例17——设置水平线的颜色 76
4.4.4 案例18——设置水平线的
对齐方式 76
4.4.5 案例19——去掉水平线阴影 77
4.5 综合案例——成才教育网文本设计 77
4.6 高手解惑 78
第5章 设计网页列表与段落 79
5.1 网页文字列表的设计 80
5.1.1 案例1——建立无序列表 80
5.1.2 案例2——建立有序列表 81
5.1.3 案例3——建立不同类型的
无序列表 82
5.1.4 案例4——建立不同类型的
有序列表 82
5.1.5 案例5——嵌套列表 83
5.1.6 案例6——自定义列表 83
5.2 网页段落格式的设计 84
5.2.1 案例7——设计单词间隔
word-spacing 84
5.2.2 案例8——设计字符间隔
letter-spacing 85
5.2.3 案例9——设计文字修饰
text-decoration 86
5.2.4 案例10——设计垂直
对齐方式vertical-align 87
5.2.5 案例11——设计文本转换
text-transform 88
5.2.6 案例12——设计水平对齐
方式text-align 89
5.2.7 案例13——设计文本缩进
text-indent 91
5.2.8 案例14——设计文本行高
line-height 92
5.2.9 案例15——处理空白
white-space 93
5.2.10 案例16——文本反排
unicode-bidi 94
5.3 综合案例——制作图文混排型
旅游网页 96
5.4 高手解惑 97
第6章 HTML 5网页中的图像 99
6.1 网页中的图像 100
6.1.1 网页中支持的图片格式 100
6.1.2 图像中的路径 100
6.2 在网页中插入图像 102
6.2.1 案例1——插入图像 102
6.2.2 案例2——从不同位置插入
图像 103
6.3 编辑网页中的图像 103
6.3.1 案例3——设置图像的
宽度和高度 104
6.3.2 案例4——设置图像的
提示文字 104
6.3.3 案例5——将图片设置为
网页背景 105
6.3.4 案例6——排列图像 106
6.4 综合案例——图文并茂的房屋装饰
装修网页 107
6.5 高手解惑 108
第7章 使用HTML 5建立超链接 109
7.1 网页超链接的概念 110
7.1.1 什么是网页超链接 110
7.1.2 超链接中的URL 110
7.1.3 超链接的URL类型 111
7.2 建立网页超级链接 111
7.2.1 案例1——创建超文本链接 111
7.2.2 案例2——创建图片链接 113
7.2.3 案例3——创建下载链接 114
7.2.4 案例4——使用相对路径和
绝对路径 115
7.2.5 案例5——设置以新窗口显示
超链接页面 115
7.2.6 案例6——设置电子邮件链接 116
7.3 案例7——浮动框架iframe的使用 117
7.4 综合案例——使用锚链接制作电子书
阅读网页 119
7.5 高手解惑 122
第8章 使用HTML 5 创建表单 123
8.1 案例1——认识表单 124
8.2 表单基本元素的使用 124
8.2.1
案例2——单行文本输入框
text 125
8.2.2
案例3——多行文本输入框
textarea 125
8.2.3
案例4——密码域password 126
8.2.4
案例5——单选按钮radio 127
8.2.5
案例6——复选框checkbox 128
8.2.6
案例7——列表框select 128
8.2.7 案例8——普通按钮button 129
8.2.8
案例9——提交按钮submit 130
8.2.9
案例10——重置按钮reset 131
8.3 表单高级元素的使用 132
8.3.1
案例11——url属性的使用 132
8.3.2
案例12——email属性的使用 132
8.3.3
案例13——date和time属性的
使用 133
8.3.4
案例14——number属性的
使用 134
8.3.5
案例15——range属性的使用 135
8.3.6
案例16——required属性的
使用 136
8.4 综合案例——创建用户反馈表单 137
8.5 跟我学上机——制作用户注册表单 138
8.6 高手解惑 139
第9章 使用HTML 5 创建表格 141
9.1 案例1——表格的基本结构 142
9.2 创建表格 143
9.2.1
案例2——创建普通表格 143
9.2.2
案例3——创建一个带有标题的
表格 144
9.3 编辑表格 145
9.3.1
案例4——定义表格的
边框类型 145
9.3.2
案例5——定义表格的表头 146
9.3.3
案例6——设置表格背景 147
9.3.4
案例7——设置单元格的背景 148
9.3.5
案例8——合并单元格 148
9.3.6
案例9——排列单元格中的
内容 152
9.3.7
案例10——设置单元格的
行高与列宽 153
9.4 案例11——完整的表格标记 153
9.5 综合案例——制作计算机报价表 154
9.6 跟我学上机——制作学生成绩表 157
9.7 高手解惑 160
第10章 HTML 5中的音频和视频 161
10.1
audio标签概述 162
10.1.1
案例1——认识audio标签 162
10.1.2
audio标签的属性 163
10.1.3
浏览器对audio标签的
支持情况 163
10.2
在网页中添加音频文件 163
10.2.1
案例2——添加自动播放的
音频文件 163
10.2.2
案例3——添加带有控件的
音频文件 164
10.2.3
案例4——添加循环播放的
音频文件 165
10.2.4
案例5——添加预播放的
音频文件 165
10.3
video标签概述 166
10.3.1
案例6——认识video标签 166
10.3.2
video标签的属性 167
10.3.3
浏览器对video标签的
支持情况 167
10.4
在网页中添加视频文件 168
10.4.1
案例7——添加自动播放的
视频文件 168
10.4.2
案例8——添加带有控件的
视频文件 169
10.4.3
案例9——添加循环播放的
视频文件 169
10.5
综合案例——设置视频文件的
高度与宽度 170
10.6
跟我学上机——添加预播放的
视频文件 171
10.7
高手解惑 172
第11章 使用HTML 5绘制图形 173
11.1
添加canvas的步骤 174
11.2
绘制基本形状 174
11.2.1
案例1——绘制矩形 175
11.2.2
案例2——绘制圆形 176
11.2.3
案例3——使用moveTo与
lineTo绘制直线 177
11.2.4
案例4——使用bezierCurveTo
绘制贝济埃曲线 178
11.3
绘制渐变图形 179
11.3.1
案例5——绘制线性渐变 179
11.3.2
案例6——绘制径向渐变 181
11.4
绘制变形图形 182
11.4.1
案例7——绘制平移效果的
图形 182
11.4.2
案例8——绘制缩放效果的
图形 183
11.4.3
案例9——绘制旋转效果的
图形 185
11.4.4
案例10——绘制组合效果的
图形 186
11.4.5
案例11——绘制带阴影的
图形 188
11.5
使用图像 189
11.5.1
案例12——绘制图像 189
11.5.2
案例13——平铺图像 190
11.5.3
案例14——裁剪图像 192
11.5.4
案例15——图像的
像素化处理 193
11.6
案例16——绘制文字 195
11.7
图形的保存与恢复 196
11.7.1
案例17——保存与
恢复状态 196
11.7.2
案例18——保存文件 197
11.8
综合案例——绘制火柴棒人物 199
11.9
跟我学上机——绘制商标 201
11.10
高手解惑 203
第III篇 高
级 技 能
第12章 HTML 5中的文件与拖放 207
12.1 选择文件 208
12.1.1 案例1——选择单个文件 208
12.1.2 案例2——选择多个文件 208
12.2 使用FileReader接口读取文件 209
12.2.1 检测浏览器是否支持
FileReader接口 209
12.2.2 FileReader接口的方法 210
12.2.3 案例3——使用readAsDataURL
方法预览图片 210
12.2.4 案例4——使用readAsText方法
读取文本文件 212
12.3 使用HTML 5实现文件的拖放 213
12.3.1 认识文件拖放的过程 214
12.3.2 浏览器支持情况 214
12.3.3 案例5——在网页中拖放
图片 215
12.4 综合案例——在网页中来回拖放
图片 216
12.5
跟我学上机——在网页中拖放文字 217
12.6
高手解惑 219
第13章 定位地理位置技术 221
13.1 Geolocation API获取地理位置 222
13.1.1 地理地位的原理 222
13.1.2 获取定位信息的方法 222
13.1.3 常用地理定位方法 222
13.1.4 判断浏览器是否支持HTML 5
获取地理位置信息 223
13.1.5 指定纬度和经度坐标 224
13.1.6 获取当前位置的经度与
纬度 225
13.1.7 处理错误和拒绝 227
13.2 目前浏览器对地理定位的
支持情况 227
13.3 综合案例——在网页中调用Google
地图 228
13.4 跟我学上机——持续获取用户
移动后的位置 230
13.5 高手解惑 231
第14章 Web存储和通信技术 233
14.1 认识Web存储 234
14.1.1 本地存储和Cookies的区别 234
14.1.2 Web存储方法 234
14.2 使用HTML 5 Web Storage API 234
14.2.1 测试浏览器的支持情况 235
14.2.2 案例1——使用sessionStorage
方法创建对象 236
14.2.3 案例2——使用localStorage
方法创建对象 237
14.2.4 案例3——Web Storage API的
其他操作 238
14.2.5 案例4——使用JSON对象
存取数据 239
14.3 目前浏览器对Web存储的
支持情况 241
14.4
跨文档消息传输 242
14.4.1
跨文档消息传输的基本知识 242
14.4.2
案例5——跨文档通信应用
测试 242
14.5
WebSocket API 245
14.5.1
什么是WebSocket API 245
14.5.2
WebSocket通信基础 245
14.5.3
案例6——服务器端使用Web
Socket API 247
14.5.4
案例7——客户端使用
WebSocket API 250
14.6
综合案例——制作简单
Web留言本 250
14.7
跟我学上机——编写简单的
WebSocket服务器 253
14.8 高手解惑 257
第15章 处理线程和服务器
发送事件 259
15.1 Web Worker 260
15.1.1 Web Worker概述 260
15.1.2 线程中常用的变量、
函数与类 260
15.1.3 案例1——与线程进行
数据的交互 261
15.2 线程嵌套 263
15.2.1 案例2——单线程嵌套 263
15.2.2 案例3——多个子线程中的
数据交互 265
15.3 服务器发送事件概述 267
15.4 服务器发送事件的实现过程 267
15.4.1 案例4——检测浏览器是否
支持Server-Sent 事件 267
15.4.2 案例5——使用EventSource
对象 268
15.4.3 案例6——编写服务器端
代码 268
15.5 综合案例——创建Web Worker
计数器 269
15.6
跟我学上机——服务器发送事件
实战应用 270
15.7
高手解惑 272
第16章 构建离线的 Web应用 273
16.1 HTML 5离线Web应用概述 274
16.2 案例1——使用HTML 5离线
Web应用API 274
16.2.1 检查浏览器的支持情况 274
16.2.2 搭建简单的离线应用程序 275
16.2.3 支持离线行为 275
16.2.4 Manifest文件 276
16.2.5 Application Cache API 277
16.3 案例2——使用HTML 5离线
Web应用构建应用 278
16.3.1 创建记录资源的manifest
文件 278
16.3.2 创建构成界面的HTML和
CSS 279
16.3.3 创建离线的JavaScript 279
16.3.4 检查Application Cache的
支持情况 281
16.3.5 为Update按钮添加
处理函数 281
16.3.6 添加Storage功能代码 282
16.3.7 添加离线事件处理程序 282
16.4 综合案例——离线定位跟踪 283
16.5 高手解惑 287
第IV篇 移
动 开 发
第17章 jQuery Mobile基础 291
17.1
认识jQuery Mobile 292
17.2
跨平台移动设备网页
jQuery Mobile 292
17.2.1
案例1——移动设备模拟器 292
17.2.2
案例2——jQuery Mobile的
安装 294
17.2.3 案例3—— jQuery Mobile
网页的架构 296
17.3
案例4——创建多页面的
jQuery Mobile网页 297
17.4
案例5——将页面作为对话框使用 298
17.5
案例6——绚丽多彩的页面切换
效果 299
17.6
高手解惑 301
第18章 jQuery Mobile UI组件 303
18.1
套用UI组件 304
18.1.1
案例1——表单组件 304
18.1.2
案例2——按钮和组按钮 311
18.1.3
案例3——按钮图标 313
18.1.4
案例4——弹窗 315
18.2
列表 316
18.2.1
案例5——列表视图 316
18.2.2
案例6——列表内容 319
18.2.3
案例7——列表过滤 320
18.3
面板和可折叠块 322
18.3.1
案例8——面板 322
18.3.2
案例9——可折叠块 323
18.4
案例10——导航条 325
18.5
综合案例——使用jQuery Mobile
主题 328
18.6
高手解惑 331
第19章 jQuery Mobile 事件 333
19.1
页面事件 334
19.1.1
案例1——初始化事件 334
19.1.2
案例2——外部页面加载
事件 336
19.1.3
案例3——页面过渡事件 338
19.2
触摸事件 340
19.2.1
案例4——点击事件 340
19.2.2
案例5——滑动事件 342
19.3
案例6——滚屏事件 344
19.4
案例7——定位事件 347
19.5
高手解惑 349
第20章 数据存储和读取技术 351
20.1
Web SQL Database概述 352
20.2
数据库的基本操作 352
20.3
数据表的基本操作 353
20.4
数据的基本操作 355
20.5
综合案例——Web SQL Database的
综合操作技能 356
20.6
高手解惑 359
第V篇 综合案例实战
第21章 制作休闲娱乐类网页 363
21.1 整体布局 364
21.1.1 设计分析 364
21.1.2 排版架构 365
21.2 模块组成 365
21.3 制作步骤 366
21.3.1 制作样式表 366
21.3.2 Logo与导航菜单 373
21.3.3 搜索条 374
21.3.4 左侧视频模块 374
21.3.5 评论模块 375
21.3.6 右侧热门推荐 377
21.3.7 底部模块 378
第22章 制作企业门户类网页 381
22.1 整体布局 382
22.1.1 设计分析 382
22.1.2 排版架构 383
22.2 模块组成 383
22.3 制作步骤 384
22.3.1 样式表 384
22.3.2 网页头部 385
22.3.3 导航菜单栏 386
22.3.4 中间主体第一栏 386
22.3.5 中间主体第二栏 390
22.3.6 中间主体第三栏 393
22.3.7 中间主体第四栏 398
22.3.8 中间主体第五栏 402
22.3.9 网页底部 407
第23章 制作电子商务类网页 409
23.1 整体布局 410
23.1.1 设计分析 410
23.1.2 排版架构 411
23.2 模块组成 411
23.3 制作步骤 411
23.3.1 样式表 411
23.3.2 网页头部 419
23.3.3 主体第一通栏 420
23.3.4 主体第二通栏 420
23.3.5 主体第三通栏 421
23.3.6 网页底部 422
第24章 开发连锁酒店订购系统 425
24.1
连锁酒店订购的需求分析 426
24.2
网站的结构 426
24.3
连锁酒店订购系统的代码实现 427
24.3.1
设计首页 427
24.3.2
订购页面 428
24.3.3
连锁分店页面 433
24.3.4
查看订单页面 434
24.3.5
酒店介绍页面 436
查看详情
-
九五品
北京市房山区
平均发货21小时
成功完成率67.33%
-
全新
河北省保定市
平均发货31小时
成功完成率86.86%
-
全新
河北省保定市
平均发货31小时
成功完成率86.68%
-
全新
河北省保定市
平均发货21小时
成功完成率100%
-
全新
河北省保定市
平均发货18小时
成功完成率89.33%
-
全新
北京市朝阳区
平均发货26小时
成功完成率83.39%
-
全新
河北省保定市
平均发货28小时
成功完成率90.26%
-
全新
山东省泰安市
平均发货12小时
成功完成率94.63%
-
全新
北京市丰台区
平均发货27小时
成功完成率86.73%
-
HTML5网页设计案例课堂（第2版）
买书，就上二手书海官方企业店，清仓处理，真实库存，特价正版，收藏店铺，优先发货! ps：下午三点之前的订单当天发货，之后明天发货，特殊情况除外。
八五品
河南省鹤壁市
平均发货20小时
成功完成率89.55%
-
八五品
河南省鹤壁市
平均发货18小时
成功完成率90.71%
-
八五品
山东省枣庄市
平均发货9小时
成功完成率87.1%
-
八五品
山东省滨州市
平均发货9小时
成功完成率93.83%
-
全新
河北省保定市
平均发货24小时
成功完成率93.09%
-
全新
河北省保定市
平均发货27小时
成功完成率89.12%
-
全新
山东省泰安市
平均发货22小时
成功完成率87.66%
-
全新
江苏省无锡市
平均发货8小时
成功完成率96.28%
-
全新
河北省廊坊市
平均发货25小时
成功完成率86.85%
-
全新
河北省保定市
平均发货22小时
成功完成率87.37%
-
全新
河北省保定市
平均发货32小时
成功完成率86.82%
-
全新
河北省保定市
平均发货27小时
成功完成率89.12%
-
全新
山东省潍坊市
平均发货15小时
成功完成率81.36%
-
全新
北京市房山区
平均发货33小时
成功完成率83.77%
-
全新
河北省保定市
平均发货23小时
成功完成率88.24%
-
全新
四川省成都市
平均发货31小时
成功完成率84.18%
-
全新
天津市西青区
平均发货14小时
成功完成率90.35%
-
全新
北京市通州区
平均发货9小时
成功完成率88.61%
-
全新
四川省成都市
平均发货15小时
成功完成率91.92%
-
全新
河北省保定市
平均发货19小时
成功完成率85.74%
-
全新
河北省保定市
平均发货18小时
成功完成率81.77%
-
全新
北京市朝阳区
平均发货9小时
成功完成率95.88%
-
全新
江苏省南京市
平均发货13小时
成功完成率83.72%
-
八五品
山东省济南市
平均发货8小时
成功完成率91.14%
-
八五品
湖南省长沙市
平均发货12小时
成功完成率91.51%
-
七品
吉林省吉林市
平均发货12小时
成功完成率92.4%
-
全新
河北省保定市
平均发货24小时
成功完成率90.55%
-
全新
上海市黄浦区
平均发货10小时
成功完成率94.55%
-
全新
河北省保定市
平均发货27小时
成功完成率87.37%
-
全新
山东省泰安市
平均发货7小时
成功完成率87.93%
-
八五品
四川省成都市
平均发货9小时
成功完成率92.4%
-
八五品
重庆市沙坪坝区
平均发货10小时
成功完成率90.53%
-
全新
广东省广州市
平均发货16小时
成功完成率90.22%
-
全新
广东省广州市
平均发货17小时
成功完成率87.31%
-
全新
四川省成都市
平均发货22小时
成功完成率88.14%
-
八五品
重庆市沙坪坝区
平均发货8小时
成功完成率83.63%
-
全新
河北省保定市
平均发货26小时
成功完成率85.63%
-
全新
江苏省无锡市
平均发货9小时
成功完成率94.45%
-
全新
北京市西城区
平均发货13小时
成功完成率92.89%
-
全新
四川省成都市
平均发货10小时
成功完成率96.6%
-
全新
北京市朝阳区
平均发货17小时
成功完成率83.86%
占位居中
