第1篇HTML网站开发 2
第1章 网站开发基础 2
1.1网站的基本概念 2
1.2网站的基本架构 3
1.3 Web浏览器 4
1.3.1 Web浏览器标准 4
1.3.2常见Web浏览器 5
1.4 HTML和XHTML 6
1.4.1了解HTML和XHTML 6
1.4.2 HTML和XHTML的编辑工具 6
1.5常见颜色单位 7
1.6常见ASCII代码 8
1.7常见长度单位 9
1.8本章小结 9
1.9本章习题 10
第2章 HTML基础 11
2.1 HTML页面结构 11
2.1.1 <html>元素 11
2.1.2头部元素<head> 11
2.1.3主体元素<body> 12
2.1.4标题元素<title> 12
2.2元信息标签<meta> 12
2.2.1页面描述信息name 13
2.2.2 HTTP标题信息http-equiv 14
2.3段落排版标签 15
2.3.1段落标签〈p〉 15
2.3.2换行标签〈br〉 15
2.4水平分隔线<hr> 16
2.4.1插入水平分隔线<hr> 16
2.4.2设置水平分隔线粗细 17
2.4.3设置水平分隔线长度 17
2.4.4设置水平分隔线显示位置 18
2.4.5设置水平分隔线颜色 19
2.4.6取消水平分隔线阴影 19
2.5注释标签 20
2.6设置网站背景色 20
2.7结束标签 21
2.8本章小结 21
2.9本章习题 22
第3章 网站中的文本样式标签 23
3.1设置标题字体 23
3.2设置网页文字样式 24
3.2.1设置文本大小 24
3.2.2设置文本字体 25
3.3文本布局标签 26
3.3.1缩进标签<blockquote> 26
3.3.2保留格式标签<pre> 27
3.3.3使用内联行<span> 28
3.4基于物理样式的文本标签 28
3.4.1加粗标签<b> 28
3.4.2斜体标签<i> 29
3.4.3下划线标签<u>/<ins> 30
3.4.4删除线标签<del>/<s> 31
3.4.5等宽字体效果<tt> 32
3.4.6设置上标<sup> 33
3.4.7设置下标<sub> 33
3.5基于逻辑样式的文本标签 34
3.5.1引用标签<samp> 34
3.5.2变量名称定义标签<var> 35
3.5.3文献参考标签<cite> 35
3.5.4设置小号字体<small> 36
3.5.5设置大号字体<big> 36
3.6本章小结 37
3.7本章习题 37
第4章 超链接 39
4.1创建超链接 39
4.2 href属性 39
4.2.1连接到同一页面其他位置 39
4.2.2本地相对路径 41
4.2.3空间网址绝对路径:URL 43
4.3 target属性 43
4.3.1在新窗口打开blank 43
4.3.2在父窗口中打开-parent 44
4.3.3在当前窗口中打开-self 45
4.3.4在整个窗口中打开-top 47
4.4本章小结 47
4.5本章习题 47
第5章 图像的使用 48
5.1图像的格式 48
5.2设置背景图像 48
5.3图像标签<imng> 49
5.3.1选择路径src 49
5.3.2替换文本alt 50
5.3.3图片宽度width 51
5.3.4图片高度height 51
5.3.5图片排版align 52
5.3.6设定边框border 55
53.7图像间距 56
5.4图像超链接 58
5.4.1本地图像链接 58
5.4.2站外图像链接 59
5.4.3创建图像矩形热点区域 59
5.4.4创建图像圆形热点区域 60
5.4.5创建图像多边热点区域 62
5.4.6图像占位符 63
5.5插入视频文件 64
5.5.1使用路径dynsrc 64
5.5.2循环播放次数loop 64
5.5.3播放方式start 65
5.6本章小结 66
5.7本章习题 66
第6章 表格的使用 68
6.1表格的基本构成 68
6.2设置表格<table> 68
6.2.1设置行标签<tr> 68
6.2.2设置列标签<td> 69
6.2.3设置表头单元格<th> 69
6.3表格属性 70
6.3.1表格宽度width 70
6.3.2表格高度height 71
6.3.3设置背景图片background 72
6.3.4表格间距 cellspacing 74
6.3.5设置单元格内的距离cellpadding 74
6.4表格边框 75
6.4.1边框宽度border 76
6.4.2边框颜色bordercolor 77
6.4.3亮边框颜色bordercolorlight 77
6.4.4暗边框颜色bordercolordark 78
6.4.5不显示外边框void 79
6.4.6显示上下边框hsides 80
6.4.7显示左右边框vsides 81
6.4.8单独显示表格上、下、左、右边框 83
6.5设置对齐方式 85
6.5.1水平对齐方式align 85
6.5.2垂直对齐方式valign 88
6.6行和列的合并 89
6.6.1行的合并rowspan 89
6.6.2列的合并colspan 90
6.7表格分组 91
6.7.1表头标签<thead> 91
6.7.2主体标签<tbody> 92
6.7.3行尾标签<tfoot> 92
6.8表格标题标签<caption> 93
6.9本章小结 94
6.10本章习题 94
第7章 多媒体元素 96
7.1活动字幕<marquee> 96
7.1.1 <marquee>标签概述 96
7.1.2滚动方式behavior 96
7.1.3滚动字幕背景颜色bgcolor 98
7.1.4字幕滚动方向direction 99
7.1.5字幕滚动速度scrollamount 100
7.1.6滚动字幕停顿时间scrolldelay 101
7.1.7设置滚动字幕水平和垂直空白区域 101
7.1.8字幕滚动次数loop 102
7.1.9设置鼠标滑过onMouseOver 103
7.2插入多媒体元素 103
7.2.1插入音乐 104
7.2.2插入flash 106
7.2.3显示flash 106
7.2.4 <embed>标签 107
7.3插入背景音乐 109
7.3.1背景音乐路径src 109
7.3.2自动播放autostart 109
7.3.3循环播放loop 110
7.4本章小结 111
7.5本章习题 111
第8章 框架 112
8.1认识框架 112
8.2基本结构 112
8.3框架集<frameset> 113
8.3.1框架集宽度cols 113
8.3.2框架集高度rows 115
8.3.3边框集边框粗细border 117
8.3.4设置边框颜色bordercolor 118
8.3.5设置是否显示边框frameborder 119
8.3.6设置框架间隔framesPacing 120
8.3.7不支持框架标签<noframes> 121
8.4框架<frame> 122
8.4.1设置框架边框不可调节noresize 122
8.4.2框架集嵌套 124
8.5框架链接 125
8.6嵌入式框架<iframe> 128
8.6.1滚动条scrolling 128
8.6.2框架窗口透明设置al lowtransparency 129
8.7本章小结 130
8.8本章习题 130
第9章 列表元素 132
9.1无序列表元素<u1> 132
9.1.1无序列表结构 132
9.1.2无序列表样式 132
9.2有序列表元素<o1> 134
9.2.1有序列表结构 134
9.2.2有序列表样式 135
9.3嵌套列表 137
9.4定义列表元素<d1> 139
9.4.1定义整体列表结构<d1> 139
9.4.2定义列表术语标签<dt> 139
9.4.3定义注释项标签<dd> 140
9.5本章小结 141
9.6本章习题 141
第10章 表单元素 142
10.1表单属性 142
10.1.1链接跳转action 142
10.1.2链接跳转方法method 142
10.1.3表单名称name 143
10.2输入标签<input> 143
10.2.1文本框 143
10.2.2密码输入框 144
10.2.3单选框 144
10.2.4复选框 145
10.2.5隐藏区域 146
10.2.6提交按钮 147
10.2.7重置按钮 147
10.2.8图像按钮 148
10.3下拉列表框 149
10.4文本区域 150
10.5本章小结 151
10.6本章习题 151
第11章 网站布局 153
11.1 <div>标签 153
11.1.1 <div>标签在内容中的应用 153
11.1.2 div嵌套 153
11.1.3定义浮动框架 155
11.1.4定义左右结构的框架 155
11.1.5定义横向结构的框架 156
11.1.6定义纵向结构的框架 157
11.2本章小结 158
11.3本章习题 159
第2篇CSS样式 162
第12章CSS样式基础知识 162
12.1 CSS样式表类别 162
12.1.1外部样式表 162
12.1.2内部样式表 162
12.1.3内嵌样式表 163
12.2选择器 164
12.2.1派生选择器 164
12.2.2 id选择器 165
12.2.3类选择器 166
12.3 CSS优先级 167
12.4本章小结 169
12.5本章习题 169
第13章CSS属性 170
13.1 CSS背景属性 170
13.1.1背景颜色background-color 170
13.1.2背景图片background-image 171
13.1.3设置重复背景图片background-repeat 172
13.1.4设置固定背景图片background-attachment 174
13.1.5设置背景图片位置background-position 175
13.2 CSS文本属性 177
13.2.1字体颜色color 177
13.2.2字符间距letter-spacing 177
13.2.3行间距line-height 178
13.2.4文本对齐方式text-align 179
13.2.5修饰文本text-decoration 179
13.2.6文本缩进text-indent 181
1.3.2.7转换大小写text-transform 181
13.2.8控制文本换行white-space 182
13.2.9 字体大小font-size 183
13.2.10选择字体font-family 184
13.3 CSS边框属性 184
13.3.1边框样式border-style 184
13.3.2边框颜色border-color 186
13.3.3边框宽度border-width 186
13.3.4设置上边框border-top 187
13.3.5设置右边框border-right 188
13.3.6设置下边框border-bottom 188
13.3.7设置左边框border-left 189
13.3.8综合声明边框border 189
13.4 CSS外边距 190
13.4.1居中auto 190
13.4.2上外边距margin-top 191
13.4.3右外边距margin-right 192
13.4.4下外边距margin-bottom 193
13.4.5左外边距margin-left 195
13.4.6综合声明外边距margin 196
13.5 CSS内边距 198
13.5.1上内边距padding-top 198
13.5.2右内边距padding-right 199
13.5.3下内边距padding-bottom 200
13.5.4左内边距padding-left 201
13.5.5综合声明内边距 padding 202
13.6 CSS列表属性 204
13.6.1定义列表排序图案list-style-image 204
13.6.2定义列表排序位置list-style-position 205
13.6.3定义列表排序符号样式list-style-tyPe 206
13.6.4综合声明列表属性list-style 209
13.7本章小结 211
13.8本章习题 211
第14章CSS伪类和伪元素 212
14.1超链接的伪类 212
14.1.1未访问的链接伪类:link 212
14.1.2已被访问的链接的伪类:visited 213
14.1.3鼠标经过时链接的伪类:hover 214
14.1.4鼠标按下时链接的伪类:active 215
14.2伪元素 218
14.2.1首字母样式设置:first-letter 218
14.2.2首行样式设置:first-line 219
14.3本章小结 220
14.4本章习题 220
第15章 脚本 221
15.1定义脚本<script> 221
15.2替换文本<noscript> 223
15.3嵌入对象<object> 224
15.4本章小结 224
15.5本章习题 224
第16章 事件 226
16.1常见事件 226
16.1.1单击事件onClick 226
16.1.2双击事件onDblClick 228
16.2鼠标触发事件onMouse 229
16.2.1鼠标按下事件onMouseDown 230
16.2.2鼠标释放事件onMouseUp 230
16.2.3鼠标停留事件onMouseMove 231
16.2.4鼠标经过事件onMouseOver 232
16.2.5鼠标离开事件onMouseOut 233
16.3键盘触发事件onKey 234
16.3.1按下键盘按键事件onkeydown 234
16.3.2按下并任意释放一个键事件onkeypress 235
16.3.3释放键盘按键事件onkeyup 235
16.4页面事件 236
16.4.1图片下载时被中断事件onAbort 236
16.4.2当前页面的内容将要被改变时触发事件onBeforeUnload 237
16.4.3页面出错事件onError 238
16.4.4页面加载完事件onLoad 239
16.4.5改变浏览器的窗口大小时触发的事件onResize 239
16.4.6拖动滚动条事件onScroll 240
16.4.7离开页面事件onUnload 240
16.5表单事件 241
16.5.1选定元素失去焦点事件onBlur 242
16.5.2选定元素发生改变事件onChange 242
16.5.3选定元素获得焦点事件onFocus 244
16.5.4表单重置事件onReset 245
16.5.5表单提交事件onSubmit 245
16.6滚动字幕事件 247
16.6.1字幕内容滚动至显示范围之外事件onBounce 247
16.6.2完成需要显示的内容后事件onFinish 248
16.6.3开始显示内容事件onStart 248
16.7编辑事件 249
16.7.1出现菜单事件onContextMenu 249
16.7.2内容被复制后事件onCopy 250
16.7.3内容被剪切时事件onCut 251
16.7.4鼠标拖动时事件onDrag 252
16.7.5失去鼠标移动所形成选择焦点时事件onLoseCapture 253
16.7.6内容被粘贴时事件onpaste 254
16.7.7内容被选择时事件onSelect 254
16.7.8内容选择将开始发生时事件onSelectStart 255
16.8数据绑定 256
16.9外部事件 257
16.9.1文档被打印后事件onAfterPrint 257
16.9.2文档即将被打印时事件onBeforePrint 257
16.9.3滤镜效果发生变化时事件onFilterChange 258
16.9.4按下FI或者帮助选择时事件onHelp 259
16.9.5对象的属性之一发生变化时事件onPropertyChange 260
16.10本章小结 261
16.11本章习题 261
第17章 语法规范和文档类型声明 263
17.1语法规范 263
17.1.1属性名称必须小写 263
17.1.2属性值必须加引号 264
17.1.3属性不能简写 264
17.2设置id属性 266
17.3语言属性(lang) 266
17.4文档类型DOCTYPE 267
17.5 DTD声明 267
17.5.1严格DTD 268
17.5.2过渡DTD 268
17.5.3框架DTD 269
17.6使用W3C验证器 270
17.7本章小结 271
17.8本章习题 271
第18章XHTML模块化和结构化 272
18.1模块化的原因 272
18.2 XHTML规则概要 273
18.3标记文档 273
18.4误用CSS 275
18.5正确使用元素结构化 276
18.6正确使用div、 id和class 277
18.7本章小结 279
18.8本章习题 279
第3篇 网站开发实例 282
第19章 博客雏形 282
19.1制作文本内容 282
19.1.1 <table>制作文本内容效果 282
19.1.2 div+CSS制作文本内容效果 285
19.2制作列表 290
19.2.1制作有序日志列表 290
19.2.2制作无序日志列表 294
19.2.3制作自定义网站地图 295
19.3制作留言版 296
19.4制作图片展示 298
19.4.1 table制作图片展示 298
19.4.2 div+CSS制作图片展示效果 302
19.5制作图片滚动 304
19.5.1制作图片左右滚动 304
19.5.2制作图片上下滚动 307
19.6制作文字滚动 310
19.6.1制作文字左右滚动 311
19.6.2制作上下滚动 313
19.7本章小结 315
第20章 网站常用模块 316
20.1制作导航条 316
20.1.1制作横向导航条 316
20.1.2制作纵向导航条 321
20.2制作下拉菜单 324
20.2.1制作横向下拉菜单 325
20.2.2制作纵向下拉菜单 331
20.3 CSS制作小三角形菜单 335
20.4制作居中效果 339
20.4.1制作div水平居中 339
20.4.2制作div垂直居中 340
20.5制作搜索引擎 342
20.6制作图片浏览器 344
20.7 JavaScript小程序 347
20.7.1显示时间 347
20.7.2鼠标跟随字体 349
20.8本章小结 351
第21章 整合我的博客 352
21.1使用table整合我的博客 352
21.1.1整合“关于我们”页面 352
21.1.2整合“鲜花展示”页面 354
21.1.3整合“留言版”页面 357
21.1.4整合“联系我们”页面 360
21.2使用div+CSS整合网站 362
21.2.1整合“关于我们”页面 362
21.2.2整合“鲜花展示”页面 365
21.2.3整合“最新日志”页面 367
21.2.4整合“留言版”页面 369
21.2.5整合“联系我们”页面 371
21.3本章小结 374