第1章 Web前端开发技术综述 1
1.1 Web概述 1
1.1.1 Web的起源 1
1.1.2 Web的特点 3
1.1.3 Web工作原理 3
1.2 Web前端开发工程师职业需求 4
1.2.1 Web前端开发的由来 4
1.2.2 Web前端开发工程师的职业要求 5
1.3 Web前端开发技术 5
1.3.1 HTML 5
1.3.2 CSS 8
1.3.3 JavaScript 10
1.3.4 HTML DOM 11
1.3.5 BOM 12
1.3.6 AJAX 13
1.3.7 jQuery 14
1.4 Web前端开发工具 16
1.4.1 NotePad 16
1.4.2 EditPlus 16
1.4.3 Adobe Dreamweaver 17
1.5 浏览器工具 18
1.5.1 Internet Explorer 19
1.5.2 Google Chrome 19
1.5.3 Mozilla Firefox 19
1.5.4 Safari 19
1.5.5 Opera 19
1.6 综合实例 20
本章小结 21
练习与实验 21
本章参考文献 23
第2章 HTML基础 24
2.1 HTML文档结构 24
2.2 头部head 25
2.2.1 标题title标记 25
2.2.2 元信息meta标记 26
2.3 主体body 28
2.3.1 body标记 28
2.3.2 body标记属性 29
2.4 HTML基本语法 31
2.4.1 标记类型 31
2.4.2 HTML属性 32
2.5 注释 34
2.6 HTML文档编写规范 35
2.6.1 HTML代码书写规范 35
2.6.2 HTML文档命名规则 36
2.7 HTML文档类型 36
2.7.1 <！DOCTYPE>标记 36
2.7.2 DTD类型 37
2.8 综合实例 38
本章小结 39
练习与实验 40
本章参考文献 41
第3章 格式化文本与段落 42
3.1 Web页面初步设计 42
3.1.1 向Web页面添加文字信息 42
3.1.2 标题字标记 43
3.1.3 添加空格与特殊符号 44
3.2 格式化文本标记 46
3.2.1 文本修饰标记 46
3.2.2 计算机输出标记 46
3.2.3 引用和术语标记 47
3.2.4 字体font标记 51
3.3 段落与排版标记 52
3.3.1 段落p标记 52
3.3.2 换行br标记 53
3.3.3 水平分隔线hr标记 54
3.3.4 内容居中center标记 55
3.3.5 段落缩进blockquote标记 55
3.3.6 预格式化pre标记 56
3.4 综合实例 57
本章小结 58
练习与实验 59
第4章 列表 62
4.1 列表概述 62
4.2 无序列表 62
4.3 有序列表 64
4.4 列表嵌套 66
4.5 定义列表 68
4.6 综合实例 69
本章小结 71
练习与实验 71
本章参考文献 73
第5章 超链接 74
5.1 超链接概述 74
5.2 超链接语法、路径及分类 75
5.2.1 超链接语法 75
5.2.2 超链接路径 76
5.2.3 超链接分类 77
5.3 超链接的应用 78
5.3.1 创建HTTP文件下载超链接 78
5.3.2 创建页面书签链接 78
5.3.3 创建FTP站点访问超链接 81
5.3.4 创建图像超链接 82
5.3.5 创建电子邮件超链接 83
5.4 综合实例 84
本章小结 85
练习与实验 85
本章参考文献 87
第6章 图像与多媒体文件 88
6.1 图像 88
6.1.1 插入图像 88
6.1.2 设置图像的替代文本 90
6.1.3 设置图像的高度和宽度 91
6.1.4 设置图像的边框 91
6.1.5 设置图像对齐方式 92
6.1.6 设置图像的间距 94
6.1.7 设置图像热区链接 96
6.2 滚动文字 97
6.2.1 添加滚动文字 97
6.2.2 设置滚动文字背景颜色与滚动循环 98
6.2.3 设置滚动方向与滚动方式 99
6.2.4 设置滚动速度与滚动延迟 101
6.2.5 设置滚动范围与滚动空白空间 102
6.3 背景音乐与其他多媒体文件 103
6.3.1 添加背景音乐 103
6.3.2 插入音频和视频 104
6.3.3 插入Flash动画 105
6.4 综合实例 106
本章小结 108
练习与实验 108
本章参考文献 111
第7章 CSS基础 112
7.1 CSS概念 112
7.1.1 CSS的基本概念 112
7.1.2 传统HTML的缺点 112
7.1.3 CSS的特点 113
7.1.4 CSS的优势 113
7.1.5 CSS的编辑方法 114
7.2 使用CSS控制Web页面 114
7.2.1 CSS基本语法 114
7.2.2 CSS选择器类型 116
7.2.3 CSS选择器声明 118
7.2.4 CSS定义与引用 119
7.3 CSS继承与层叠 124
7.4 综合实例 126
本章小结 129
练习与实验 129
第8章 DIV与SPAN 132
8.1 DIV图层 132
8.1.1 DIV定义 132
8.1.2 DIV应用 134
8.2 图层嵌套与层叠 135
8.2.1 DIV嵌套 135
8.2.2 DIV层叠 136
8.3 DIV标记与SPAN标记 137
8.4 综合实例 139
本章小结 144
练习与实验 144
本章参考文献 146
第9章 CSS样式属性 147
9.1 CSS属性值中的单位 147
9.1.1 绝对单位 147
9.1.2 相对单位 147
9.2 CSS字体样式 148
9.2.1 字体大小font-size属性 148
9.2.2 字体样式font-style属性 149
9.2.3 字体系列font-family属性 149
9.2.4 字体变体font-variant属性 150
9.2.5 字体粗细font-weight属性 151
9.2.6 字体font属性 151
9.3 CSS文本样式 152
9.3.1 字符间距letter-spacing属性 153
9.3.2 行距line-height属性 153
9.3.3 首行缩进text-indent属性 153
9.3.4 字符装饰text-decoration属性 154
9.3.5 英文大小写转换text-transform属性 155
9.3.6 水平对齐text-align属性 156
9.3.7 垂直对齐vertical-align属性 156
9.4 CSS颜色与背景 158
9.4.1 颜色color属性 158
9.4.2 背景background属性 159
9.5 CSS列表样式 163
9.5.1 列表类型list-style-type属性 163
9.5.2 列表项图像list-style-image属性 163
9.5.3 列表符号位置list-style-position属性 164
9.6 CSS盒模型 165
9.6.1 CSS盒模型结构 165
9.6.2 边界属性设置 166
9.6.3 边框属性设置 167
9.6.4 填充属性设置 170
9.7 综合实例 171
本章小结 175
练习与实验 175
本章参考文献 178
第10章 DIV＋CSS页面布局 179
10.1 页面布局设计 179
10.1.1 “三行模式”或“三列模式” 179
10.1.2 “三行二列”、“三行三列”模式 180
10.1.3 多行多列复杂模式 182
10.2 导航菜单设计 184
10.2.1 一级水平导航菜单 184
10.2.2 二级水平导航菜单 186
10.3 综合实例 194
本章小结 200
练习与实验 200
第11章 表格 203
11.1 表格 203
11.2 表格标记 204
11.3 表格属性设置 206
11.3.1 表格边框属性 207
11.3.2 表格的宽度和高度属性 207
11.3.3 表格背景颜色与背景图像属性 207
11.3.4 表格边框样式属性 209
11.3.5 表格单元格间距、单元格边距属性 211
11.3.6 表格水平对齐属性 212
11.4 设置表格行的属性 213
11.4.1 表格行内容水平对齐的属性 214
11.4.2 表格行内容垂直对齐的属性 214
11.5 设置单元格的属性 216
11.5.1 表格单元格跨行属性 216
11.5.2 表格单元格跨列属性 216
11.6 表格嵌套 218
11.7 CSS Table属性 220
11.7.1 border-collapse属性 220
11.7.2 border-spacing属性 221
11.7.3 caption-side属性 222
11.7.4 empty-cells属性 223
11.7.5 table-layout属性 223
11.8 综合实例 225
本章小结 229
练习与实验 229
第12章 框架 233
12.1 框架概述 233
12.2 框架集的设置 234
12.2.1 框架集窗口水平分割 234
12.2.2 框架集窗口垂直分割 235
12.2.3 框架集窗口嵌套分割 236
12.2.4 框架集的边框 237
12.2.5 框架集边框的隐藏 238
12.3 框架的设置 238
12.3.1 框架名称属性 239
12.3.2 框架中显示网页属性 239
12.3.3 框架中滚动条属性 240
12.3.4 框架的边距属性 240
12.3.5 框架尺寸调整属性 240
12.4 浮动框架 241
12.5 框架与超链接关联 243
12.6 综合实例 246
本章小结 251
练习与实验 251
第13章 表单 255
13.1 表单概述 255
13.2 定义域和域标题 257
13.3 表单信息输入 258
13.3.1 单行文本输入框 259
13.3.2 密码输入框 259
13.3.3 复选框 260
13.3.4 单选按钮 261
13.3.5 图像按钮 262
13.3.6 提交按钮 263
13.3.7 重置按钮 264
13.3.8 普通按钮 264
13.3.9 文件选择框 266
13.3.10 隐藏框 266
13.4 多行文本输入框 268
13.5 下拉列表框 269
13.6 综合实例 270
本章小结 274
练习与实验 274
第14章 JavaScript基础 277
14.1 JavaScript概述 277
14.1.1 JavaScript简介 277
14.1.2 第一个JavaScript程序 278
14.1.3 JavaScript放置的位置 279
14.2 JavaScript程序 282
14.2.1 语句和语句块 283
14.2.2 代码 283
14.2.3 消息对话框 283
14.2.4 JavaScript注释 286
14.3 标识符和变量 287
14.3.1 命名规范 287
14.3.2 数据类型 288
14.3.3 变量 290
14.3.4 转义字符 291
14.4 运算符和表达式 291
14.4.1 算术运算符和表达式 291
14.4.2 关系运算符和表达式 294
14.4.3 逻辑运算符和表达式 295
14.4.4 赋值运算符和表达式 296
14.4.5 位运算符和表达式 297
14.4.6 条件运算符和表达式 298
14.4.7 其他运算符和表达式 298
14.5 JavaScript程序控制结构 299
14.5.1 顺序结构 300
14.5.2 分支结构 300
14.5.3 循环结构 306
14.6 JavaScript函数 314
14.6.1 常用系统函数 314
14.6.2 自定义函数 323
14.6.3 带参数返回的return语句 324
14.6.4 函数变量的作用域 325
14.7 综合实例 327
本章小结 330
练习与实验 330
第15章 JavaScript事件分析 333
15.1 JavaScript事件概述 333
15.1.1 事件类型 333
15.1.2 事件句柄 334
15.1.3 事件处理 335
15.1.4 事件处理程序的返回值 338
15.2 表单事件 340
15.2.1 获得焦点与失去焦点事件 340
15.2.2 提交及重置事件 341
15.2.3 改变及选择事件 342
15.3 鼠标事件 343
15.3.1 鼠标单、双击事件 343
15.3.2 鼠标移动事件 344
15.4 键盘事件 346
15.5 窗口事件 347
15.6 综合实例 348
本章小结 350
练习与实验 351
第16章 DOM和BOM 354
16.1 常用对象 354
16.1.1 Array 355
16.1.2 Date 358
16.1.3 Math 360
16.1.4 Number 363
16.1.5 String 363
16.1.6 Boolean 366
16.2 HTML DOM 366
16.2.1 DOM简介 366
16.2.2 DOM节点树 367
16.2.3 DOM节点 368
16.2.4 DOM节点访问 370
16.2.5 DOM节点操作 373
16.3 BOM 379
16.3.1 window对象 380
16.3.2 navigator对象 382
16.3.3 screen对象 383
16.3.4 history对象 384
16.3.5 location对象 385
16.4 综合实例 387
本章小结 396
练习与实验 396
第17章 浏览器兼容性测试、网站调试与发布 400
17.1 浏览器兼容性测试工具 400
17.1.1 在线测试工具 401
17.1.2 本地测试工具 406
17.2 Web网页调试工具 413
17.2.1 IE IETester 413
17.2.2 Firefox Firebug 418
17.2.3 Opera Dragonfly 420
17.3 网站发布工具 421
17.3.1 常用的Web服务器 421
17.3.2 常用的Web服务器发布平台 422
17.3.3 Windows上EasyPHP配置与发布 423
本章小结 425
练习与实验 425
附录A 模拟试卷1 427
附录B 模拟试卷2 434
参考文献 441