HTML5基础知识、核心技术与前沿案例 PDF 高清版

《HTML5基础知识、核心技术与前沿案例》是一本引导初、中级学习者深入了解并有效掌握HTML5核心技巧的技术实战书籍，全书采用“基础知识+案例驱动”的双轨模式，精心安排了大量经典的HTML5设计实战案例，包括页面元素与布局、动画与动效、图形与图像、交互操作、页面组件、音频与视频、响应式设计等，并精选了微信小游戏、创意网站等综合性的前沿交互应用。实例基本涵盖了初、中级学习者在实战中几乎可能遇到的所有问题，展示了各种流行的互动设计理念，让读者能够轻松地学习基础知识，有效掌握各种核心技巧，快速上手前沿应用开发，并通过HTML5发现交互设计的乐趣。

目录

• 第一部分 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