书籍详情
HTML5+CSS3开发实战
作者:肖睿,邓小飞 著
出版社:人民邮电出版社
出版时间:2018-12-01
ISBN:9787115493354
定价:¥38.00
购买这本书可以去
内容简介
本书会介绍HTML5的新特性、新标准,训练HTML5的网页制作能力。通过CSS3制作各种网页特效和动画效果,增强用户体验,制作更加精致的网页内容。并且还会学习canvas绘图技能,canvas的出现颠覆了之前编写HTML时只能添加图片的概念,使用canvas实现很多更加酷炫的效果。此外本课程还提供很多企业中实用的经验分享,能够让大家学会知识点的同时也能掌握更多企业需求,提升自己的项目经验。
作者简介
课工场是专注互联网教育的生态平台,汇聚了中国和北美数百位来自知名互联网企业的行业大咖,向寻求就业和技术提升的人群提供直播、录播、面授等多模式教学场景,并通过遍布全国的线下服务中心提供成熟的学习服务,形成完善的“互联网+教育”解决方案。同时,课工场也为高校、企业、行业提供教育技术赋能,依托Transformer智能教育生态平台,打造智慧校园、企业大学、行业培训的教育场景,提供一站式教育解决方案
目录
第1章 初识HTML5 1
任务1 了解HTML5的优势 3
任务2 HTML5新增元素及属性 4
1.2.1 HTML5新增结构元素 4
1.2.2 HTML5新增网页元素 9
1.2.3 HTML5新增全局属性 12
1.2.4 上机训练 13
任务3 CSS3高级选择器 14
1.3.1 结构伪类选择器 14
1.3.2 上机训练 18
本章作业 19
第2章 HTML5表单 21
任务1 了解HTML5表单在网页中的应用 22
任务2 HTML5新增的input类型 24
2.2.1 email类型 24
2.2.2 url类型 26
2.2.3 number类型 26
2.2.4 range类型 28
2.2.5 search类型 28
2.2.6 Date pickers类型 29
2.2.7 上机训练 32
任务3 HTML5新增的input属性 34
2.3.1 autofocus 34
2.3.2 required 35
2.3.3 placeholder 35
2.3.4 pattern 37
2.3.5 height/width 38
2.3.6 上机训练 38
本章作业 38
第3章 CSS3应用 41
任务1 会使用CSS3边框效果 43
3.1.1 CSS3圆角 43
3.1.2 CSS3边界图片 47
3.1.3 CSS3盒子阴影 49
3.1.4 上机训练 52
任务2 CSS3文本效果的应用 53
3.2.1 CSS3文本阴影 53
3.2.2 word-wrap属性 55
任务3 CSS3背景与渐变效果的应用 57
3.3.1 CSS3背景 57
3.3.2 CSS3渐变 61
3.3.3 上机训练 63
任务4 会使用CSS3字体美化网页 64
本章作业 66
第4章 CSS3高级应用 69
任务1 CSS3 2D变形的应用 70
4.1.1 2D变形简介 70
4.1.2 浏览器兼容性 71
4.1.3 2D变形 71
4.1.4 上机训练 79
任务2 CSS3 3D变形的应用 82
4.2.1 3D变形属性 82
4.2.2 3D变形方法 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
任务2 CSS3动画的使用 99
5.2.1 CSS3动画简介 99
5.2.2 浏览器兼容性 100
5.2.3 CSS3动画使用过程 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
任务1 Canvas概述及应用 129
7.1.1 Canvas概述 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
任务1 Canvas高级功能的使用 152
8.1.1 Canvas渐变 152
8.1.2 图形组合 157
8.1.3 Canvas绘制图像 159
8.1.4 裁剪图像 163
8.1.5 Canvas绘制文本 164
任务2 使用Canvas绘制风景时钟 165
本章作业 170
任务1 了解HTML5的优势 3
任务2 HTML5新增元素及属性 4
1.2.1 HTML5新增结构元素 4
1.2.2 HTML5新增网页元素 9
1.2.3 HTML5新增全局属性 12
1.2.4 上机训练 13
任务3 CSS3高级选择器 14
1.3.1 结构伪类选择器 14
1.3.2 上机训练 18
本章作业 19
第2章 HTML5表单 21
任务1 了解HTML5表单在网页中的应用 22
任务2 HTML5新增的input类型 24
2.2.1 email类型 24
2.2.2 url类型 26
2.2.3 number类型 26
2.2.4 range类型 28
2.2.5 search类型 28
2.2.6 Date pickers类型 29
2.2.7 上机训练 32
任务3 HTML5新增的input属性 34
2.3.1 autofocus 34
2.3.2 required 35
2.3.3 placeholder 35
2.3.4 pattern 37
2.3.5 height/width 38
2.3.6 上机训练 38
本章作业 38
第3章 CSS3应用 41
任务1 会使用CSS3边框效果 43
3.1.1 CSS3圆角 43
3.1.2 CSS3边界图片 47
3.1.3 CSS3盒子阴影 49
3.1.4 上机训练 52
任务2 CSS3文本效果的应用 53
3.2.1 CSS3文本阴影 53
3.2.2 word-wrap属性 55
任务3 CSS3背景与渐变效果的应用 57
3.3.1 CSS3背景 57
3.3.2 CSS3渐变 61
3.3.3 上机训练 63
任务4 会使用CSS3字体美化网页 64
本章作业 66
第4章 CSS3高级应用 69
任务1 CSS3 2D变形的应用 70
4.1.1 2D变形简介 70
4.1.2 浏览器兼容性 71
4.1.3 2D变形 71
4.1.4 上机训练 79
任务2 CSS3 3D变形的应用 82
4.2.1 3D变形属性 82
4.2.2 3D变形方法 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
任务2 CSS3动画的使用 99
5.2.1 CSS3动画简介 99
5.2.2 浏览器兼容性 100
5.2.3 CSS3动画使用过程 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
任务1 Canvas概述及应用 129
7.1.1 Canvas概述 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
任务1 Canvas高级功能的使用 152
8.1.1 Canvas渐变 152
8.1.2 图形组合 157
8.1.3 Canvas绘制图像 159
8.1.4 裁剪图像 163
8.1.5 Canvas绘制文本 164
任务2 使用Canvas绘制风景时钟 165
本章作业 170
猜您喜欢