书籍详情
HTML5+CSS3+JavaScript网页设计入门与应用
作者:刘爱江,靳智良 著
出版社:清华大学出版社
出版时间:2019-03-01
ISBN:9787302515630
定价:¥68.00
购买这本书可以去
内容简介
《HTML5+CSS3+JavaScript 网页设计入门与应用》从网站基础开始,结合大量案例,全面、翔实地介绍了使用HTML5+CSS3+JavaScript开发Web前端页面的具体方法与步骤,引导读者从零开始,一步步掌握Web开发的全过程。本书通过一个个鲜活、典型的实例来讲解每个语法,力求达到理论知识与实践操作完美结合的效果。 《HTML5+CSS3+JavaScript 网页设计入门与应用》共分为15章,主要包括HTML入门、HTML5新增布局元素、HTML5表单验证、文件上传、绘图和多媒体、数据存储、CSS3新增选择器、CSS3布局属性和动画效果、JavaScript基础语法、事件处理和DOM操作等内容。最后一章通过打地鼠、贪吃蛇、小猫笑脸和图片轮播4个综合案例,介绍了Web前端设计的完整过程。 《HTML5+CSS3+JavaScript 网页设计入门与应用》可作为普通高校计算机及相关专业教材、高职高专教材,也可供从事网页设计与制作、网站开发、网页编程等行业人员参考阅读。
作者简介
刘爱江,具有多年.NET项目开发经验,深入掌握.NET框架技术,熟练开发ASP.NET与WinForm项目,精通C#、ASP 、C++、VB语言,熟练使用MTS、COM+、Web Service分布式架构。靳智良,知名互联网社区架构师,一个拥有5年软件工程经验和深厚理论基础的软件工程专家,善于解剖和分析问题,使用生动形象的比喻,能将复杂的、难于理解的问题与知识简单化讲解。致力于研究、优化Web 2.0系统架构技术,对LAMP体系架构有着丰富的经验,挖掘LAMP架构的性能潜力,探索新型高效能的Web 2.0站点系统支撑平台以及系统集群。
目录
第1章 初步认识HTML5和CSS3
1.1 认识网页和网站 2
1.1.1 网页 2
1.1.2 网站 3
1.1.3 网站制作流程 3
1.1.4 网页设计流程 4
1.1.5 发布站点 4
1.2 Web标准布局介绍 5
1.2.1 当前的Web开发标准 5
1.2.2 为什么使用Web标准 5
1.2.3 CSS布局标准 6
1.3 HTML与HTML5 7
1.3.1 HTML的发展历史 7
1.3.2 HTML 4.01和XHTML 8
1.3.3 HTML和XHTML文档类型定义 9
1.3.4 从XHTML到HTML5 11
1.3.5 HTML5的优势 11
1.4 HTML5语法的变化 13
1.4.1 DOCTYPE声明 13
1.4.2 命名空间声明 13
1.4.3 编码类型 14
1.4.4 文档媒体类型 15
1.4.5 HTML5兼容HTML 15
1.5 实践案例:浏览器HTML5性能测试 18
1.6 CSS3简介 19
1.6.1 什么是CSS3 20
1.6.2 CSS3的优缺点 20
1.6.3 CSS3的新增特性 21
1.7 实践案例:浏览器CSS3性能测试 24
1.8 练习题 25
第2章 HTML5网页结构
2.1 认识html根元素 28
2.2 文档头部元素 28
2.3 结构元素 31
2.3.1 header元素 31
2.3.2 article元素 33
2.3.3 section元素 34
2.3.4 aside元素 35
2.3.5 footer元素 36
2.4 节点元素 36
2.4.1 nav元素 36
2.4.2 hgroup元素 37
2.4.3 address元素 38
2.5 语义元素 39
2.5.1 mark元素 39
2.5.2 cite元素 40
2.5.3 time元素 40
2.5.4 wbr元素 41
2.5.5 ruby、rt和rp元素 41
2.6 交互元素 41
2.6.1 meter元素 41
2.6.2 progress元素 43
2.6.3 details元素 44
2.6.4 summary元素 45
2.7 全局属性 45
2.7.1 hidden属性 46
2.7.2 contenteditable属性 46
2.7.3 spellcheck属性 47
2.8 实践案例:设计旅游网站首页 48
2.9 练习题 53
第3章 HTML5表单应用
3.1 重新认识HTML表单 56
3.1.1 表单简介 56
3.1.2 表单标记 56
3.1.3 基本表单元素 57
3.2 新增输入类型 58
3.2.1 url类型 58
3.2.2 number类型 59
3.2.3 email类型 60
3.2.4 range类型 61
3.2.5 datepickers类型 62
3.2.6 color类型 64
3.2.7 tel类型 64
3.2.8 search类型 65
3.3 新增属性 65
3.3.1 表单类属性 65
3.3.2 输入类属性 67
3.4 表单元素 73
3.4.1 datalist元素 73
3.4.2 keygen元素 74
3.4.3 output元素 75
3.4.4 optgroup元素 76
3.5 表单验证 77
3.5.1 自动验证 77
3.5.2 显式验证 79
3.5.3 自定义验证 80
3.5.4 取消验证 81
3.6 实践案例:设计用户录入表单 81
3.7 练习题 87
第4章 HTML5多媒体应用
4.1 多媒体简介 90
4.1.1 多媒体编解码器 90
4.1.2 视频格式 90
4.1.3 音频格式 91
4.2 播放视频 91
4.2.1 video元素的基础用法 92
4.2.2 video元素方法 94
4.2.3 video元素事件 95
4.3 播放音频 97
4.3.1 audio元素的基础用法 97
4.3.2 audio元素事件 98
4.4 实践案例:实现HTML5网页视频播放器 99
4.5 练习题 105
第5章 HTML5绘图应用
5.1 认识canvas元素 108
5.1.1 canvas简介 108
5.1.2 创建canvas元素 108
5.1.3 实践案例:判断浏览器是否支持canvas元素 109
5.2 绘制简单图形 110
5.2.1 绘制矩形 110
5.2.2 绘制直线 113
5.2.3 绘制圆形 116
5.2.4 实践案例:绘制三角形 119
5.2.5 保存和恢复图形 121
5.2.6 输出图形 123
5.3 绘制文本 124
5.3.1 绘制普通文本 124
5.3.2 绘制阴影文本 126
5.4 绘制曲线 128
5.4.1 二次方贝塞尔曲线 128
5.4.2 三次方贝塞尔曲线 128
5.5 变换图形 129
5.5.1 坐标变换 129
5.5.2 矩阵变换 133
5.5.3 组合图形 135
5.5.4 线性渐变 138
5.5.5 径向渐变 139
5.6 使用图像 141
5.6.1 绘制图像 141
5.6.2 平铺图像 143
5.6.3 裁剪和复制图像 145
5.7 实践案例:制作图像黑白和反转效果 146
5.8 练习题 148
第6章 HTML5数据存储
6.1 Web存储简介 152
6.1.1 Web存储和Cookie存储 152
6.1.2 sessionStorage对象 152
6.1.3 localStorage对象 154
6.2 操作本地数据 155
6.2.1 保存数据 156
6.2.2 读取数据 157
6.2.3 清空数据 159
6.2.4 遍历数据 159
6.3 实践案例:实现工程管理模块 162
6.4 操作本地数据库数据 167
6.4.1 创建数据库 167
6.4.2 执行SQL语句 168
6.5 实践案例:查看学生列表 170
6.6 练习题 171
第7章 文件和离线应用
...
第8章 HTML5高级开发
...
第9章 CSS3选择器
...
第10章 CSS3新增的基本属性
...
第11章 变形、过渡和动画
...
第12章 CSS3新增的高级属性
...
第13章 JavaScript脚本编程快速入门
...
13.8 练习题 355
第14章 JavaScript事件和DOM
...
第15章 综合案例
...
练习题答案
1.1 认识网页和网站 2
1.1.1 网页 2
1.1.2 网站 3
1.1.3 网站制作流程 3
1.1.4 网页设计流程 4
1.1.5 发布站点 4
1.2 Web标准布局介绍 5
1.2.1 当前的Web开发标准 5
1.2.2 为什么使用Web标准 5
1.2.3 CSS布局标准 6
1.3 HTML与HTML5 7
1.3.1 HTML的发展历史 7
1.3.2 HTML 4.01和XHTML 8
1.3.3 HTML和XHTML文档类型定义 9
1.3.4 从XHTML到HTML5 11
1.3.5 HTML5的优势 11
1.4 HTML5语法的变化 13
1.4.1 DOCTYPE声明 13
1.4.2 命名空间声明 13
1.4.3 编码类型 14
1.4.4 文档媒体类型 15
1.4.5 HTML5兼容HTML 15
1.5 实践案例:浏览器HTML5性能测试 18
1.6 CSS3简介 19
1.6.1 什么是CSS3 20
1.6.2 CSS3的优缺点 20
1.6.3 CSS3的新增特性 21
1.7 实践案例:浏览器CSS3性能测试 24
1.8 练习题 25
第2章 HTML5网页结构
2.1 认识html根元素 28
2.2 文档头部元素 28
2.3 结构元素 31
2.3.1 header元素 31
2.3.2 article元素 33
2.3.3 section元素 34
2.3.4 aside元素 35
2.3.5 footer元素 36
2.4 节点元素 36
2.4.1 nav元素 36
2.4.2 hgroup元素 37
2.4.3 address元素 38
2.5 语义元素 39
2.5.1 mark元素 39
2.5.2 cite元素 40
2.5.3 time元素 40
2.5.4 wbr元素 41
2.5.5 ruby、rt和rp元素 41
2.6 交互元素 41
2.6.1 meter元素 41
2.6.2 progress元素 43
2.6.3 details元素 44
2.6.4 summary元素 45
2.7 全局属性 45
2.7.1 hidden属性 46
2.7.2 contenteditable属性 46
2.7.3 spellcheck属性 47
2.8 实践案例:设计旅游网站首页 48
2.9 练习题 53
第3章 HTML5表单应用
3.1 重新认识HTML表单 56
3.1.1 表单简介 56
3.1.2 表单标记 56
3.1.3 基本表单元素 57
3.2 新增输入类型 58
3.2.1 url类型 58
3.2.2 number类型 59
3.2.3 email类型 60
3.2.4 range类型 61
3.2.5 datepickers类型 62
3.2.6 color类型 64
3.2.7 tel类型 64
3.2.8 search类型 65
3.3 新增属性 65
3.3.1 表单类属性 65
3.3.2 输入类属性 67
3.4 表单元素 73
3.4.1 datalist元素 73
3.4.2 keygen元素 74
3.4.3 output元素 75
3.4.4 optgroup元素 76
3.5 表单验证 77
3.5.1 自动验证 77
3.5.2 显式验证 79
3.5.3 自定义验证 80
3.5.4 取消验证 81
3.6 实践案例:设计用户录入表单 81
3.7 练习题 87
第4章 HTML5多媒体应用
4.1 多媒体简介 90
4.1.1 多媒体编解码器 90
4.1.2 视频格式 90
4.1.3 音频格式 91
4.2 播放视频 91
4.2.1 video元素的基础用法 92
4.2.2 video元素方法 94
4.2.3 video元素事件 95
4.3 播放音频 97
4.3.1 audio元素的基础用法 97
4.3.2 audio元素事件 98
4.4 实践案例:实现HTML5网页视频播放器 99
4.5 练习题 105
第5章 HTML5绘图应用
5.1 认识canvas元素 108
5.1.1 canvas简介 108
5.1.2 创建canvas元素 108
5.1.3 实践案例:判断浏览器是否支持canvas元素 109
5.2 绘制简单图形 110
5.2.1 绘制矩形 110
5.2.2 绘制直线 113
5.2.3 绘制圆形 116
5.2.4 实践案例:绘制三角形 119
5.2.5 保存和恢复图形 121
5.2.6 输出图形 123
5.3 绘制文本 124
5.3.1 绘制普通文本 124
5.3.2 绘制阴影文本 126
5.4 绘制曲线 128
5.4.1 二次方贝塞尔曲线 128
5.4.2 三次方贝塞尔曲线 128
5.5 变换图形 129
5.5.1 坐标变换 129
5.5.2 矩阵变换 133
5.5.3 组合图形 135
5.5.4 线性渐变 138
5.5.5 径向渐变 139
5.6 使用图像 141
5.6.1 绘制图像 141
5.6.2 平铺图像 143
5.6.3 裁剪和复制图像 145
5.7 实践案例:制作图像黑白和反转效果 146
5.8 练习题 148
第6章 HTML5数据存储
6.1 Web存储简介 152
6.1.1 Web存储和Cookie存储 152
6.1.2 sessionStorage对象 152
6.1.3 localStorage对象 154
6.2 操作本地数据 155
6.2.1 保存数据 156
6.2.2 读取数据 157
6.2.3 清空数据 159
6.2.4 遍历数据 159
6.3 实践案例:实现工程管理模块 162
6.4 操作本地数据库数据 167
6.4.1 创建数据库 167
6.4.2 执行SQL语句 168
6.5 实践案例:查看学生列表 170
6.6 练习题 171
第7章 文件和离线应用
...
第8章 HTML5高级开发
...
第9章 CSS3选择器
...
第10章 CSS3新增的基本属性
...
第11章 变形、过渡和动画
...
第12章 CSS3新增的高级属性
...
第13章 JavaScript脚本编程快速入门
...
13.8 练习题 355
第14章 JavaScript事件和DOM
...
第15章 综合案例
...
练习题答案
猜您喜欢