Web前端开发技术——HTML、CSS、JavaScript(第3版)

循序渐进的讲述Web开发所涉及的三大前端技术的内容、应用技巧以及它们的综合应用
分享 推荐 4 收藏 47 阅读 7.0K
聂常红 (作者) 978-7-115-49529-7

关于本书的内容有任何问题,请联系 许金霞

(1)系统性。按照电子商务系统基础知识、电子商务系统开发方法、统一建模语言、项目管理、系统开发和维护的结构,比较全面系统地阐述了与电子商务系统分析与设计相关的基础理论与实践操作,以求更好地将理论与实践相结合。
(2)实用性。每章章首以案例做引导,将基础理论与大量实例相结合,并设置了学习目标、本章小结、复习思考题等内容,以便更加全面的将知识贯穿于一体。
(3)新颖性。本书结合编者十多年的教学经验和积累编写而成,结合实例将重点和难点录制成微课视频,扫描二维码即可学习,旨在提升读者学习效果,提升系统分析与设计的能力。

内容摘要

本书全面介绍了Web标准的3个主要组成部分:HTML、CSS和JavaScript。循序渐进地讲述Web开发所涉及的三大前端技术的内容、应用技巧,以及它们的综合应用。每部分都配备了大量的实用案例,图文并茂,效果直观。
全书共21章,分为4个部分。在HTML部分,系统介绍了HTML基本概念、常用文本标签、HTML5文档结构标签、在网页中插入多媒体内容、列表、div标签、元素类型、在网页中创建超链接、在网页中使用表格、在网页中创建表单等内容;在CSS部分,系统介绍了CSS的定义、CSS选择器、CSS常用属性、盒子模型、网页元素的CSS排版、网页常用布局版式等内容;在JavaScript部分,系统介绍了JavaScript基础、脚本函数、事件处理、JavaScript内置对象、使用DOM操作HTML文档、BOM对象、正则表达式模式匹配、JavaScript经典实例等内容;本书最后部分,通过一个综合案例,详细讲解了整合三大Web前端技术制作网页涉及的各方面内容和技巧。
本书可作为普通高等院校、大中专院校及培训学校计算机及相关专业的教材,也可供从事前端开发工作的相关人员参考。

目录

第 1章HTML基础 1
1.1 基本概念 1
1.2 HTML发展历程 2
1.3 HTML文件 3
1.3.1 HTML标签 4
1.3.2 HTML文件基本结构 5
1.3.3 <!doctype>文档类型声明标签 5
1.3.4 <html>及网页头部区域标签 6
1.3.5 <body>主体标签 11
1.3.6 HTML文件的编写方法 12
习 题 1 14
第 2章 常用文本标签和文档结构标签 16
2.1 常用文本标签 16
2.1.1 段落与换行标签 16
2.1.2 标题字标签 17
2.1.3 strong标签强调 18
2.1.4 em标签 19
2.1.5 span标签 19
2.1.6 空格、特殊字符的输入及注释 20
2.2 HTML5文档结构标签 22
2.2.1 header标签 22
2.2.2 article标签 23
2.2.3 section标签 23
2.2.4 nav标签 24
2.2.5 aside标签 25
2.2.6 footer标签 25
习 题 2 26
第3章 在网页中插入多媒体内容 28
3.1 在网页中插入图片 28
3.1.1 网页常用图片格式 28
3.1.2 插入图片基本语法 28
3.1.3 设置图片大小 29
3.1.4 设置图片描述信息和替换信息 30
3.2 使用<object>嵌入Flash动画 31
3.3 使用<embed>嵌入多媒体内容 33
3.4 使用<video>嵌入音频和视频 34
3.5 使用<audio>嵌入音频 36
 习 题 3 36
第4章 列表、DIV标签和元素类型 38
4.1 使用列表标签创建列表 38
4.1.1 创建有序列表 38
4.1.2 创建无序列表 40
4.1.3 创建嵌套列表 44
4.2 <div>标签 45
4.3 元素类型 46
4.3.1 block块级元素 46
4.3.2 inline行内元素 48
4.3.3 inline-block行内块元素 49
习 题 4 50
第5章 在网页中创建超链接 52
5.1 使用<a>标签创建超链接 52
5.1.1 创建超链接的基本语法 52
5.1.2 设置超链接目标窗口 53
5.1.3 超链接的链接路径 54
5.2 基准URL标签<base> 55
5.3 超链接的类型 56
5.3.1 内部链接 56
5.3.2 外部链接 57
5.3.3 书签链接 57
5.3.4 脚本链接 59
5.3.5 文件下载 59
5.3.6 文本链接 60
5.3.7 图片链接 60
5.4 超链接与浮动框架 61
5.4.1 在页面中嵌入浮动框架 61
5.4.2 设置浮动框架的大小 62
5.4.3 设置浮动框架的边框 62
5.4.4 浮动框架作为超链接目标 63
习 题 5 64
第6章 在网页中使用表格 65
6.1 表格概述 65
6.2 表格标签 66
6.2.1 <table>标签 66
6.2.2 表格标题标签<caption> 68
6.2.3 <tr>标签 68
6.2.4 <td>和<th>标签 69
6.2.5 单元格的跨行和跨列设置 71
6.2.6 <thead>、<tbody>和<tfoot>标签 73
6.3 表格的综合示例 74
习 题 6 76
第7章 在网页中创建表单 77
7.1 表单概述 77
7.2 <form>标签 78
7.3 input元素 78
7.3.1 文本框 79
7.3.2 密码框 80
7.3.3 隐藏域 80
7.3.4 文件域 81
7.3.5 单选框和复选框 82
7.3.6 提交按钮 83
7.3.7 button按钮 83
7.3.8 重置按钮 84
7.3.9 图像按钮 85
7.4 选择列表元素 85
7.5 文本域元素 88
7.6 HTML5表单新增属性 89
7.6.1 form属性 89
7.6.2 formaction属性 89
7.6.3 autofocus属性 90
7.6.4 pattern属性 91
7.6.5 placeholder属性 92
7.6.6 required属性 92
7.7 HTML5表单新增的input元素类型 93
7.7.1 tel类型 94
7.7.2 email类型 94
7.7.3 url类型 94
7.7.4 number类型 95
7.7.5 range类型 96
7.7.6 search类型 97
7.7.7 color类型 97
7.7.8 date类型 98
7.7.9 time类型 99
7.7.10 datetime类型 100
7.7.11 datetime-local类型 100
7.7.12 week类型 101
7.7.13 month类型 101
7.8 提交按钮新增取消验检属性 102
7.9 表单综合示例 103
习 题 7 105
第8章 CSS的定义及应用 106
8.1 CSS概述 106
8.2 定义CSS的基本语法 107
8.3 CSS基本选择器 109
8.3.1 元素选择器 109
8.3.2 类选择器 110
8.3.3 ID选择器 112
8.3.4 伪类选择器 114
8.3.5 伪元素选择器 118
8.3.6 通用选择器 121
8.4 CSS复合选择器 122
8.4.1 交集选择器 122
8.4.2 并集选择器 123
8.4.4 后代选择器 124
8.4.5 子元素选择器 125
8.4.6 相邻兄弟选择器 126
8.5 在HTML文档中应用CSS的常用方式 127
8.5.1 行内式 127
8.5.2 内嵌式 127
8.5.3 链接式 128
8.6 CSS的冲突与解决 129
习题8 131
第9章 CSS常用属性 132
9.1 文本属性 132
9.1.1 color颜色属性 132
9.1.2 text-align水平对齐属性 133
9.1.3 text-indent首行缩进属性 135
9.1.4 text-decoration文本修饰属性 136
9.1.5 letter-spacing字符间距属性 137
9.1.6 word-spacing字间距属性 138
9.1.7 line-height文本行高属性 139
9.2 字体属性 141
9.2.1 font-weight字体粗细属性 142
9.2.2 font-style字体风格属性 143
9.2.3 font-size字体大小属性 144
9.2.4 font-family字体族属性 145
9.2.5 font字体属性 147
9.3 背景属性 149
9.3.1 背景颜色属性:background-color 149
9.3.2 背景图片属性:background-image 150
9.3.3 背景图片重复属性:background-repeat 151
9.3.4 背景图片位置属性:background-position 152
9.3.5 背景图片滚动属性:background-attachment 154
9.3.6 背景属性:background 157
9.4 display属性 157
9.5 列表属性 160
9.5 表格属性 162
习题9 164
第 10章 盒子模型 165
10.1 盒子模型的组成 165
10.2 盒子边框设置 167
10.2.1 设置边框风格 167
10.2.2 设置边框宽度 170
10.2.3 设置边框颜色 172
10.2.4 统一设置边框的宽度、颜色和风格 174
10.3 盒子内边距设置 177
10.3.1 内边距的设置 177
10.3.2 padding内边距的特点 179
10.4 盒子外边距设置 181
10.4.1 外边距的设置 181
10.4.2 盒子外边距的合并 183
10.4.3 相邻盒子之间的水平间距 189
10.5 盒子内容大小设置 191
习 题 10 192
第 11章 网页元素的CSS排版 193
11.1 标准流排版 193
11.2 浮动排版 194
11.3 定位排版 205
习 题 11 214
第 12章 网页常见布局版式 215
12.1 上中下一栏版式 215
12.2 左右两栏版式 216
12.3 左右两栏+页眉+页脚版式 219
12.4 左右宽度固定中间自适应的左中右三栏版式 220
12.5 左中右三栏+页眉+页脚版式 223
12.6 DIV+CSS布局与表格布局的比较 224
习 题 12 225
第 13章 JavaScript基础 226
13.1 JavaScript概述 226
13.1.1 JavaScript发展历史及组成部分 226
13.1.2 JavaScript与Java的关系及编辑工具 227
13.1.3 JavaScript特点 227
13.1.4 JavaScript语法特点 228
13.1.4 JavaScript代码执行顺序和调试 229
13.2 JavaScript代码的调试方法 229
13.2.1 使用alert()方法调试JavaScript代码 229
13.2.2 使用console.log()方法调试JavaScript代码 231
13.2.3 使用IE11的“开发者工具”调试脚本代码 232
13.3 标识符、关键字和保留字 235
13.4 直接量 236
13.5 变量 236
13.5.1 变量的声明与赋值 236
13.5.2 变量的作用域 237
13.6 数据类型 239
13.6.1 数字类型 239
13.6.2 字符串类型 240
13.6.3 布尔类型 242
13.6.4 null和undefined类型 242
13.6.5 数据类型的转换 242
13.7 表达式和运算符 246
13.7.1 算术表达式 246
13.6.2 关系表达式 247
13.6.3 逻辑表达式 248
13.6.4 赋值表达式 252
13.6.5 条件表达式 253
13.6.6 new运算符 253
13.6.7 运算符的优先级及结合性 254
13.7 语句 255
13.7.1 表达式语句 255
13.7.2 声明语句 255
13.7.3 条件语句 256
13.7.4 循环语句 262
13.7.5 循环终止和退出语句 267
13.7.6 注释语句 268
13.8 在网页中嵌入JavaScript代码 269
13.8.1 在HTML标签的事件属性中直接添加脚本 269
13.8.2 使用script标签嵌入脚本代码 270
13.8.3 使用<script>标签链接外部JavaScript文件 271
习 题 13 272
第 14章 脚本函数 273
14.1 函数定义 273
14.2 return语句详解 275
14.3 函数调用 276
14.4 this指向 278
14.5 内置函数 280
习 题 14 282
第 15章 事件处理 283
15.1 事件处理概述 283
15.2 注册事件处理程序 284
15.2.1 使用HTML标签的事件属性注册事件处理程序 284
15.2.2 使用事件目标的事件属性注册事件处理函数 285
15.2.3 使用事件目标调用addEventListener()方法 286
15.3 事件处理程序的调用 288
15.3.1 事件处理程序与this的使用 288
15.3.2 事件对象event 290
15.3.3 事件处理程序的返回值 292
习 题 15 293
第 16章 JavaScript内置对象 294
16.1 Array对象 294
16.2 String对象 296
16.3 Math对象 298
16.4 Date对象 300
习 题 16 302
第 17章 使用DOM操作HTML文档 303
17.1 DOM概述 303
17.2 DOM对象 304
17.2.1 document对象 304
17.2.2 元素对象 305
17.2.3 属性对象 306
17.3 使用DOM访问文档元素 307
17.3.1 获取文档元素 307
17.3.2 访问和设置文档元素属性 308
17.3.3 使用innerHTML属性访问和设置文档元素内容 309
17.4 使用DOM创建、插入、修改和删除节点 310
17.5 表单及表单元素对象 312
17.5.1 表单对象 312
17.5.2 表单元素对象 313
习 题 17 317
第 18章 BOM对象 318
18.1 BOM结构 318
18.2 Window对象 318
18.3 navigator对象 326
18.4 location对象 327
18.5 history对象 329
18.6 screen对象 330
习 题 18 330
第 19章 正则表达式模式匹配 332
19.1 正则表达式定义 332
19.2 使用RegExp对象进行模式匹配 333
19.2.1 创建RegExp对象 334
19.2.2 RegExp对象常用属性和方法 334
19.3 用于模式匹配的String方法 338
习 题 19 341
第 20章 JavaScript经典实例 342
20.1 使用JavaScript创建选项卡切换内容块 342
20.2 使用JavaScript创建折叠菜单 345
20.3 使用JavaScript创建二级菜单 347
习 题 20 351
第 21章 使用HTML5+CSS+JavaScript创建企业网站 352
21.1 网站的建设与发布流程 352
21.1.1 网站策划 352
21.1.2 网站素材收集 352
21.1.3 网页规划 352
21.1.4 网站目录设计 353
21.1.5 网页制作 353
21.1.6 网站测试 353
21.1.7 网站发布 354
21.2 使用HTML5+CSS+JavaScript创建网站 354
21.2.1 网站的创建流程 354
21.2.2 公司简介网页的制作 356
21.2.3 网上订购页面的制作 367


读者评论

赶紧抢沙发哦!

我要评论

作者介绍

软件设计师,有十多年教学经验。 讲授课程:web编程、Java程序设计、企业级JAVA II等 主要研究项目及领域:软件开发、系统架构等。

推荐用户

相关图书

人邮微信
本地服务
教师服务
教师服务
读者服务
读者服务
返回顶部
返回顶部