第1章 Web前端开发技术综述 1
1.1 Web概述 2
1.1.1 Web的起源 3
1.1.2 Web的特点 3
1.1.3 Web工作原理 4
1.2 Web前端开发工程师职业需求 5
1.2.1 Web前端开发的由来 5
1.2.2 Web前端开发工程师的职业要求 5
1.3 Web前端开发技术 6
1.3.1 HTML 6
1.3.2 CSS 10
1.3.3 JavaScript 11
1.3.4 HTML DOM 12
1.3.5 BOM 14
1.3.6 AJAX 15
1.4 Web前端开发工具 15
1.4.1 NotePad 16
1.4.2 EditPlus 16
1.4.3 TextPad 17
1.4.4 Dreamweaver 17
1.4.5 TopStyle 18
1.4.6 CSS3 Menu 18
1.4.7 Sothink Tree Menu 19
1.4.8 ColorImpact 19
1.5浏览器工具 20
1.5.1 Internet Explorer 20
1.5.2 Mozilla Firefox 20
1.5.3 Google Chrome 21
1.5.4 Oprea 21
1.5.5手机浏览器 22
1.6综合案例 23
本章小结 24
练习与实验 24
练习1 24
实验1 25
第2章HTML基础 26
2.1 HTML文档结构 27
2.2头部head 28
2.2.1标题title标记 28
2.2.2元信息meta标记 28
2.2.3样式style标记 31
2.3主体body 31
2.3.1 body标记 32
2.3.2 body标记属性 33
2.4 HTML基本语法 34
2.4.1标记语法 34
2.4.2属性语法 35
2.5注释 37
2.6 HTML文档编写规范 38
2.6.1 HTML页面编码基本规范 38
2.6.2 HTML文件命名规则 39
2.7 HTML文档类型 39
2.7.1＜！DOCTYPE>标记 40
2.7.2 DTD类型 40
2.8综合实例 41
2.8.1使用NotePad编写 41
2.8.2使用EditPlus编写 41
本章小结 42
练习与实验 43
练习2 43
实验2 43
第3章 格式化文字与段落 45
3.1 Web页面初步设计 46
3.1.1在body标记中添加文字信息 46
3.1.2标题字标记 47
3.1.3添加空格与特殊符号 48
3.2文本标记 49
3.2.1物理样式标记 49
3.2.2逻辑样式标记 50
3.2.3字体font标记 51
3.3段落 53
3.3.1段落p标记 53
3.3.2换行br标记 54
3.3.3水平分隔线hr标记 55
3.3.4内容居中center标记 56
3.3.5段落缩进blockquote标记 57
3.3.6预格式化pre标记 58
3.4综合实例 59
本章小结 60
练习与实验 60
练习3 60
实验3 61
第4章 列表 63
4.1列表简介 63
4.2无序列表 64
4.3菜单列表和目录列表 66
4.3.1菜单列表menu标记 66
4.3.2目录列表dir标记 66
4.4有序列表 67
4.5嵌套列表 69
4.6定义列表 71
4.7综合实例 72
本章小结 74
练习与实验 74
练习4 74
实验4 75
第5章 超链接 76
5.1超链接简介 77
5.2创建超链接 78
5.2.1超链接语法 78
5.2.2超链接路径 79
5.2.3超链接分类 80
5.3链接对象 80
5.3.1下载文件链接 81
5.3.2书签链接 81
5.3.3 FTP链接 84
5.3.4图像链接 85
5.3.5电子邮件链接 87
5.4综合实例 88
本章小结 89
练习与实验 90
练习5 90
实验5 91
第6章 图像与多媒体文件 92
6.1图像 93
6.1.1插入图像 93
6.1.2设置图像的提示文字 95
6.1.3设置图像的高度和宽度 96
6.1.4设置图像的边框 97
6.1.5设置图像对齐方式 98
6.1.6设置图像的间距 100
6.1.7设置图像链接 102
6.2滚动文字 103
6.2.1添加滚动文字 104
6.2.2设置滚动文字背景颜色 104
6.2.3设置滚动方向 105
6.2.4设置滚动方式 106
6.2.5设置滚动速度 108
6.2.6设置滚动延迟 109
6.2.7设置滚动范围 110
6.2.8设置滚动空白空间 111
6.2.9设置滚动循环 112
6.3背景音乐与其他多媒体文件 113
6.3.1添加背景音乐 113
6.3.2插入音频和视频 114
6.3.3插入flash动画 115
6.4综合实例 116
本章小结 117
练习与实验 117
练习6 117
实验6 118
第7章CSS+DIV基础 120
7.1 CSS概念 121
7.1.1 CSS的基本概念 121
7.1.2传统HTML的缺点 121
7.1.3 CSS的特点 122
7.1.4 CSS的优势 122
7.1.5 CSS编辑方法 122
7.1.6浏览器与CSS 122
7.2使用CSS控制Web页面 123
7.2.1 CSS的基本语法 123
7.2.2 CSS选择器类型 125
7.2.3 CSS选择器声明 128
7.2.4 CSS定义与引用 129
7.3 CSS继承与层叠 134
7.4 DIV图层 135
7.4.1 DI V创建 136
7.4.2 DIV使用 137
7.5嵌套图层 138
7.5.1多DI V使用 138
7.5.2 DIV层叠 139
7.6 div标记与span标记 140
7.7综合案例 142
本章小结 145
练习与实验 145
练习7 145
实验7 146
第8章CSS+DIV高级应用 148
8.1 CSS属性值中的单位 149
8.1.1绝对单位 149
8.1.2相对单位 149
8.2 CSS文字样式 150
8.2.1字体大小font-size属性 150
8.2.2字体样式font-style属性 151
8.2.3字体变体font-variant属性 153
8.2.4字体粗细font-weight属性 153
8.2.5字体系列font-family属性 154
8.2.6字体font属性 155
8.3 CSS精细排版样式 156
8.3.1字符间距letter-spacing属性 156
8.3.2首行缩进text-indent属性 157
8.3.3字符装饰text-decoration属性 159
8.3.4英文大小写转换text-transform属性 160
8.3.5水平对齐text-align属性 161
8.3.6垂直对齐vertical-align属性 162
8.3.7行距line-height属性 163
8.4 CSS背景与颜色 164
8.4.1颜色color属性 165
8.4.2背景background属性 165
8.5 CSS列表样式 170
8.5.1列表样式list-style-type属性 171
8.5.2图像列表list-style-image属性 171
8.5.3列表符号位置list-style-position属性 171
8.6 CSS盒模型 173
8.6.1 CSS盒模型结构 173
8.6.2边界属性设置 174
8.6.3边框属性设置 175
8.6.4填充属性设置 178
8.7 CSS+DIV页面布局 179
8.8综合实例 181
本章小结 184
练习与实验 185
练习8 185
实验8 185
第9章 表格 188
9.1表格 189
9.2表格标记 190
9.2.1表格标记语法 190
9.2.2表格标题caption标记 192
9.2.3表格表头th标记 192
9.3表格属性设置 194
9.3.1表格边框属性 194
9.3.2表格的宽度和高度属性 196
9.3.3表格背景颜色与背景图像属性 196
9.3.4表格边框样式属性 198
9.3.5表格单元格间距、单元格边距属性 199
9.3.6表格水平对齐属性 200
9.4设置表格行的属性 201
9.4.1表格行内容水平对齐的属性 202
9.4.2表格行内容垂直对齐的属性 203
9.5设置单元格的属性 205
9.5.1表格单元格跨行属性 205
9.5.2表格单元格跨列属性 206
9.6表格嵌套 208
9.7综合实例 210
本章小结 211
练习与实验 211
练习9 211
实验9 212
第10章 框架 214
10.1框架概述 215
10.2框架集的设置 215
10.2.1框架集窗口水平分割 215
10.2.2框架集窗口垂直分割 217
10.2.3框架集窗口嵌套分割 218
10.2.4框架集的边框 219
10.2.5框架集边框的隐藏 219
10.3框架的设置 220
10.3.1框架名称属性 220
10.3.2框架中显示网页属性 221
10.3.3框架中滚动条属性 222
10.3.4框架的边距属性 223
10.3.5框架尺寸调整属性 224
10.4浮动框架 225
10.5框架与超链接关联 227
10.6综合实例 230
本章小结 236
练习与实验 236
练习10 236
实验10 237
第11章 表单 238
11.1表单 239
11.1.1表单概述 239
11.1.2表单标记 239
11.2表单信息输入 241
11.2.1单行文本输入框 241
11.2.2密码输入框 242
11.2.3复选框 243
11.2.4单选按钮 245
11.2.5图像按钮 246
11.2.6提交按钮 247
11.2.7重置按钮 248
11.2.8普通按钮 249
11.2.9文件选择框 250
11.2.10隐藏框 251
11.3多行文本输入框 252
11.4下拉列表框 254
11.5定义域和域标题 255
11.6综合实例 256
本章小结 260
练习与实验 260
练习11 260
实验11 261
第12章JavaScript基础 262
12.1 JavaScript概述 263
12.1.1 JavaScript简介 263
12.1.2第一个JavaScript程序 264
12.1.3 JavaScript放置 265
12.2 JavaScript程序 268
12.2.1语句和语句块 268
12.2.2代码 269
12.2.3消息对话框 269
12.2.4 JavaScript注释 272
12.3标识符和变量 272
12.3.1命名规范 272
12.3.2数据类型 273
12.3.3变量 276
12.3.4转义字符 277
12.4运算符和表达式 277
12.4.1算术运算符和表达式 278
12.4.2关系运算符和表达式 280
12.4.3逻辑运算符和表达式 282
12.4.4赋值运算符和表达式 283
12.4.5位运算符和表达式 283
12.4.6条件运算符和表达式 285
12.4.7其他运算符和表达式 285
12.5 JavaScript程序控制结构 286
12.5.1顺序结构 286
12.5.2分支结构 287
12.5.3循环结构 293
12.6 JavaScript函数 301
12.6.1常用系统函数 301
12.6.2自定义函数 307
12.6.3用return返回函数计算结果 309
12.6.4函数变量的作用域 310
12.7综合实例 311
本章小结 314
练习与实验 314
练习12 314
实验12 315
第13章JavaScript事件分析 317
13.1 JavaScript事件概述 317
13.1.1事件类型 318
13.1.2事件句柄 318
13.1.3事件处理 319
13.1.4事件处理程序的返回值 323
13.2表单事件 325
13.2.1获得焦点与失去焦点事件 325
13.2.2提交及重置事件 326
13.2.3改变及选择事件 327
13.3鼠标事件 329
13.3.1鼠标单击事件 329
13.3.2鼠标移动事件 330
13.4键盘事件 333
13.5窗口事件 334
13.6综合实例 336
本章小结 339
练习与实验 339
练习13 339
实验13 340
第14章DOM和BOB OM 342
14.1常用对象 343
14.1.1 Array 343
14.1.2 Date 346
14.1.3 Math 349
14.1.4 Number 352
14.1.5 String 352
14.1.6 Boolean 356
14.2 HTML DOM 357
14.2.1 DOM简介 357
14.2.2 DOM节点树 358
14.2.3 DOM节点 359
14.2.4 DOM节点访问 361
14.2.5 DOM应用实例 364
14.3 BOM 371
14.3.1 window对象 371
14.3.2 navigator对象 374
14.3.3 screen对象 376
14.3.4 history对象 377
14.3.5 location对象 377
14.4综合实例 378
本章小结 383
练习与实验 383
练习14 383
实验14 385
第15章 课程网站构建与发布 387
15.1课程网站结构 387
15.1.1网站概况 388
15.1.2网站功能需求 389
15.1.3网站架构设计 389
15.2课程网站设计与实现 390
15.2.1网站页面布局设计 390
15.2.2网站CSS定义 391
15.2.3网站首页设计 392
15.3二级页面设计 399
15.3.1网站首页的内嵌页面设计 399
15.3.2主讲教师页面设计 399
15.3.3网上测验页面设计 401
15.3.4其他页面设计 404
15.4 Web服务器简介 406
15.5 Web服务器的安装、配置与发布 407
15.5.1 EasyPHP安装 407
15.5.2 EasyPHP配置 410
15.5.3 Web网站发布与管理 411
本章小结 413
练习与实验 413
练习15 413
实验15 414
附录：模拟试卷 416
参考文献 423