HTML篇 12
01 HTML基础知识 12
1.1什么是HTML 12
1.2 HTML的基本结构 12
1.2.1 HTML文件结构 12
1.2.2编写HTML文件时的注意事项 13
1.3 HTML文件编写方法 13
1.3.1使用记事本手工编写HTML页面 14
1.3.2使用Dreamweaver编写HTML页面 14
1.4 HTML页面主体标签〈body〉 15
1.4.1设置网页背景色（bgcolor） 15
1.4.2设置背景图片（background） 16
1.4.3设置文本颜色（text） 16
1.4.4设置链接文本属性（link） 17
1.4.5设置边距（margin） 19
1.5综合实训——创建最基本的HTML文件 20
1.6本章小结 21
1.7代码练习 21
1.7.1使用记事本编写HTML代码 21
1.7.2创建最基本的HTML网页 21
1.8行业链接知识 21
02 HTML网页中的文字、段落和列表 22
2.1插入特殊字符 22
2.1.1空格符号 22
2.1.2特殊符号 23
2.2设置文字的属性 23
2.2.1文字标签〈font〉 24
2.2.2代码演练——设置丰富多彩的文本网页 24
2.3设置段落的格式 26
2.3.1段落格式标签 26
2.3.2代码演练——设置文本的段落格式 26
2.4插入水平线 27
2.4.1水平线标签〈hr〉及属性 27
2.4.2代码演练——在网页中插入多彩的水平线 28
2.5创建无序列表 29
2.5.1无序列表标签〈ul〉 29
2.5.2无序列表的类型（type） 30
2.5.3定义列表标签〈dl〉 31
2.5.4菜单列表标签〈menu〉 32
2.5.5目录列表标签〈dir〉 33
2.6创建有序列表 34
2.6.1有序列表标签〈ol〉 34
2.6.2有序列表的类型（type） 34
2.6.3有序列表的起始数值（start） 35
2.6.4代码演练——在网页中插入列表 36
2.7综合实训——设置页面文本及段落 37
2.8本章小结 39
2.9代码练习 39
2.9.1插入丰富多彩的文本 39
2.9.2使用列表排段落 39
2.10行业链接知识 39
03 图片及多媒体文件的使用 40
3.1图像标签及属性 40
3.1.1图像标签〈img〉 40
3.1.2设置图像高度（height） 41
3.1.3设置图像宽度（width） 41
3.1.4设置图像边框（border） 42
3.1.5设置图像水平间距（hspace） 42
3.1.6设置图像垂直间距（vspace） 43
3.1.7设置图像相对于文字的对齐方式（align） 43
3.1.8设置图像替代文字（alt） 44
3.1.9代码演练——在网页中插入图像 45
3.2添加背景音乐 46
3.2.1背景音乐标签〈bgsound〉 46
3.2.2设置循环播放次数（loop） 47
3.3多媒体文件标签〈embed〉 47
3.4设置滚动效果标签〈marquee〉 48
3.4.1 〈marquee〉标签及其属性 48
3.4.2代码演练——在网页中插入滚动公告 49
3.5综合实训——创建丰富的图像和多媒体网页 51
3.6本章小结 53
3.7代码练习 53
3.7.1为网页添加图像 53
3.7.2插入滚动效果 53
3.8行业链接知识 53
04 HTML超链接和表单 54
4.1超链接的基本概念 54
4.2创建基本超链接 54
4.2.1超链接标签 54
4.2.2设置目标窗口 55
4.3创建图像的超链接 56
4.3.1设置图像超链接 56
4.3.2设置图像热区链接 57
4.4创建锚点链接 58
4.4.1创建锚点 58
4.4.2代码演练——创建链接到页面不同位置的锚点 58
4.5插入表单〈form〉 60
4.5.1处理程序（action） 60
4.5.2表单名称（name） 61
4.5.3传送方法（method） 61
4.5.4编码方式（enctype） 62
4.5.5目标显示方式（target） 63
4.5.6代码演练——制作注册表单完整页面 63
4.6综合实训——插入不同类型的链接 66
4.7本章小结 68
4.8代码练习 68
4.8.1插入表单对象 68
4.8.2给网页添加链接 68
4.9行业链接知识 68
05 创建框架结构网页 69
5.1窗口框架简介 69
5.2设置框架集标签〈frameset〉属性 69
5.2.1水平分割窗口（rows） 69
5.2.2垂直分割窗口（cols） 70
5.2.3嵌套分割窗口 71
5.2.4设置边框（frameborder） 71
5.2.5框架的边框宽度（framespacing） 72
5.2.6框架的边框颜色（bordercolor） 73
5.3设置框架标签（frame）属性 74
5.3.1框架页面源文件（src） 74
5.3.2框架名称（name） 74
5.3.3禁止调整框架窗口尺寸（noresize） 75
5.3.4框架边框与页面内容的水平边距（marg inwidth） 76
5.3.5框架边框与页面内容的垂直边距（marginheight） 76
5.3.6设置框架滚动条显示（scrolling） 77
5.3.7不支持框架标签（noframes） 78
5.3.8代码演练——创建框架页面 78
5.4设置框架中的链接 79
5.4.1代码演练——设置普通框架结构的链接 79
5.4.2代码演练——设置浮动框架的链接 80
5.5综合实训——创建上方固定左侧嵌套的框架网页 81
5.6本章小结 83
5.7代码练习 83
5.7.1创建框架网页 83
5.7.2插入浮动框架 83
06 使用表格 84
6.1创建并设置表格属性 84
6.1.1表格基本标签〈table〉、〈tr〉和〈td〉 84
6.1.2表格宽度和高度（width和height） 85
6.1.3表格标题〈caption〉 86
6.1.4表格表头〈th〉 87
6.1.5表格对齐方式（align） 87
6.1.6表格边框宽度（border） 88
6.1.7表格边框颜色（bordercolor） 89
6.1.8单元格间距（cellspacing） 89
6.1.9表格内文字与边框距离（cellpadding） 90
6.1.10表格背景色（bgcolor） 91
6.1.11表格背景图像（background） 92
6.1.12代码演练——创建表格排列数据 92
6.2调整表格属性 94
6.2.1表格的行属性〈tr〉 94
6.2.2单元格属性〈td〉 95
6.2.3代码演练——设置表格属性 95
6.3表格的结构标签 96
6.3.1设计表头样式〈thead〉 97
6.3.2设计表主体样式〈tbody〉 97
6.3.3设计表尾样式〈tfoot〉 98
6.4综合实训——使用表格排版网页 99
6.5本章小结 100
6.6代码练习 101
6.6.1插入表格 101
6.6.2设置表格的属性 101
6.7行业链接知识 101
07 使用XHTML 102
7.1 XHTML简介 102
7.1.1什么是XHTML 102
7.1.2为什么要升级到XHTML 102
7.2 XHTML页面基本结构 103
7.3 XHTML语法规范 104
7.4代码演练——在Dreamweaver中创建XHTML网页 106
7.5综合实训——将现有的HTML网站类型转换成XHTML 108
7.6本章小结 110
7.7代码练习 110
7.7.1在软件中编写XHTML 110
7.7.2将网页转换成XHTML 110
CSS篇 112
08 CSS入门基础知识 112
8.1 CSS基础 112
8.1.1 CSS基本概念 112
8.1.2 CSS的优点 112
8.2在网页中添加CSS 113
8.2.1添加CSS的优势 113
8.2.2代码演练——编写CSS 113
8.3使用CSS 115
8.3.1 CSS的基本语法结构 115
8.3.2在网页中添加CSS的方法 116
8.3.3代码演练——以链接外部样式表方式添加CSS 117
8.4综合实训——给网页添加CSS 119
8.5本章小结 122
8.6代码练习 122
8.6.1设置链接文本的CSS 122
8.6.2设置背景颜色 122
8.7行业链接知识 122
09 CSS样式表语法基础 123
9.1设置字体属性 123
9.1.1设置字体（font-family） 123
9.1.2设置字号（font-size） 124
9.1.3设置字体风格（font-style） 125
9.1.4设置加粗字体（font-weight） 125
9.1.5设置变体属性（font-variant） 126
9.1.6设置文字修饰（text-decoration） 127
9.1.7代码演练——设置字体的复合属性 128
9.2设置段落属性 129
9.2.1段落属性标签 129
9.2.2代码演练——设置文本段落的属性 130
9.3设置背景和颜色属性 132
9.3.1背景属性 132
9.3.2代码演练——设置背景复合属性 132
9.4设置定位属性 134
9.4.1定位类型（position） 134
9.4.2元素位置（top，right，bottom和left） 134
9.4.3清除属性（clear） 135
9.4.4裁切区域（clip） 136
9.4.5设置宽度和高度（width和height） 136
9.4.6溢出（overflow） 137
9.4.7可见性（visibility） 138
9.5设置列表属性 139
9.5.1列表类型（list-style-type） 139
9.5.2项目符号图像（list-style-image） 139
9.5.3列表位置（list-style-position） 140
9.5.4列表复合属性（list-style） 141
9.6设置边框属性 141
9.6.1边框样式（border-style） 142
9.6.2边框宽度（border-width） 143
9.6.3边框颜色（border-color） 143
9.6.4代码演练——设置边框属性 144
9.7扩展滤镜属性 146
9.7.1不透明度（alpha） 146
9.7.2动感模糊（blur） 147
9.7.3对颜色进行透明处理（chroma） 148
9.7.4设置阴影（dropShadow） 149
9.7.5对象的翻转（flipH和flipv） 150
9.7.6光晕效果（glow） 150
9.7.7灰度处理（gray） 151
9.7.8反相（invert） 152
9.7.9 X光片效果（Xray） 152
9.7.10遮罩效果（mask） 153
9.7.11波形滤镜（wave） 154
9.8综合实训——利用CSS控制网页中的文本 155
9.9本章小结 156
9.10代码练习 156
9.10.1利用CSS设置文本属性 156
9.10.2利用CSS创建特效文字 156
9.11行业链接知识 156
10 CSS+Div布局定位基础 157
10.1 Div标签与Span标签 157
10.1.1 Div概述 157
10.1.2 Div与Span的区别 158
10.2盒子模型 159
10.2.1盒子模型的概念 159
10.2.2 border（边框） 160
10.2.3 padding（填充） 163
10.2.4 margin（边距） 164
10.3元素的定位方式 166
10.3.1 float定位 166
10.3.2 position定位 167
10.3.3 z-index空间位置 171
10.4 CSS布局理念 172
10.4.1将页面用Div分块 172
10.4.2设计各块的位置 173
10.4.3用CSS定位 173
10.5代码演练——常见的布局类型 175
10.5.1一列固定宽度 175
10.5.2一列自适应宽度 176
10.5.3两列固定宽度 177
10.5.4两列自适应宽度 178
10.5.5两列右列自适应宽度 179
10.5.6三列浮动中间自适应宽度 180
10.5.7三行二列居中自适应高度 181
10.6综合实训——利用CSS布局网页 183
10.7本章小结 186
10.8代码练习 187
10.8.1两列固定宽度布局网页 187
10.8.2利用CSS布局网页 187
10.9行业链接知识 187
JavaScript篇 190
11 JavaScript语法基础 190
11.1JavaScript背景知识 190
11.1.1 JavaScript的历史 190
11.1.2 JavaScript的特点 190
11.2 JavaScript描述方法 191
11.2.1 〈script〉标签使用方法 191
11.2.2外部调用文件 191
11.2.3内嵌HTML标签中 192
11.2.4代码演练——编写第一个JavaScript程序 192
11.3 JavaScript运算符 193
11.3.1算术运算符 193
11.3.2逻辑运算符 194
11.3.3比较运算符 194
11.4 JavaScript程序语句 194
11.4.1代码演练——使用if语句 194
11.4.2代码演练——使用for语句 196
11.4.3代码演练——使用switch语句 197
11.4.4代码演练——使用while语句 199
11.5综合实训——制作倒计时特效 201
11.6本章小结 202
11.7代码练习 202
11.7.1顺序输出1～100的整数 202
11.7.2制作提示闹钟 202
12 JavaScript中的事件 203
12.1事件概述 203
12.2事件分析 204
12.2.1 Click事件 204
12.2.2 Change事件 205
12.2.3 Select事件 205
12.2.4 Focus事件 206
12.2.5 Load事件 207
12.2.6 Unload事件 208
12.2.7 Mouseover与Mouseout事件 209
12.2.8 Blur事件 210
12.3其他事件 211
12.4综合实训——将事件应用于按钮中 212
12.5本章小结 213
12.6代码练习 214
12.6.1鼠标单击事件 214
12.6.2弹出窗口效果 214
13 JavaScript中的函数 215
13.1什么是函数 215
13.2函数的定义 215
13.2.1函数的普通定义方式 215
13.2.2函数的变量定义方式 216
13.2.3函数的指针调用方式 217
13.2.4函数的参数 219
13.3函数的返回类型 219
13.3.1值类型 219
13.3.2引用类型 220
13.3.3返回函数 220
13.4函数的分类 221
13.4.1构造函数 221
13.4.2有返回值的函数 221
13.4.3无返回值的函数 222
13.5函数的作用域 222
13.5.1公有函数 222
13.5.2私有函数 222
13.6函数的嵌套 223
13.7综合实训——JavaScript函数应用实例 224
13.8本章小结 226
13.9代码练习 226
13.9.1显示当前日期 226
13.9.2定时关闭窗口 226
13.10行业链接知识 226
14 使用JavaScript中的不同对象 227
14.1 JavaScript象基础 227
14.1.1声明和实例化 227
14.1.2对象的引用 228
14.1.3对象的废除 229
14.1.4对象的绑定 230
14.2浏览器对象 230
14.2.1 navigator对象 230
14.2.2 window对象 231
14.2.3 location对象 233
14.2.4 history对象 235
14.2.5 document对象 235
14.3内置对象 238
14.3.1时间对象（date） 238
14.3.2数学对象（math） 240
14.3.3字符串对象（string） 242
14.3.4数组对象（Array） 244
14.4综合实训——改变网页背景颜色和文字颜色 246
14.5本章小结 248
14.6代码练习 248
14.6.1随机显示文字 248
14.6.2在标题栏显示滚动信息 248
14.7行业链接知识 248
15 利用JavaScript制作特效网页实例 249
15.1时间特效 249
15.1.1代码演练——显示当前时间 249
15.1.2代码演练——显示当前日期 250
15.1.3代码演练——显示网页停留时间 252
15.2图像特效 253
15.2.1代码演练——当鼠标指针经过图像时图像震动效果 253
15.2.2代码演练——图片闪烁效果 254
15.2.3代码演练——自动切换图像 255
15.3窗口特效 257
15.3.1代码演练——全屏显示窗口 257
15.3.2代码演练——定时关闭窗口 258
15.4鼠标特效 259
15.4.1代码演练——禁止鼠标右击 259
15.4.2代码演练——图片跟随鼠标特效 261
15.4.3代码演练——跟随鼠标的文字 262
15.5其他特效 263
15.5.1代码演练——设置为首页和加入收藏夹 263
15.5.2代码演练——检测表单数据 264
15.5.3代码演练——禁止保存网页 266
15.6本章小结 267
15.7代码练习 267
15.7.1制作倒计时特效 267
15.7.2自动弹出提示信息特效 267
15.8行业链接知识 268
综合篇 270
16 Ajax技术 270
16.1 Ajax概述 270
16.1.1 Ajax含义 270
16.1.2 Ajax技术原理 270
16.1.3 Ajax技术的优缺点 271
16.2 Ajax的组成 272
16.2.1 Ajax中的JavaScript 272
16.2.2 Ajax中的XMLHttpRequest 272
16.2.3 Ajax中的CSS 273
16.2.4 Ajax中的DOM 273
16.2.5 Ajax中的XML 273
16.3 XMLHttpRequest对象创建 274
16.4实现Ajax 275
16.4.1创建HTTP请求 275
16.4.2设置响应HTTP请求状态变化的函数 276
16.4.3设置获取服务器返回数据的语句 277
16.4.4发送HTTP请求 277
16.5综合实训——使用Ajax读取HTML文件 278
16.6本章小结 279
17 制作房地产企业网站 280
17.1行业应用指南 280
17.1.1房地产类网站建设目的 280
17.1.2房地产网站分类 280
17.1.3房地产网站的特点 281
17.1.4房地产网站色彩搭配与结构设计 282
17.2网站整体规划 282
17.2.1网站结构规划 282
17.2.2页面结构布局 283
17.3页面效果图 283
17.4设计网站主页 284
17.4.1用CSS设置网页整体外观 284
17.4.2制作#header部分 285
17.4.3制作滚动公告 288
17.4.4制作botBody正文部分 289
17.4.5制作highlight部分 294
17.4.6制作footerbig部分 295
17.5本章小结 297
17.6代码练习——设计房地产公司主页 297
18 制作游戏网站 298
18.1行业应用指南 298
18.1.1游戏网站的分类 298
18.1.2网络游戏的特点 299
18.1.3色彩搭配与风格设计 299
18.2网站整体规划 300
18.2.1网站结构规划 300
18.2.2页面结构布局 300
18.3页面效果图 301
18.4布局设计 302
18.4.1整体样式设计 302
18.4.2页头部分 303
18.4.3内容部分 304
18.4.4页脚部分 311
18.5 JavaScript制作图片循环隐现效果 312
18.6本章小结 313
18.7代码练习——设计综合游戏类网站页面 313
19 制作购物网站 314
19.1行业应用指南 314
19.1.1购物网站分类 314
19.1.2购物网站特点分析 315
19.1.3购物网站主要栏目和功能 316
19.1.4购物网站色彩搭配与结构设计 318
19.2网站整体规划 318
19.2.1购物网站流程 318
19.2.2页面结构布局 319
19.3页面效果图 320
19.4制作网站页面 320
19.4.1制作头部文件 321
19.4.2制作登录区 321
19.4.3制作产品分类区 324
19.4.4制作联系信息区 326
19.4.5制作广告图片 327
19.4.6制作搜索引擎 328
19.4.7使用Flash和XML制作翻页图片 329
19.4.8制作商品展示区 330
19.4.9制作底部版权文件 332
19.5本章小结 332
19.6代码练习——设计美食、鲜花和礼品销售网站 332