HTML5基础知识 核心技术与前沿案例

HTML5基础知识核心技术与前沿案例是一本HTML5入门书籍，由刘欢编著。本书拥有详细的HTML5、CSS3、JavaScript基础知识，可以帮助你快速入门前端开发，全书前沿案例涵盖初中级HTML5开发者遇到的几乎所有实战问题，并渗透各种交互设计理念，并且书中知识还兼顾了PC端和移动端开发，能够让读者能够轻松地学习基础知识，有效掌握各种核心技巧，快速上手前沿应用开发，并通过HTML5发现交互设计的乐趣。

内容介绍

《HTML5基础知识核心技术与前沿案例》是一本引导初、中级学习者深入了解并有效掌握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