Web前端技术

第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