Web前端技术

本书全面、系统地介绍了网页设计的核心技术――HTML、CSS和JavaScript，侧重于基础理论和实际运用，并结合技术的近期新前沿知识。主要内容包括：网页设计基础知识；HTML的使用及HTML5新标签的介绍；CSS基础和应用、CSS3.0新特征的使用；JavaScript脚本编程；本书的最后1章介绍Web前端设计的新技术――响应式网页及目前流行的用于实现响应式网页设计的Bootstrap前端框架的使用，通过案例详叙了基于Bootstrap框架的响应式网站的设计与开发的完整实现过程。本书以“讲清语法、学以致用”为指导思想，不仅着重介绍每个技术点的语法，更侧重通过具体小实例来达到学以致用的目的。其作者结合多年讲授这门课程的教学经验，合理地组织教材内容，做到内容紧凑、实践性强并结合技术的前沿知识。

第1章网页设计基础知识1
1.1相关知识2
1.2Web前端开发技术5
1.2.1认识HTML5
1.2.2认识CSS6
1.2.3认识JavaScript7
第2章HTML基础9
2.1HTML的概念10
2.2HTML的基本语法10
2.2.1标签10
2.2.2属性11
2.3HTML的文档结构12
2.3.1基本结构12
2.3.2书写注意事项12
2.4HTML的头部文件和主体文件13
2.4.1文件头部内容13
2.4.2主体内容16
习题19
第3章网页文字与排版设计21
3.1编辑网页内容22
3.1.1添加文字22
3.1.2添加注释22
3.1.3添加空格23
3.2文字效果与修饰23
3.2.1设置文字样式23
3.2.2修饰文字24
3.3段落与排版29
3.3.1段落的标签30
3.3.2换行30
3.3.3预格式化32
3.3.4居中显示文字33
3.3.5插入水平线33
3.3.6设置段落缩进34
3.4建立列表35
3.4.1建立定义列表35
3.4.2建立无序列表37
3.4.3建立有序列表39
3.4.4建立嵌套列表41
3.5文字网页综合实例41
习题43
第4章超链接的使用45
4.1超链接简介46
4.2超链接的路径46
4.2.1设置绝对路径46
4.2.2设置相对路径46
4.2.3设置根路径47
4.3超链接的应用47
4.3.1超链接的建立47
4.3.2插入内部和外部链接48
4.3.3插入锚链接（书签链接）49
4.3.4插入图片链接52
4.3.5电子邮件链接53
4.3.6下载文件的链接54
4.4设置图像映射55
4.5其他链接56
4.5.1定义基准网址＜base＞56
4.5.2框架的链接57
4.6综合实例57
习题58
第5章表格的使用60
5.1创建表格61
5.1.1表格的结构61
5.1.2表格的标题与表头62
5.2设置表格属性64
5.2.1设置表格的边框64
5.2.2设置边框样式65
5.2.3设置表格的宽度和高度67
5.2.4设置表格的背景颜色67
5.3设置单元格68
5.3.1设置单元格水平对齐属性68
5.3.2设置单元格垂直对齐69
5.3.3设置单元格间距和边距70
5.3.4合并单元格72
5.4表格嵌套74
5.5综合实例75
习题76
第6章网页框架设计78
6.1框架79
6.1.1框架的概念79
6.1.2框架的基本结构80
6.2框架的设置80
6.2.1框架的文件属性80
6.2.2设置框架的名称81
6.2.3框架的边框81
6.2.4框架的滚动条82
6.2.5调整框架尺寸83
6.2.6设置框架边缘宽度与高度84
6.3框架集的设置85
6.3.1框架集边框宽度85
6.3.2设置框架集边框颜色86
6.3.3框架的分割87
6.4框架的嵌套88
6.5不支持框架88
6.6浮动框架90
6.7设置框架的链接91
6.7.1普通框架添加链接91
6.7.2浮动框架添加链接92
6.8框架的综合应用94
习题96
第7章层的应用98
7.1创建层99
7.2层的属性99
7.2.1层属性的设置99
7.2.2层的边框100
7.2.3层边框的颜色100
7.3嵌套层102
7.4＜span＞标签的使用102
7.5综合应用103
习题104
第8章表单的使用106
8.1表单107
8.1.1基本概念107
8.1.2表单的属性107
8.2输入标签＜input＞108
8.2.1表单元素标记108
8.2.2文本框108
8.2.3密码框109
8.2.4单选框、复选框110
8.2.5图像域111
8.2.6隐藏域112
8.2.7多行文本域113
8.2.8按钮113
8.2.9下拉菜单和滚动列表114
8.2.10插入文件域115
8.3表单综合实例117
习题118
第9章HTML5基本介绍120
9.1认识HTML5121
9.1.1HTML5的发展史121
9.1.2HTML5与HTML4的差异121
9.1.3HTML5废除的标签122
9.2HTML5的新功能122
9.2.1HTML5声明123
9.2.2语义化标签123
9.3新增标签介绍126
9.3.1视频标签与属性126
9.3.2音频标签与属性127
9.3.3画布标签与属性128
9.3.4表单属性129
9.4Web存储137
9.4.1Web存储的两种方法137
9.4.2Web存储的优势和意义139
第10章CSS语法基础140
10.1CSS的简介141
10.1.1CSS的发展史141
10.1.2CSS的定义141
10.2CSS的基本语法142
10.3CSS选择符的类型143
10.3.1标记选择符143
10.3.2组合选择符144
10.3.3类选择符145
10.3.4id选择符146
10.3.5包含选择符148
10.3.6伪类149
10.4选择符的优先级150
10.5应用CSS样式表151
10.5.1行内样式151
10.5.2内嵌样式152
10.5.3链接外部样式153
10.5.4导入外部样式154
10.5.5样式表的优先级155
习题156
第11章CSS设置文字与版式158
11.1字体属性的设置159
11.1.1字体font-family159
11.1.2字号font-size159
11.1.3字体风格font-style162
11.1.4字体加粗font-weight162
11.1.5字体变体font-variant162
11.1.6综合字体属性font163
11.2文本的版式控制（文本排版）164
11.2.1设置首行缩进text-indent164
11.2.2设置首字下沉first-letter类165
11.2.3调整行高line-height166
11.2.4调整字符间距letter-spacing168
11.2.5调整单词间距word-spacing168
11.2.6添加文字修饰text-decoration169
11.2.7设置文本对齐方式text-align和vertical-align170
11.2.8转换英文大小写text-transform171
11.2.9文本阴影text-shadow172
习题173
第12章颜色和背景174
12.1颜色color175
12.1.1颜色名称定义175
12.1.2颜色的十六进制定义175
12.1.3颜色的RGB函数定义176
12.2页面背景background176
12.2.1设置背景颜色176
12.2.2设置背景图片177
12.2.3设置重复背景图片179
12.2.4设置滚动背景图片180
12.2.5设置背景图片位置181
12.2.6背景复合属性background183
12.2.7设置背景尺寸184
12.2.8定义透明度185
习题186
第13章CSS盒子模型188
13.1盒模型简介189
13.1.1盒模型定义189
13.1.2DIV盒子189
13.2边框属性190
13.2.1边框样式属性border-style190
13.2.2边框宽度属性border-width192
13.2.3边框颜色属性border-color192
13.2.4边框属性的综合设置193
13.3边距属性194
13.3.1内边距padding194
13.3.2外边距margin195
13.4圆角边框199
习题201
第14章定位和布局202
14.1CSS元素定位203
14.1.1定位方式203
14.1.2设置位置top、bottom、right、left203
14.1.3图层定位z-index属性206
14.1.4使用浮动属性207
14.2CSS布局属性207
14.2.1可见性visibility207
14.2.2裁切clip209
14.2.3设置层大小width和height210
14.2.4溢出overflow211
14.2.5浮动float212
14.2.6清除浮动clear213
14.3其他页面元素的设置214
14.3.1鼠标特效214
14.3.2项目列表216
习题221
第15章CSS滤镜特效223
15.1概述224
15.2视觉滤镜225
15.2.1Alpha滤镜225
15.2.2Blur滤镜227
15.2.3DropShadow滤镜228
15.2.4Glow滤镜229
15.2.5FlipH/FlipV滤镜230
15.2.6Gray、Invert、Xray滤镜232
15.2.7Chroma滤镜233
15.2.8Wave滤镜235
15.2.9Shadow滤镜237
15.2.10Mask滤镜239
15.2.11Emboss、Engrave滤镜240
习题243
第16章JavaScript基础244
16.1JavaScript简介245
16.1.1什么是脚本语言245
16.1.2JavaScript、VBScript与Jscript245
16.1.3JavaScript语言的基本特点245
16.1.4在HTML中加入JavaScript代码246
16.1.5一个简单的实例247
16.2JavaScript基本语法247
16.2.1JavaScript的语句247
16.2.2数据类型248
16.2.3变量和常量249
16.2.4运算符和表达式250
16.3JavaScript流程控制语句254
16.3.1选择语句254
16.3.2循环语句259
16.3.3其他语句263
16.4函数264
16.4.1函数的定义264
16.4.2函数的参数与返回值265
习题269
第17章JavaScript的对象和事件271
17.1JavaScript的对象272
17.1.1JavaScript对象272
17.1.2JavaScript的内置对象和函数272
17.1.3浏览器内部对象279
17.1.4自定义对象295
17.2JavaScript的事件处理方式297
17.2.1JavaScript的常用事件298
17.2.2事件处理299
习题303
第18章Web前端新技术――响应式网页的设计与实现305
18.1响应式网页技术306
18.2前端开发框架306
18.3Bootstrap框架307
18.3.1框架简介307
18.3.2Bootstrap框架特点307
18.3.3Bootstrap环境安装310
18.4基于数字媒体技术专业网站的设计与实现311
18.4.1美术设计311
18.4.2首页的设计312
18.4.3Bootstrap导航313
18.4.4网页内容区313
18.4.5页脚导航区317
18.5小结318
参考文献319
习题答案（选择题）320