第一篇HTML基础知识 1
第1章 认识HTML语言 1
1.1 HTML简介 1
1.2 HTML的标记组成 2
1.2.1单标记 2
1.2.2双标记 2
1.3创建第一张网页 4
1.4浏览HTML的浏览器兼容 6
1.5编写HTML的工具 7
1.5.1 Aptana代码提示工具 7
1.5.2 Dreamweaver网页开发工具 10
1.6小结 12
1.7上机实践 13
第2章 常用HTML标记和格式 14
2.1设置正文的标题 14
2.1.1标题设置的语法 14
2.1.2标题设置经典案例——字号由大到小 14
2.2设置段落 16
2.3强制换行 17
2.4给代码添加注释 18
2.5粗体与斜体 19
2.6下划线与删除线 20
2.7上标与下标 21
2.8 HTML标记和格式实例 22
2.8.1标题用h1 22
2.8.2设置每一行为一段落 23
2.8.3粗体和删除线 24
2.8.4加上化学元素和数学平方根 24
2.9小结 26
2.10上机实践 26
第3章 字体标记 27
3.1设置字体大小 27
3.2设置字体颜色 28
3.3设置标题字体样式 29
3.3.1标题的字体 29
3.3.2设置字体的大小和颜色 30
3.4字体标记 32
3.4.1物理字体 32
3.4.2逻辑字体 33
3.5字体实例 34
3.5.1插入字体〈font〉 34
3.5.2字体颜色设为红色 35
3.5.3把文字设为标题h茋 35
3.5.4设为斜体并加删除线 36
3.5.5设置字体为〈big〉 36
3.6小结 37
3.7上机实践 37
第4章 文字布局 38
4.1行的控制 38
4.1.1换行控制 38
4.1.2不换行控制 39
4.2文字对齐 40
4.3段落设置 42
4.4列表 43
4.4.1无序列表 43
4.4.2有序列表 43
4.5其他方式修饰文本 44
4.5.1欲格式化文本 44
4.5.2计算机输出格式 47
4.6文字布局实例 48
4.6.1设置文字换行与不换行 48
4.6.2设置文字对齐 49
4.6.3显示列表 49
4.6.4在网页中显示计算机源代码 50
4.7小结 52
4.8上机实践 52
第5章 图像 53
5.1图像的基本语法 53
5.1.1在网页中插入图像 53
5.1.2图像无法显示时的提示信息 54
5.1.3控制图像的大小 55
5.2图像的链接 56
5.3图像和文字对齐 56
5.4图像的边框 57
5.5图像映射图 58
5.6图像实例 58
5.6.1在网页上引入图像标记 58
5.6.2设置图像参数alt 59
5.6.3给图像做超链接 59
5.6.4设置图像的边框 59
5.6.5设置文本与图像对齐 60
5.6.6设置图像的映射图 60
5.7小结 61
5.8上机实践 61
第6章 超级链接 62
6.1文字链接 62
6.1.1最简单的文字超链接 62
6.1.2超链接网页的打开方式 63
6.1.3链接的注释 64
6.2图片链接 64
6.3锚点链接 65
6.4邮箱地址链接 66
6.5相对路径与绝对路径 67
6.5.1相对路径 67
6.5.2绝对路径 68
6.6链接实例 68
6.6.1在网页中做文字链接 69
6.6.2给图片设置超链接 69
6.6.3设置锚点链接 70
6.6.4邮箱链接 72
6.7小结 73
6.8上机实践 73
第7章 表单 74
7.1表单基本语法 74
7.2文本框和密码框 76
7.2.1文本框 76
7.2.2密码框 76
7.3单选框和复选框 77
7.3.1单选框 77
7.3.2复选框 78
7.4下拉列表与文本域 79
7.4.1下拉列表 79
7.4.2文本域 80
7.5按钮 82
7.6表单实例 83
7.6.1插入表单 83
7.6.2添加文本框和密码框 84
7.6.3添加单选框和复选框 84
7.6.4添加下拉列表和文本域 85
7.6.5在表单中添加提交按钮 87
7.7小结 89
7.8上机实践 89
第8章 表格 90
8.1表格基本语法 90
8.2跨多行、多列表元 91
8.2.1跨多行表元 91
8.2.2跨多列表元 92
8.3设置表格大小 93
8.3.1设置表格边框 93
8.3.2设置表格高度和宽度 94
8.4表格内文字对齐 95
8.5表格在网页中对齐 96
8.6表格实例 97
8.6.1表格中嵌入表格 97
8.6.2设置跨行和跨列 99
8.7小结 100
8.8上机实践 100
第9章 框架 101
9.1框架基本语法 101
9.2框架分栏 102
9.2.1框架垂直分栏 102
9.2.2框架水平分栏 104
9.3框架的常用属性 105
9.3.1设置不可调节框架大小 105
9.3.2浏览器不支持框架 106
9.3.3设置框架边框 107
9.3.4设置滚动条 108
9.4框架链接 109
9.4.1导航框架 109
9.4.2内联框架 110
9.5框架实例 111
9.5.1在网页中插入框架 111
9.5.2设置框架的滚动条和边框 112
9.5.3设置不支持框架文字 113
9.5.4设置框架导航链接 114
9.6小结 115
9.7上机实践 115
第10章 移动的字体和图片 117
10.1移动属性基本语法 117
10.2文字的移动 118
10.3图片的移动 120
10.4如何设置对象移动 121
10.4.1文本移动的方向 121
10.4.2文本的滚动循环 121
10.4.3文本的移动速度 121
10.4.4应用文本的全部移动标记 121
10.5移动实例——电影结束效果 123
10.6小结 125
10.7上机实践 125
第11章 网页多媒体 126
11.1网页多媒体的基本语法 126
11.2设置自动播放 127
11.3设置多媒体循环播放 128
11.4隐藏面板的设置 130
11.5设置面板大小 131
11.6对齐方式 132
11.7网页多媒体实例——在网页中播放视频 133
11.7.1引入视频文件 134
11.7.2设置多媒体为非自动播放 134
11.7.3设置多媒体无循环播放 134
11.7.4设置控制面板的大小 135
11.8小结 136
11.9上机实践 136
第二篇DIV+CSS布局 137
第12章 为什么用DIV布局 137
12.1 DIV与TABLE布局比较 137
12.1.1什么是DIV 137
12.1.2 DIV与TABLE的区别 138
12.2如何用DIV布局 142
12.2.1设置DIV选择符 142
12.2.2设置CSS修饰DIV效果 143
12.2.3设置DIV的背景颜色 145
12.3使用DIV注意事项 146
12.4小结 146
12.5上机实践 147
第13章DIV与SPAN 148
13.1解读SPAN 148
13.2何时用SPAN 149
13.3 DIV与SPAN的区别 150
13.3.1默认宽度不同 150
13.3.2块元素与行内元素 151
13.4 DIV与SPAN实例——多层布局 152
13.5小结 154
13.6上机实践 154
第14章DIV与CSS结合 156
14.1用CSS控制DIV 156
14.2 CSS文件链接 157
14.2.1内联定义 157
14.2.2链入内部CSS 158
14.2.3链接外部 CSS 160
14.3 DIV+CSS布局实例 161
14.3.1确定布局 162
14.3.2定义body样式 162
14.3.3定义主要的DIV 163
14.3.4设置层居中 165
14.4小结 166
14.5上机实践 166
第三篇CSS部分 167
第15章CSS基础知识 167
15.1 CSS简介 167
15.2 CSS文件链接方式 168
15.3选择符 168
15.4伪类 169
15.5注解 170
15.6单位 170
15.7用编写CSS工具演示 171
15.7.1打开CSS工具软件 171
15.7.2新建CSS文件 171
15.7.3保存为CSS后缀文件 172
15.7.4打开Aptana工具 173
15.7.5在菜单栏中新建CSS文件 173
15.8 CSS与浏览器兼容性 174
15.9 CSS基础实例 174
15.9.1在Aptana中新建网页 175
15.9.2在Aptana中新建CSS文件 175
15.9.3链接CSS文件到HTML页面中 176
15.9.4用不同的浏览器测试页面 176
15.10小结 177
15.11上机实践 177
第16章 字体设置 178
16.1字体的复合属性 178
16.2字体颜色 180
16.3字体大小 181
16.4字体重量 183
16.5字体类型 185
16.6行距 186
16.7如何设置文本间距与间隔 187
16.7.1文本间距 187
16.7.2文本间隔 187
16.8字体实例——字体花样 189
16.8.1加入字体名字 190
16.8.2加入CSS控制字体 190
16.8.3设置行距 191
16.8.4设置文本间隔 192
16.9小结 194
16.10上机实践 194
第17章 文本设置 195
17.1字母大小写转换 195
17.2文本修饰 197
17.3空格处理方式 199
17.4设置文本的垂直与水平对齐 201
17.4.1文本垂直对齐 201
17.4.2文本水平对齐 204
17.5文本缩进 205
17.6文本设置——给段落设置缩进 207
17.6.1对DIV布局 207
17.6.2设置文本首行缩进 207
17.7小结 208
17.8上机实践 209
第18章 设置背景 210
18.1背景语法 210
18.2设置背景颜色 211
18.3设置背景图像 213
18.3.1设置背景图像滚动 214
18.3.2设置背景图像位置 215
18.3.3设置背景图像如何铺排 217
18.4背景实例 219
18.4.1设置层背景为绿色 219
18.4.2设置层背景图像 220
18.4.3设置背景为不铺排 220
18.4.4设置背景图像位置 221
18.5小结 222
18.6上机实践 223
第19章 设置尺寸 224
19.1设置宽度 224
19.2设置高度 226
19.3尺寸实例——设置层居中 227
19.3.1尺寸实例手把手 227
19.3.2设置层居中 231
19.4小结 233
19.5上机实践 234
第20章 设置外补丁 235
20.1外补丁基本语法 235
20.2外补丁的四边设置 237
20.2.1顶端外补丁用法 237
20.2.2右端外补丁用法 238
20.2.3底端外补丁用法 239
20.2.4左端外补丁用法 241
20.3外补丁实例——设置层与层的距离 242
20.3.1层与层的距离效果 242
20.3.2对层布局 245
20.3.3设置层的尺寸 246
20.3.4设置层漂移 247
20.3.5设置层与层之间的间隔 249
20.4小结 251
20.5上机实践 251
第21章 设置内补丁 252
21.1内补丁基本语法 252
21.2内补丁的四边属性 253
21.2.1顶端内补丁用法 253
21.2.2右端内补丁用法 254
21.2.3底端内补丁用法 255
21.2.4左端内补丁用法 256
21.3内补丁实例 258
21.3.1设置顶部内补丁 258
21.3.2设置其他位置的内补丁 259
21.3.3用复合属性padding设置内补丁 261
21.4小结 262
21.5上机实践 262
第22章 设置对象边框 264
22.1边框的基本语法 264
22.2边框颜色 266
22.3边框样式 267
22.4边框宽度 270
22.5对象的四个边框 273
22.5.1设置顶端边框的属性 273
22.5.2设置右端边框的属性 274
22.5.3设置底端边框的属性 275
22.5.4设置左端边框的属性 276
22.6边框实例——双边框 277
22.6.1实例手把手 278
22.6.2设置多层边框 281
22.7小结 283
22.8上机实践 283
第23章 定位 284
23.1定位的基本语法 284
23.2设置对象层叠顺序 286
23.3设置对象的边框位置 288
23.4定位实例——圆角制作 289
23.4.1相对定位实例 290
23.4.2绝对定位实例 291
23.4.3实例——圆角制作 293
23.5小结 299
23.6上机实践 299
第24章 列表 300
24.1列表的基本语法 300
24.2设置列表的图像 302
24.3设置列表的文本排列 303
24.4列表的预设标记 304
24.5列表实例 307
24.5.1设置列表图像文字内显示 307
24.5.2设置列表样式为空心圆 308
24.5.3设置文本外自定义列表图像 309
24.6小结 310
24.7上机实践 310
第25章用CSS控制表格 312
25.1控制表格的基本语法 312
25.2设置表格边框独立或合并 314
25.3设置表格布局的算法 316
25.4 CSS控制表格实例 318
25.4.1布局好表格 318
25.4.2表格边框独立和合并 319
25.4.3设置表格算法为自动和固定 321
25.5小结 322
25.6上机实践 322
第26章CSS设置滚动条 323
26.1滚动条的基本语法 323
26.2设置滚动条亮边框颜色 324
26.3设置3D界面亮边颜色和表面颜色 325
26.4设置滚动条方向箭头颜色 326
26.5设置滚动条3D界面暗边颜色和暗边框颜色 327
26.6设置滚动条基准颜色和拖动区域颜色 329
26.7小结 331
26.8上机实践 331
第27章CSS布局 332
27.1设置层的漂移 332
27.2清除层的漂移范围 334
27.3设置层的可视区域 337
27.4内容超过层大小时 338
27.5鼠标指针的不同表示 340
27.6设置对象可见性 343
27.6.1设置对象是否隐藏 344
27.6.2设置对象是否显示 346
27.7小结 348
27.8上机实践 348
第28章 选择符 349
28.1通配选择符 349
28.2类型选择符 350
28.3包含选择符 352
28.4布局常用选择符 353
28.4.1 ID选择符 353
28.4.2类选择符 355
28.5分组选择符 356
28.6小结 358
28.7上机实践 358
第29章 伪类 360
29.1伪类概念 360
29.2伪类的四种状态 362
29.2.1访问链接的状态 362
29.2.2鼠标光标置于其上的状态 363
29.2.3获得焦点的状态 364
29.2.4访问过后的状态 365
29.3小结 367
29.4上机实践 367
第30章 单位 368
30.1长度单位 368
30.2颜色单位 370
30.3小结 372
30.4上机实践 372
第四篇 实践部分 375
第31章 游戏网站布局 375
31.1网站主页规划 375
31.2用DIV+CSS布局 377
31.2.1实现页面头部 377
31.2.2实现中间部分 379
31.2.3实现页面底部 386
31.3加入文字 388
31.4调整全页面的兼容性 391
31.5小结 391
第32章 企业网站布局 393
32.1企业主页规划 393
32.2对网页布局 394
32.2.1将页面用DIV布局出框图 395
32.2.2用CSS实现页面头部 397
32.2.3用CSS实现页面体 398
32.3添加文本等信息 403
32.4调整全页面和浏览器兼容 404
32.5其他二级页面模块制作 405
32.6小结 406
第33章 博客主要页面布局 407
33.1博客网站主页规划 407
33.1.1分析主页需求 408
33.1.2确定内容模块 408
33.1.3画出效果图 408
33.2用DIV布局框图 409
33.2.1页眉 409
33.2.2实现内容模块 410
33.2.3页脚 413
33.3 CSS实现框图 414
33.3.1实现内容模块 414
33.3.2实现整页效果 419
33.4添加图片 420
33.5加入文字 422
33.6调整全页面 423
33.7其他页面的布局 423
33.8小结 423
第 34章 面试题 424
面试题1 DIV与SPAN的区别 424
面试题2 HTML的框架是什么 424
面试题3 CSS引入的方式有哪些 425
面试题4前端页面由哪三层构成，各层的作用是什么 425
面试题5浏览器的内核有哪些？常用的浏览器都是什么内核 425
面试题6 img元素的alt text属性和title属性有什么不同 426
面试题7 document.body和document.documentElement有什么不同 426
面试题8 XHTML和DHTML有什么区别 426
面试题9写出实现效果所需的CSS代码 426
面试题10写出一段左边固定、右边随电脑屏幕浮动而变动的HTML+CSS代码 427
面试题11写一段两个DIV交叉重叠的CSS样式 427
面试题12怎样使一个层垂直居中于浏览器中 428
面试题13 Firefox嵌套DIV标签居中问题的处理方法 428
面试题14用纯CSS实现带下拉的二级横向导航菜单 428
面试题15 在网页制作中为什么要使用CSS技术 430
面试题16 CSS+DIV开发Web页面的优势有哪些 430
面试题17实现两列高度自适应的CSS代码 430