- 机械工业出版社
- 9787111710813
- 1-1
- 435604
- 46257951-7
- 平装
- 16开
- 2022-08
- 421
- 262
- 数字媒体技术
- 本科
内容简介
本书从HTML/CSS/JavaScript的基本概念开始，由浅入深地介绍三种语言在网页开发中的应用，并挑选了其中*为经典的内容进行讲解，帮助读者高效地掌握网页开发技术。
本书的第壹部分从整体上介绍HTML/CSS/JavaScript在Web开发中的应用；第二部分着重介绍HTML语言，分析其搭建网页框架的特点；第三部分讲解CSS语言如何控制页面的样式和风格；第四部分介绍JavaScript在实现网页动态逻辑方面的应用；第五部分通过综合案例讲解HTML/CSS/JavaScript在实际开发中的各类应用场景。
本书既适合作为高等院校网页开发、Web开发课程的教材，也适合非计算机专业的学生及广大计算机爱好者阅读。
本书的第壹部分从整体上介绍HTML/CSS/JavaScript在Web开发中的应用；第二部分着重介绍HTML语言，分析其搭建网页框架的特点；第三部分讲解CSS语言如何控制页面的样式和风格；第四部分介绍JavaScript在实现网页动态逻辑方面的应用；第五部分通过综合案例讲解HTML/CSS/JavaScript在实际开发中的各类应用场景。
本书既适合作为高等院校网页开发、Web开发课程的教材，也适合非计算机专业的学生及广大计算机爱好者阅读。
目录
前言
第1章 HTML/CSS/JavaScript介绍1
1.1 HTML/CSS/JavaScript简介1
1.2 HTML/CSS/JavaScript背景1
1.2.1 HTML背景1
1.2.2 CSS背景2
1.2.3 JavaScript背景2
1.3 HTML/CSS/JavaScript协作关系2
1.4 HTML/CSS/JavaScript学习建议3
1.5 前端开发环境3
1.5.1 浏览器3
1.5.2 开发工具5
1.5.3 使用说明7
思考题9
第2章 HTML介绍10
2.1 标记语言10
2.1.1 定义10
2.1.2 应用与示例10
2.2 HTML说明11
2.2.1 HTML发展历程11
2.2.2 HTML标记11
2.2.3 HTML的语言特点12
2.2.4 HTML5简介12
2.3 HTML结构13
2.4 HTML示例14
2.5 HTML调试16
2.5.1 HTML代码错误16
2.5.2 HTML错误调试16
思考题18
第3章 HTML基本概念19
3.1 元素19
3.1.1 HTML元素语法19
3.1.2 常见元素19
3.1.3 HTML 实例解析21
3.1.4 注意事项22
3.2 属性22
3.2.1 属性语法23
3.2.2 常见属性23
3.2.3 属性实例24
3.3 样式26
3.3.1 样式简介26
3.3.2 内联样式26
3.3.3 内部样式表27
3.3.4 外部样式表28
3.3.5 HTML 样式标签29
3.4 注释30
3.5 区块（div）31
思考题31
第4章 HTML常用控件32
4.1 表单32
4.1.1 表单简介32
4.1.2 表单定义32
4.1.3 表单属性33
4.1.4 表单元素34
4.1.5 表单样例39
4.2 媒体42
4.2.1 HTML 音频（Audio）42
4.2.2 HTML 视频（Video）43
4.3 表格45
4.3.1 表格简介45
4.3.2 表格属性46
思考题46
第5章 客户端存储47
5.1 Cookie47
5.1.1 Cookie的属性48
5.1.2 Cookie的设置49
5.1.3 JavaScript操作Cookie51
5.1.4 Cookie的使用示例51
5.2 localStorage53
5.2.1 localStorage概念53
5.2.2 localStorage使用方式54
5.3 sessionStorage54
5.3.1 sessionStorage概念54
5.3.2 sessionStorage使用方式54
5.4 localStorage与sessionStorage的区别与联系55
思考题55
第6章 HTML样例56
6.1 网页前端简历56
6.1.1 HTML代码56
6.1.2 代码说明61
6.1.3 界面62
6.2 个人博客62
6.2.1 HTML代码62
6.2.2 代码说明64
6.2.3 界面65
思考题65
第7章 CSS介绍与基本概念66
7.1 CSS简介66
7.1.1 CSS语言特点66
7.1.2 CSS工作原理67
7.1.3 技术应用67
7.2 语言基础67
7.3 CSS 语法68
7.4 选择器69
7.4.1 ID 选择器70
7.4.2 CLASS 选择器70
7.4.3 伪类选择器70
7.4.4 属性选择器72
7.5 CSS字体72
7.5.1 CSS字型73
7.5.2 字体系列73
7.5.3 字体样式74
7.5.4 字体大小74
7.5.5 设置字体大小像素74
7.5.6 使用百分比和em组合75
7.5.7 所有CSS字体属性76
7.6 CSS颜色76
7.7 CSS3背景77
7.7.1 浏览器支持77
7.7.2 属性78
7.7.3 背景使用实例80
思考题82
第8章 CSS盒子模型83
8.1 盒子模型简介83
8.1.1 元素的宽度和高度83
8.1.2 浏览器的兼容性问题84
8.2 CSS 边框84
8.2.1 边框样式84
8.2.2 边框宽度85
8.2.3 边框颜色86
8.2.4 边框-单独设置各边86
8.2.5 边框-简写属性87
8.3 CSS 轮廓87
8.3.1 轮廓属性87
8.3.2 轮廓实例88
8.4 CSS Margin（外边距）89
8.4.1 Margin单边外边距属性89
8.4.2 Margin简写属性89
8.4.3 所有的CSS边距属性90
8.4.4 Margin样例90
8.5 CSS Padding（填充）91
8.5.1 填充单边内边距属性91
8.5.2 填充简写属性91
8.5.3 所有的CSS填充属性92
8.5.4 Padding实例92
思考题93
第9章 弹性盒布局94
9.1 弹性盒布局简介94
9.2 弹性容器95
9.3 弹性元素97
9.4 弹性盒的典型示例99
9.4.1 导航99
9.4.2 拆分导航100
9.4.3 元素居中101
9.4.4 绝 对底部102
9.4.5 媒体对象103
思考题104
第10章 CSS定位105
10.1 Position属性105
10.1.1 static 定位105
10.1.2 fixed 定位105
10.1.3 relative定位106
10.1.4 absolute定位106
10.1.5 sticky 定位106
10.1.6 重叠的元素106
10.1.7 CSS Position属性总结107
10.1.8 Position实例108
10.2 Float 属性109
10.2.1 CSS Float（浮动）109
10.2.2 元素怎样浮动109
10.2.3 彼此相邻的浮动元素109
10.2.4 清除浮动使用 clear109
10.2.5 CSS 中所有的浮动属性109
10.2.6 浮动的影响109
10.2.7 Float实例110
10.3 Align属性111
思考题111
第11章 CSS3 动画及响应式112
11.1 CSS3中的动画112
11.2 CSS3 @keyframes 规则113
11.3 CSS3 动画属性115
11.4 CSS动画实例116
11.5 响应式简介117
11.6 Viewpoint118
11.7 网格视图118
思考题122
第12章 CSS样例123
12.1 时钟123
12.1.1 代码123
12.1.2 代码说明与界面128
12.2 图片网站128
12.2.1 代码128
12.2.2 代码说明与界面132
思考题132
第13章 JavaScript介绍与基本概念133
13.1 JavaScript简介133
13.2 特点与应用场景135
13.2.1 特点135
13.2.2 应用场景135
13.3 变量136
13.3.1 变量定义136
13.3.2 JavaScript 数据类型136
13.3.3 创建JavaScript 变量137
13.3.4 变量作用域138
13.4 保留关键字138
13.5 数据类型138
13.5.1 字符串类型139
13.5.2 数字类型139
13.5.3 布尔类型140
13.5.4 数组类型140
13.5.5 对象类型141
13.5.6 undefined141
13.5.7 null142
13.5.8 函数类型142
13.6 事件143
13.6.1 基本概念143
13.6.2 事件分类144
13.6.3 事件示例145
思考题146
第14章 JavaScript常用功能147
14.1 对象147
14.1.1 对象创建方法147
14.1.2 对象创建示例150
14.1.3 日期对象151
14.1.4 钟表示例151
14.2 数组153
14.2.1 创建数组153
14.2.2 数组的索引与长度154
14.2.3 元素添加/删除155
14.2.4 常用方法157
14.3 函数158
14.3.1 函数语法158
14.3.2 调用带参数的函数159
14.3.3 带有返回值的函数160
14.3.4 函数使用样例160
14.4 Date（日期）163
14.4.1 Date 对象简介163
14.4.2 Date 对象常见方法164
14.5 表单165
14.5.1 提交表单165
14.5.2 重置表单166
14.5.3 表单字段166
14.5.4 表单样例168
14.6 类库170
14.6.1 常见类库170
14.6.2 jQuery172
14.7 jQuery详解174
14.7.1 jQuery选择器174
14.7.2 jQuery事件177
14.7.3 jQuery内容修改180
14.7.4 jQuery 遍历184
思考题187
第15章 常用对象类型188
15.1 Window对象188
15.2 Document对象190
15.3 Navigator对象192
15.4 Location 对象192
15.5 Screen 对象193
15.6 History对象193
思考题194
第16章 JavaScript样例195
16.1 俄罗斯方块195
16.1.1 代码及展示195
16.1.2 代码分析197
16.2 弹力球198
16.2.1 代码及展示198
16.2.2 代码分析202
思考题202
第17章 综合案例：简易计算器203
17.1 界面203
17.2 代码及说明203
17.2.1 HTML203
17.2.2 CSS204
17.2.3 JavaScript207
思考题209
第18章 综合案例：待办清单Web App210
18.1 界面210
18.2 代码及说明210
18.2.1 HTML211
18.2.2 CSS211
18.2.3 JavaScript214
思考题217
第19章 综合案例：Web管理系统218
19.1 界面218
19.2 代码及说明220
19.2.1 HTML220
19.2.2 CSS243
19.2.3 JavaScript244
思考题249
附录250
附录A HTML代码规范250
附录B CSS代码规范251
附录C JavaScript代码规范253
参考文献
第1章 HTML/CSS/JavaScript介绍1
1.1 HTML/CSS/JavaScript简介1
1.2 HTML/CSS/JavaScript背景1
1.2.1 HTML背景1
1.2.2 CSS背景2
1.2.3 JavaScript背景2
1.3 HTML/CSS/JavaScript协作关系2
1.4 HTML/CSS/JavaScript学习建议3
1.5 前端开发环境3
1.5.1 浏览器3
1.5.2 开发工具5
1.5.3 使用说明7
思考题9
第2章 HTML介绍10
2.1 标记语言10
2.1.1 定义10
2.1.2 应用与示例10
2.2 HTML说明11
2.2.1 HTML发展历程11
2.2.2 HTML标记11
2.2.3 HTML的语言特点12
2.2.4 HTML5简介12
2.3 HTML结构13
2.4 HTML示例14
2.5 HTML调试16
2.5.1 HTML代码错误16
2.5.2 HTML错误调试16
思考题18
第3章 HTML基本概念19
3.1 元素19
3.1.1 HTML元素语法19
3.1.2 常见元素19
3.1.3 HTML 实例解析21
3.1.4 注意事项22
3.2 属性22
3.2.1 属性语法23
3.2.2 常见属性23
3.2.3 属性实例24
3.3 样式26
3.3.1 样式简介26
3.3.2 内联样式26
3.3.3 内部样式表27
3.3.4 外部样式表28
3.3.5 HTML 样式标签29
3.4 注释30
3.5 区块（div）31
思考题31
第4章 HTML常用控件32
4.1 表单32
4.1.1 表单简介32
4.1.2 表单定义32
4.1.3 表单属性33
4.1.4 表单元素34
4.1.5 表单样例39
4.2 媒体42
4.2.1 HTML 音频（Audio）42
4.2.2 HTML 视频（Video）43
4.3 表格45
4.3.1 表格简介45
4.3.2 表格属性46
思考题46
第5章 客户端存储47
5.1 Cookie47
5.1.1 Cookie的属性48
5.1.2 Cookie的设置49
5.1.3 JavaScript操作Cookie51
5.1.4 Cookie的使用示例51
5.2 localStorage53
5.2.1 localStorage概念53
5.2.2 localStorage使用方式54
5.3 sessionStorage54
5.3.1 sessionStorage概念54
5.3.2 sessionStorage使用方式54
5.4 localStorage与sessionStorage的区别与联系55
思考题55
第6章 HTML样例56
6.1 网页前端简历56
6.1.1 HTML代码56
6.1.2 代码说明61
6.1.3 界面62
6.2 个人博客62
6.2.1 HTML代码62
6.2.2 代码说明64
6.2.3 界面65
思考题65
第7章 CSS介绍与基本概念66
7.1 CSS简介66
7.1.1 CSS语言特点66
7.1.2 CSS工作原理67
7.1.3 技术应用67
7.2 语言基础67
7.3 CSS 语法68
7.4 选择器69
7.4.1 ID 选择器70
7.4.2 CLASS 选择器70
7.4.3 伪类选择器70
7.4.4 属性选择器72
7.5 CSS字体72
7.5.1 CSS字型73
7.5.2 字体系列73
7.5.3 字体样式74
7.5.4 字体大小74
7.5.5 设置字体大小像素74
7.5.6 使用百分比和em组合75
7.5.7 所有CSS字体属性76
7.6 CSS颜色76
7.7 CSS3背景77
7.7.1 浏览器支持77
7.7.2 属性78
7.7.3 背景使用实例80
思考题82
第8章 CSS盒子模型83
8.1 盒子模型简介83
8.1.1 元素的宽度和高度83
8.1.2 浏览器的兼容性问题84
8.2 CSS 边框84
8.2.1 边框样式84
8.2.2 边框宽度85
8.2.3 边框颜色86
8.2.4 边框-单独设置各边86
8.2.5 边框-简写属性87
8.3 CSS 轮廓87
8.3.1 轮廓属性87
8.3.2 轮廓实例88
8.4 CSS Margin（外边距）89
8.4.1 Margin单边外边距属性89
8.4.2 Margin简写属性89
8.4.3 所有的CSS边距属性90
8.4.4 Margin样例90
8.5 CSS Padding（填充）91
8.5.1 填充单边内边距属性91
8.5.2 填充简写属性91
8.5.3 所有的CSS填充属性92
8.5.4 Padding实例92
思考题93
第9章 弹性盒布局94
9.1 弹性盒布局简介94
9.2 弹性容器95
9.3 弹性元素97
9.4 弹性盒的典型示例99
9.4.1 导航99
9.4.2 拆分导航100
9.4.3 元素居中101
9.4.4 绝 对底部102
9.4.5 媒体对象103
思考题104
第10章 CSS定位105
10.1 Position属性105
10.1.1 static 定位105
10.1.2 fixed 定位105
10.1.3 relative定位106
10.1.4 absolute定位106
10.1.5 sticky 定位106
10.1.6 重叠的元素106
10.1.7 CSS Position属性总结107
10.1.8 Position实例108
10.2 Float 属性109
10.2.1 CSS Float（浮动）109
10.2.2 元素怎样浮动109
10.2.3 彼此相邻的浮动元素109
10.2.4 清除浮动使用 clear109
10.2.5 CSS 中所有的浮动属性109
10.2.6 浮动的影响109
10.2.7 Float实例110
10.3 Align属性111
思考题111
第11章 CSS3 动画及响应式112
11.1 CSS3中的动画112
11.2 CSS3 @keyframes 规则113
11.3 CSS3 动画属性115
11.4 CSS动画实例116
11.5 响应式简介117
11.6 Viewpoint118
11.7 网格视图118
思考题122
第12章 CSS样例123
12.1 时钟123
12.1.1 代码123
12.1.2 代码说明与界面128
12.2 图片网站128
12.2.1 代码128
12.2.2 代码说明与界面132
思考题132
第13章 JavaScript介绍与基本概念133
13.1 JavaScript简介133
13.2 特点与应用场景135
13.2.1 特点135
13.2.2 应用场景135
13.3 变量136
13.3.1 变量定义136
13.3.2 JavaScript 数据类型136
13.3.3 创建JavaScript 变量137
13.3.4 变量作用域138
13.4 保留关键字138
13.5 数据类型138
13.5.1 字符串类型139
13.5.2 数字类型139
13.5.3 布尔类型140
13.5.4 数组类型140
13.5.5 对象类型141
13.5.6 undefined141
13.5.7 null142
13.5.8 函数类型142
13.6 事件143
13.6.1 基本概念143
13.6.2 事件分类144
13.6.3 事件示例145
思考题146
第14章 JavaScript常用功能147
14.1 对象147
14.1.1 对象创建方法147
14.1.2 对象创建示例150
14.1.3 日期对象151
14.1.4 钟表示例151
14.2 数组153
14.2.1 创建数组153
14.2.2 数组的索引与长度154
14.2.3 元素添加/删除155
14.2.4 常用方法157
14.3 函数158
14.3.1 函数语法158
14.3.2 调用带参数的函数159
14.3.3 带有返回值的函数160
14.3.4 函数使用样例160
14.4 Date（日期）163
14.4.1 Date 对象简介163
14.4.2 Date 对象常见方法164
14.5 表单165
14.5.1 提交表单165
14.5.2 重置表单166
14.5.3 表单字段166
14.5.4 表单样例168
14.6 类库170
14.6.1 常见类库170
14.6.2 jQuery172
14.7 jQuery详解174
14.7.1 jQuery选择器174
14.7.2 jQuery事件177
14.7.3 jQuery内容修改180
14.7.4 jQuery 遍历184
思考题187
第15章 常用对象类型188
15.1 Window对象188
15.2 Document对象190
15.3 Navigator对象192
15.4 Location 对象192
15.5 Screen 对象193
15.6 History对象193
思考题194
第16章 JavaScript样例195
16.1 俄罗斯方块195
16.1.1 代码及展示195
16.1.2 代码分析197
16.2 弹力球198
16.2.1 代码及展示198
16.2.2 代码分析202
思考题202
第17章 综合案例：简易计算器203
17.1 界面203
17.2 代码及说明203
17.2.1 HTML203
17.2.2 CSS204
17.2.3 JavaScript207
思考题209
第18章 综合案例：待办清单Web App210
18.1 界面210
18.2 代码及说明210
18.2.1 HTML211
18.2.2 CSS211
18.2.3 JavaScript214
思考题217
第19章 综合案例：Web管理系统218
19.1 界面218
19.2 代码及说明220
19.2.1 HTML220
19.2.2 CSS243
19.2.3 JavaScript244
思考题249
附录250
附录A HTML代码规范250
附录B CSS代码规范251
附录C JavaScript代码规范253
参考文献
