HTML5+CSS3开发实战

  

   本书会介绍HTML5的新特性、新标准，训练HTML5的网页制作能力。通过CSS3制作各种网页和动画效果，增强用户体验，制作更加精致的网页内容。并且还会学习canvas绘图技能，canvas的出现颠覆了之前编写HTML时只能添加图片的概念，使用canvas实现很多更加酷炫的效果。此外本课程还提供很多企业中实用的经验分享，能够让大家学会知识点的同时也能掌握更多企业需求，提升自己的项目经验。

  

   第1章初识HTML51

任务1了解HTML5的优势3

任务2HTML5新增元素及属性4

1.2.1HTML5新增结构元素4

1.2.2HTML5新增网页元素9

1.2.3HTML5新增全局属性12

1.2.4上机训练13

任务3CSS3高级选择器14

1.3.1结构伪类选择器14

1.3.2上机训练18

本章作业19

第2章HTML5表单21

任务1了解HTML5表单在网页中的应用22

任务2HTML5新增的input类型24

2.2.1email类型24

2.2.2url类型26

2.2.3number类型26

2.2.4range类型28

2.2.5search类型28

2.2.6Datepickers类型29

2.2.7上机训练32

任务3HTML5新增的input属性34

2.3.1autofocus34

2.3.2required35

2.3.3placeholder35

2.3.4pattern37

2.3.5height/width38

2.3.6上机训练38

本章作业38

第3章CSS3应用41

任务1会使用CSS3边框效果43

3.1.1CSS3圆角43

3.1.2CSS3边界图片47

3.1.3CSS3盒子阴影49

3.1.4上机训练52

任务2CSS3文本效果的应用53

3.2.1CSS3文本阴影53

3.2.2word-wrap属性55

任务3CSS3背景与渐变效果的应用57

3.3.1CSS3背景57

3.3.2CSS3渐变61

3.3.3上机训练63

任务4会使用CSS3字体美化网页64

本章作业66

第4章CSS3高级应用69

任务1CSS32D变形的应用70

4.1.12D变形简介70

4.1.2浏览器兼容性71

4.1.32D变形71

4.1.4上机训练79

任务2CSS33D变形的应用82

4.2.13D变形属性82

4.2.23D变形方法83

4.2.3上机训练88

本章作业88

第5章使用CSS3制作动画91

任务1利用CSS3过渡实现动画效果93

5.1.1过渡简介93

5.1.2浏览器兼容性93

5.1.3过渡属性的使用93

5.1.4完善旋转按钮案例97

5.1.5上机训练98

任务2CSS3动画的使用99

5.2.1CSS3动画简介99

5.2.2浏览器兼容性100

5.2.3CSS3动画使用过程100

5.2.4上机训练104

本章作业106

第6章HTML5媒体元素109

任务1视频元素及音频元素在网页中的使用111

6.1.1如何在网页中播放视频及音频111

6.1.2视频元素112

6.1.3音频元素116

6.1.4上机训练118

任务2自定义视频播放器119

6.2.1自定义视频播放器需要的属性和方法119

6.2.2自定义视频播放器制作步骤119

6.2.3上机训练125

本章作业125

第7章Canvas基础127

任务1Canvas概述及应用129

7.1.1Canvas概述129

7.1.2创建Canvas步骤130

任务2使用Canvas绘制基本图形132

7.2.1绘制直线132

7.2.2绘制三角形134

7.2.3绘制矩形138

7.2.4绘制圆形140

7.2.5清空画布143

7.2.6上机训练144

任务3使用Canvas绘制贝塞尔曲线145

7.3.1绘制二次方贝塞尔曲线145

7.3.2绘制三次方贝塞尔曲线146

7.3.3上机训练148

本章作业148

第8章Canvas高级应用151

任务1Canvas高级功能的使用152

8.1.1Canvas渐变152

8.1.2图形组合157

8.1.3Canvas绘制图像159

8.1.4裁剪图像163

8.1.5Canvas绘制文本164

任务2使用Canvas绘制风景时钟165

本章作业170