正版新书]HTML5基础知识、核心技术与前沿案例刘欢9787115427434

目录

第 一部分 HTML5基础

第 1章 初探HTML5：制作一份邀请函 010
1.1 开发前的准备工作 010
1.1.1 制定**学习目标 010
1.1.2 准备开发环境 011
1.2 制作HTML页面 012
1.2.1 创建**HTML5页面 012
1.2.2 增加必要的页面元素 014
1.2.3 页面中那些看不见的代码 015
1.3 页面的美化 015
1.3.1 制作邀请函的页面背景 015
1.3.2 调整邀请函的内容区域位置 018
1.3.3 调整邀请函的文字字体与字号 020
1.3.4 制作邀请函的按钮 021
1.3.5 创建一个外部CSS文件 022
1.4 为页面创建交互 024
1.4.1 创建按钮的JavaScript交互 024
1.4.2 制作还未结束：页面的移动化 026

第 2章 HTML5新手详解 028
2.1 HTML代码基础 028
2.1.1 HTML基础语法 028
2.1.2 页面根元素 029
2.1.3 文档元数据 031
2.1.4 区块元素 034
2.1.5 分组内容元素 039
2.2 HTML常用元素 042
2.2.1 文本 042
2.2.2 表单 043
2.2.3 表格 047
2.2.4 WAI-ARIA 050

第3章 CSS3新手详解 052
3.1 CSS代码基础 052
3.1.1 CSS基础语法 052
3.1.2 继承 054
3.1.3 选择器 057
3.2 CSS3常用属性 059
3.2.1 文本和字体 059
3.2.2 边框与背景 062
3.2.3元素定位 065
3.2.4 框模型 068
3.2.5 列表 071
3.3 CSS3常用效果与技巧 075
3.3.1 阴影效果 075
3.3.2 2D与3D效果 077
3.3.3 优先级 078

第4章 JavaScript新手详解 080
4.1 JavaScript代码基础 080
4.1.1 如何调试JavaScript？ 080
4.1.2 为代码添加注释 081
4.1.3 创建一个简单的变量 082
4.1.4 几种常用的JavaScript运算符 083
4.1.5 JavaScript中的条件语句 085
4.1.6 JavaScript中的循环语句 087
4.2 JavaScript编程进阶 089
4.2.1 数组及其操作 089
4.2.2 日期和时间 091
4.2.3 初涉函数 092
4.2.4 函数的变量作用域 094
4.2.5 Object简介 095
4.2.6 JavaScript的DOM操作 097
4.2.7 DOM事件处理 100
4.2.8 利用JavaScript实现HTML5拖放 101

第5章 移动端HTML5开发详解 103
5.1 桌面端开发概述 103
5.1.1 桌面端和移动端有何不同？ 103
5.1.2 响应式设计还是移动版网站？ 104
5.2 移动端开发技巧 105
5.2.1 Viewport设置 105
5.2.2 百分比布局 106
5.2.3 Flexbox：轻松实现弹性布局 111
5.2.4 Media Query 114
5.2.5 雪碧图 116
5.2.6 图标字体 119
5.2.7 移动端交互 121
5.2.8 移动端调试 122
5.2.9 移动端其他技巧 124

第6章 事半功倍：运用流行开源类库 126
6.1 开源类库jQuery介绍 126
6.1.1 强大的jQuery 126
6.1.2 jQuery选择器 128
6.1.3 jQuery的属性和DOM操作 130
6.1.4 jQuery动态效果 132
6.1.5 jQuery事件 134
6.1.6 jQuery的优缺点 136
6.2 其他开源类库介绍 136
6.2.1 使用jQuery Mobile开发移动站点 136
6.2.2 Zepto——移动端的jQuery 137
6.2.3 前端开发框架BootStrap 138
6.2.4 设计工具包Flat UI 139
6.2.5 浏览器检测工具Modernizr 140
6.2.6 数据可视化工具D3 141
6.2.7 使用Hammer轻松控制触摸手势 141
6.2.8 前端在线编辑工具 142

第7章 HTML5与周边编程语言、软件 143
7.1 HTML5与Flash 143
7.1.1 HTML5与Flash的结合 143
7.1.2 使用Google Swiffy进行Flash转换 145
7.2 HTML5与其他周边语言和软件 146
7.2.1 HTML5与应用开发 146
7.2.2 HTML5与Illustrator的结合 148
7.2.3 HTML5与Photoshop的结合 149
7.2.4 HTML5开发桌面端应用 151

第 二部分 HTML5前沿经典应用篇

第8章 HTML5页面元素与布局 153
8.1 页面元素与布局核心技巧 153
8.2 HTML5布局基础 153
8.2.1 图文混排与题图文字布局 154
8.2.2 Hero Unit图标题文混排 156
8.2.3 两列均分布局 159
8.2.4 格子布局 164
8.2.5 多列等高布局 168
8.3 HTML5布局进阶 170
8.3.1 两列自适应布局 171
8.3.2 三列自适应布局 175
8.3.3 瀑布流布局 179

第9章 HTML5动画与动效 182
9.1 动画与动效核心技巧 182
9.2 CSS3动画与动效 182
9.2.1 按钮元素动画效果 183
9.2.2 图标元素动画效果 186
9.2.3 页面切换动画效果 192
9.2.4 加载动画效果 198
9.2.5 逐帧动画效果 204
9.2.6 3D翻页动画效果 208
9.3 JavaScript动画与动效 211
9.3.1 Canvas粒子动画效果 211
9.3.2 GSAP类库动画效果 214

第 10章 HTML5图形与图像 217
10.1 图形与图像核心技巧 217
10.2 CSS3图形与图像绘制 218
10.2.1 关闭按钮绘制 218
10.2.2 菜单图标绘制 219
10.2.3 三角图标绘制 221
10.2.4 渐变色绘制 225
10.2.5 Pattern图案绘制 227
10.2.6 锯齿图形绘制 229
10.3 Canvas图形与图像绘制 231
10.3.1 Canvas图形绘制 231
10.3.2 Canvas像素控制 235
10.4 SVG图形与图像绘制 237
10.4.1 SVG图形绘制 237
10.4.2 SVG图像遮罩 242

第 11章 HTML5交互操作 244
11.1 交互操作核心技巧 244
11.2 滚动类交互 244
11.2.1 页面固定背景 244
11.2.2 选区控制 246
11.2.3 局部滚动 248
11.2.4 滚动监听 252
11.2.5 视差滚动 256
11.2.6 滚动触发动画 261
11.3 键盘和鼠标类交互 267
11.3.1 滑块拖动 267
11.3.2 Canvas键盘操作 271
11.4 移动端交互 274
11.4.1 触摸操作 274
11.4.2 运动与重力感应 276
11.5 其他交互操作 279
11.5.1 本地数据文件加载 279
11.5.2 本地文件操作 281
11.5.3 Geolocation操作 284
11.5.4 localStorage操作 287

第 12章 HTML5页面组件 290
12.1 页面组件开发核心技巧 290
12.2 图层类页面组件 290
12.2.1 悬浮图层 290
12.2.2 弹出图层 293
12.3 区域类页面组件 297
12.3.1 Tab切换 297
12.3.2 折叠区域 300
12.4 导航类页面组件 303
12.4.1 下拉菜单 303
12.4.2 顶部固定菜单 306
12.4.3 滑动导航 308
12.5 其他页面组件 311
12.5.1 时间轴 311
12.5.2 图像轮播 313
12.5.3 日历组件 317

第 13章 HTML5音频与视频 322
13.1 音频、视频核心开发技巧 322
13.2 音频类开发 322
13.2.1 音频播放 322
13.2.2 麦克风操作 327
13.3 视频类开发 330
13.3.1 视频播放 330
13.3.2 视频背景 331
13.3.3 摄像头操作 333

第 14章 HTML5响应式设计 336
14.1 响应式设计核心技巧 336
14.2 响应式设计案例 338
14.2.1 响应式列表 338
14.2.2 响应式内容图片 341
14.2.3 响应式背景 343
14.2.4 响应式图像轮播 346
14.2.5 响应式菜单 347

第三部分 HTML5综合案例篇

第 15章 HTML5微信游戏 354
15.1 制作思路 354
15.1.1 微信游戏开发基础知识 354
15.1.2 微信“520”小游戏策划 355
15.2 基础页面的开发 356
15.2.1 游戏界面设计 356
15.2.2 创建HTML页面 357
15.2.3 创建CSS样式 359
15.3 交互界面的开发 364
15.3.1 制作loading界面交互 364
15.3.2 制作初始界面交互 364
15.3.3 制作音乐控制器 366
15.3.4 获取点阵坐标 367
15.3.5 制作交互界面 368
15.3.6 制作结果界面 371
15.4 尾声 371

第 16章 HTML5创意网站 379
16.1 制作思路与基础页面开发 379
16.1.1 站点规划与设计 379
16.1.2 创建站点DOM结构 380
16.2 页面的美化和交互功能创建 382
16.2.1 创建首页样式 382
16.2.2 创建次级页面样式 385
16.2.3 页面切换效果 389
16.3 页面细节处理 391
16.3.1 制作作品集内容页面 391
16.3.2 兼容性提示 394
16.4 小结 395

后记：Web设计变迁及经验谈 403

夯实HTML5、CSS3、JavaScript基础；
兼顾PC端和移动端开发；
讲解布局、动效、交互、页面组件和响应式设计等核心技术；
前沿案例涵盖初中级HTML5***遇到的几乎所有实战问题，并渗透各种交互设计理念；
“经验”总结，提炼学习内容，囊括HTML5外延知识，拓宽读者学习视野。