目    录
第1章  网页设计基础知识	1
1.1  相关知识	2
1.2  Web前端开发技术	5
1.2.1  认识HTML	5
1.2.2  认识CSS	6
1.2.3  认识JavaScript	7
第2章  HTML基础	9
2.1  HTML的概念	10
2.2  HTML的基本语法	10
2.2.1  标签	10
2.2.2  属性	11
2.3  HTML的文档结构	12
2.3.1  基本结构	12
2.3.2  书写注意事项	12
2.4  HTML的头部文件和主体文件	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  认识HTML5	121
9.1.1  HTML5的发展史	121
9.1.2  HTML5与HTML4的差异	121
9.1.3  HTML5废除的标签	122
9.2  HTML5的新功能	122
9.2.1  HTML5声明	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.4  Web存储	137
9.4.1  Web存储的两种方法	137
9.4.2  Web存储的优势和意义	139

第10章  CSS语法基础	140
10.1  CSS的简介	141
10.1.1  CSS的发展史	141
10.1.2  CSS的定义	141
10.2  CSS的基本语法	142
10.3  CSS选择符的类型	143
10.3.1  标记选择符	143
10.3.2  组合选择符	144
10.3.3  类选择符	145
10.3.4  id选择符	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-family	159
11.1.2  字号font-size	159
11.1.3  字体风格font-style	162
11.1.4  字体加粗font-weight	162
11.1.5  字体变体font-variant	162
11.1.6  综合字体属性font	163
11.2  文本的版式控制（文本排版）	164
11.2.1  设置首行缩进text-indent	164
11.2.2  设置首字下沉first-letter类	165
11.2.3  调整行高line-height	166
11.2.4  调整字符间距letter-spacing	168
11.2.5  调整单词间距word-spacing	168
11.2.6  添加文字修饰text-decoration	169
11.2.7  设置文本对齐方式text-align和vertical-align	170
11.2.8  转换英文大小写text-transform	171
11.2.9  文本阴影text-shadow	172
习题	173
第12章  颜色和背景	174
12.1  颜色color	175
12.1.1  颜色名称定义	175
12.1.2  颜色的十六进制定义	175
12.1.3  颜色的RGB函数定义	176
12.2  页面背景background	176
12.2.1  设置背景颜色	176
12.2.2  设置背景图片	177
12.2.3  设置重复背景图片	179
12.2.4  设置滚动背景图片	180
12.2.5  设置背景图片位置	181
12.2.6  背景复合属性background	183
12.2.7  设置背景尺寸	184
12.2.8  定义透明度	185
习题	186
第13章  CSS盒子模型	188
13.1  盒模型简介	189
13.1.1  盒模型定义	189
13.1.2  DIV盒子	189
13.2  边框属性	190
13.2.1  边框样式属性border-style	190
13.2.2  边框宽度属性border-width	192
13.2.3  边框颜色属性border-color	192
13.2.4  边框属性的综合设置	193
13.3  边距属性	194
13.3.1  内边距padding	194
13.3.2  外边距margin	195
13.4  圆角边框	199
习题	201
第14章  定位和布局	202
14.1  CSS元素定位	203
14.1.1  定位方式	203
14.1.2  设置位置top、bottom、right、left	203
14.1.3  图层定位z-index属性	206
14.1.4  使用浮动属性	207

14.2  CSS布局属性	207
14.2.1  可见性visibility	207
14.2.2  裁切clip	209
14.2.3  设置层大小width和height	210
14.2.4  溢出overflow	211
14.2.5  浮动float	212
14.2.6  清除浮动clear	213
14.3  其他页面元素的设置	214
14.3.1  鼠标特效	214
14.3.2  项目列表	216
习题	221
第15章  CSS滤镜特效	223
15.1  概述	224
15.2  视觉滤镜	225
15.2.1  Alpha滤镜	225
15.2.2  Blur滤镜	227
15.2.3  DropShadow滤镜	228
15.2.4  Glow滤镜	229
15.2.5  FlipH/FlipV滤镜	230
15.2.6  Gray、Invert、Xray滤镜	232
15.2.7  Chroma滤镜	233
15.2.8  Wave滤镜	235
15.2.9  Shadow滤镜	237
15.2.10  Mask滤镜	239
15.2.11  Emboss、Engrave滤镜	240
习题	243
第16章  JavaScript基础	244
16.1  JavaScript简介	245
16.1.1  什么是脚本语言	245
16.1.2  JavaScript、VBScript与Jscript	245
16.1.3  JavaScript语言的基本特点	245
16.1.4  在HTML中加入JavaScript代码	246
16.1.5  一个简单的实例	247
16.2  JavaScript基本语法	247
16.2.1  JavaScript的语句	247
16.2.2  数据类型	248
16.2.3  变量和常量	249
16.2.4  运算符和表达式	250
16.3  JavaScript流程控制语句	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.1  JavaScript的对象	272
17.1.1  JavaScript对象	272
17.1.2  JavaScript的内置对象和函数	272
17.1.3  浏览器内部对象	279
17.1.4  自定义对象	295
17.2  JavaScript的事件处理方式	297
17.2.1  JavaScript的常用事件	298
17.2.2  事件处理	299
习题	303
第18章  Web前端新技术——响应式网页的设计与实现	305
18.1  响应式网页技术	306
18.2  前端开发框架	306
18.3  Bootstrap框架	307
18.3.1  框架简介	307
18.3.2  Bootstrap框架特点	307
18.3.3  Bootstrap环境安装	310
18.4  基于数字媒体技术专业网站的设计与实现	311
18.4.1  美术设计	311
18.4.2  首页的设计	312
18.4.3  Bootstrap导航	313
18.4.4  网页内容区	313
18.4.5  页脚导航区	317
18.5  小结	318
参考文献	319
习题答案（选择题）	320