第1篇 HTML篇 1
第1章 HTML入门 1
1.1什么是HTML 2
1.2 HTML文件的基本结构 3
1.2.1 HTML文件结构 3
1.2.2编写HTML文件的注意事项 4
1.3 HTML文件编写方法 4
1.3.1使用记事本编写HTML页面 4
1.3.2使用Dreamweaver编写HTML页面 6
1.4网页设计与开发的过程 6
1.4.1明确网站定位 6
1.4.2收集信息和素材 7
1.4.3规划栏目结构 7
1.4.4设计页面图像 8
1.4.5制作页面 8
1.4.6实现后台功能 9
1.4.7网站的测试与发布 10
1.5本章小结 11
第2章 HTML基本标记 12
2.1 HTML页面主体的常用设置 13
2.1.1定义网页背景色——bgcolor 13
2.1.2设置背景图片——background 14
2.1.3设置文字颜色——text 15
2.1.4设置链接文字属性 16
2.1.5设置页面边距 18
2.2页面头部元素〈head〉和〈!DOCTYPE〉 19
2.3页面标题元素〈title〉 20
2.4元信息元素〈meta〉 21
2.4.1设置页面关键词 21
2.4.2设置页面主要内容 22
2.4.3定义页面的搜索方式 22
2.4.4定义编辑工具 23
2.4.5定义页面的作者信息 23
2.4.6定义网页文字及语言 24
2.4.7定义页面的跳转 24
2.4.8定义页面的版权信息 25
2.5脚本元素〈script〉 25
2.6创建样式元素〈style〉 26
2.7链接元素〈link〉 27
2.8综合实战——创建基本的HTML文件 28
2.9本章小结 29
第3章 用HTML设置文字与段落格式 30
3.1插入其他标记 31
3.1.1输入空格符号 31
3.1.2输入特殊符号 32
3.2设置文字的格式 33
3.2.1设置字体——face 33
3.2.2设置字号——size 33
3.2.3设置文字颜色——color 34
3.2.4设置粗体、斜体、下画线——b、strong、em、u 35
3.2.5设置上标与下标——sup、sub 36
3.3设置段落的格式 37
3.3.1段落标记——p 37
3.3.2段落的对齐属性——align 38
3.3.3不换行标记——nobr 39
3.3.4换行标记——br 40
3.4水平线标记 40
3.4.1插入水平线——hr 40
3.4.2设置水平线宽度与高度属性——width、size 41
3.4.3设置水平线的颜色——color 42
3.4.4设置水平线的对齐方式——align 43
3.4.5水平线去掉阴影——noshade 44
3.5设置滚动文字 44
3.5.1滚动文字标签——marquee 44
3.5.2滚动方向属性——direction 45
3.5.3滚动方式属性——behavior 46
3.5.4滚动速度属性——scrollamount 47
3.5.5滚动延迟属性——scrolldelay 48
3.5.6滚动循环属性——loop 48
3.5.7滚动范围属性——width、height 49
3.5.8滚动背景颜色属性——bgcolor 50
3.5.9滚动空间属性——hspace、vspace 51
3.6综合实例——设置页面文本及段落 51
3.7本章小结 53
第4章 用HTML创建精彩的图像和多媒体页面 54
4.1网页中常见的图像格式 55
4.2插入图像并设置图像属性 56
4.2.1图像标记——img 56
4.2.2设置图像高度——height 57
4.2.3设置图像宽度——width 57
4.2.4设置图像的边框——border 58
4.2.5设置图像水平间距——hspace 59
4.2.6设置图像垂直间距——vspace 60
4.2.7设置图像的对齐方式——align 61
4.2.8设置图像的替代文字——alt 61
4.3添加多媒体文件 62
4.4添加背景音乐 63
4.4.1设置背景音乐——bgsound 63
4.4.2设置循环播放次数——loop 64
4.5综合实例 65
综合实例1——创建多媒体网页 65
综合实例2——创建图文混合排版网页 66
4.6本章小结 68
第5章 用HTML创建超链接和表单 69
5.1超链接的基本概念 70
5.2创建基本超链接 71
5.2.1超链接标记 71
5.2.2设置的目标窗口 72
5.3创建图像的超链接 73
5.3.1设置图像超链接 73
5.3.2设置图像热区链接 75
5.4创建锚点链接 76
5.4.1创建锚点 76
5.4.2链接到页面不同位置的锚点链接 77
5.5插入表单——form 79
5.5.1处理动作——action 79
5.5.2表单名称——name 79
5.5.3传送方法——method 80
5.5.4编码方式——enctype 80
5.5.5目标显示方式——target 81
5.6综合实例 82
综合案例1——插入表单对象 82
综合案例2——给网页添加链接 84
5.7本章小结 85
第6章 使用HTML创建强大的表格 86
6.1创建并设置表格属性 87
6.1.1表格的基本标记——table、tr、td 87
6.1.2表格宽度和高度——width、height 89
6.1.3表格的标题——caption 89
6.1.4表格的表头——th 91
6.1.5表格对齐方式——align 92
6.1.6表格的边框宽度——border 94
6.1.7表格边框颜色——bordercolor 95
6.1.8单元格间距——cellspacing 96
6.1.9单元格边距——cellpadding 97
6.1.10表格的背景色——bgcolor 98
6.1.11表格的背景图像——-background 99
6.2表格的结构标记 100
6.2.1设计表头样式——thead 100
6.2.2设计表主体样式——tbody 102
6.2.3设计表尾样式——tfoot 103
6.3综合实例——使用表格排版网页 104
6.4本章小结 107
第7章 创建框架结构网页 108
7.1窗口框架简介 109
7.2设置框架集标记frameset属性 110
7.2.1水平分割窗口——rows 110
7.2.2垂直分割窗口——cols 111
7.2.3嵌套分割窗口 112
7.2.4设置边框——frameborder 113
7.2.5框架的边框宽度——fiamespacing 114
7.2.6框架的边框颜色——bordercolor 115
7.3设置框架标记frame属性 116
7.3.1框架页面源文件——src 116
7.3.2框架名称——name 117
7.3.3调整框架窗口的尺寸——noresize 118
7.3.4框架边框与页面内容的水平边距——marginwidth 119
7.3.5框架边框与页面内容的垂直边距——marginheight 120
7.3.6设置框架滚动条显示——scrolling 121
7.3.7不支持框架标记——noreames 122
7.4浮动框架 123
7.4.1浮动框架的页面源文件——src 123
7.4.2浮动框架的宽度和高度——width和height 124
7.4.3浮动框架的对齐方式——align 124
7.4.4设置浮动框架是否显示滚动条——scrolling 125
7.4.5浮动框架的边框——frameborder 126
7.5综合实例——创建上方固定、左侧嵌套的框架网页 126
7.6本章小结 129
第8章 移动开发基础HTML5 130
8.1认识HTML 5 131
8.1.1实用性和用户优先 131
8.1.2化繁为简 132
8.2 HTML 5的新特性 133
8.3 HTML 5与HTML4的区别 134
8.3.1 HTML 5的语法变化 134
8.3.2 HTML 5中的标记方法 134
8.3.3 HTML 5语法中的三个要点 135
8.3.4标签实例 135
8.4新增的主体结构元素 138
8.4.1 article元素 138
8.4.2 section元素 139
8.4.3 nav元素 140
8.4.4 aside元素 143
8.4.5 time元素 143
8.4.6 progress属性 144
8.5新增的非主体结构元素 146
8.5.1 header元素 146
8.5.2 hgroup元素 147
8.5.3 footer元素 147
8.5.4 address元素 148
8.6本章小结 149
第2篇 CSS篇 150
第9章 CSS基础知识 150
9.1 CSS简介 151
9.1.1 CSS基本概念 151
9.1.2 CSS的优点 152
9.1.3 CSS功能 152
9.1.4浏览器与CSS 153
9.1.5 CSS发展历史 153
9.2在HTML 5中使用CSS的方法 154
9.2.1内嵌样式 154
9.2.2行内样式 155
9.2.3链接外部样式表 155
9.2.4导入样式 156
9.2.5优先级问题 157
9.3使用Dreamweaver设置CSS样式 157
9.3.1设置文本样式 157
9.3.2设置背景样式 159
9.3.3设置区块样式 160
9.3.4设置方框样式 162
9.3.5设置边框样式 163
9.3.6设置列表样式 165
9.3.7设置定位样式 166
9.3.8设置扩展样式 168
9.3.9过渡样式的定义 168
9.4选择器类型 169
9.4.1标签选择器 169
9.4.2类选择器 169
9.4.3 ID选择器 171
9.5编辑和浏览CSS 172
9.5.1手工编写CSS 172
9.5.2 Dreamweaver编写CSS 173
9.6综合实例——为网页添加CSS样式 174
9.7本章小结 175
第10章 用CSS设计丰富的文字效果 176
10.1通过CSS控制文本样式 177
10.1.1字体——font-family 177
10.1.2字号——font-size 178
10.1.3加粗字体——font-weight 180
10.1.4字体风格——font-style 180
10.1.5小写字母转为大写字母——font-variant 182
10.2通过CSS控制段落格式 183
10.2.1单词间隔——word-spacing 183
10.2.2字符间隔letter-spacing 184
10.2.3文字修饰——text-decoration 185
10.2.4垂直对齐方式——vertial-align 186
10.2.5文本转换——text-transform 187
10.2.6水平对齐方式——text-align 188
10.2.7文本缩进——text-indent 189
10.2.8文本行高——line-height 190
10.2.9处理空白——white-space 192
10.3综合实例——CSS字体样式综合演练 193
10.4本章小结 195
第11章 用CSS设计图像和背景 196
11.1设置网页的背景 197
11.1.1背景颜色 197
11.1.2背景图像 198
11.2设置背景图像的属性 200
11.2.1设置背景重复 200
11.2.2设置固定背景 201
11.2.3设置背景定位 202
11.3设置网页图像的样式 205
11.3.1设置图像边框 205
11.3.2图文混合排版 207
11.4应用CSS滤镜制作图像特效 208
11.4.1控制图像和背景的透明度(alpha) 208
11.4.2灰度(Gray) 210
11.4.3反色(Invert) 210
11.5综合实例 211
综合实例1——给图片添加边框 211
综合实例2——鼠标移到图片上时产生渐变效果 212
11.6本章小结 213
第12章 设计更富灵活性的表格和表单 214
12.1网页中的表格 215
12.1.1表格对象标记 215
12.1.2在Dreamweaver中插入表格 216
12.1.3设置表格的颜色 217
12.1.4设置表格的边框样式 219
12.1.5设置表格的阴影 220
12.1.6设置表格的渐变背景 221
12.2网页中的表单 223
12.2.1表单对象 223
12.2.2表单标记 223
12.2.3设置边框样式 224
12.2.4设置背景样式 226
12.2.5设置输入文本的样式 229
12.3综合实例 229
综合实例1——制作变换背景色的表格 229
综合实例2——设计文本框的样式 231
12.4本章小结 233
第13章 用CSS制作链接与网站导航 234
13.1超链接基础 235
13.1.1超链接的基本概念 235
13.1.2使用页面属性设置超链接 236
13.2链接标记 237
13.2.1 a:link 237
13.2.2 a:visited 238
13.2.3 a:active 239
13.2.4 a:hover 240
13.3各种形式的超链接 241
13.3.1背景色变换链接 241
13.3.2多姿多彩的下画线链接 243
13.3.3图像翻转链接 244
13.3.4边框变换链接 246
13.4项目列表 248
13.4.1有序列表 248
13.4.2无序列表 250
13.5横排导航 251
13.5.1文本导航 251
13.5.2标签式导航 253
13.6竖排导航 255
13.7综合实例——实现背景变换的导航菜单 256
13.8本章小结 258
第14章 CSS中的滤镜 259
14.1滤镜概述 260
14.2动感模糊blur 261
14.3对颜色进行透明处理chroma 262
14.4设置阴影DropShadow 263
14.5对象的翻转FlipH、FlipV 264
14.6发光效果Glow 264
14.7 X光片效果Xray 265
14.8波形滤镜Wave 266
14.9遮罩效果Mask 267
14.10本章小结 267
第15章 CSS+DIV布局定位基础 268
15.1网站与Web标准 269
15.1.1什么是Web标准 269
15.1.2为什么要建立Web标准 270
15.2 Div标记与Span标记 270
15.2.1 Div概述 270
15.2.2 Div与Span的区别 271
15.3盒子模型 273
15.3.1盒子模型的概念 273
15.3.2 border 273
15.3.3 padding 279
15.3.4 margin 281
15.4盒子的浮动与定位 283
15.4.1盒子的浮动float 284
15.4.2 position定位 286
15.4.3 z-index空间位置 291
15.5本章小结 292
第16章 CSS+DIV布局方法 293
16.1 CSS布局理念 294
16.1.1将页面用div分块 294
16.1.2设计各块的位置 295
16.1.3用CSS定位 295
16.2固定宽度布局 296
16.2.1一列固定宽度 296
16.2.2两列固定宽度 298
16.2.3圆角框 299
16.3可变宽度布局 301
16.3.1一列自适应 301
16.3.2两列宽度自适应 302
16.3.3两列右列宽度自适应 304
16.3.4三列浮动中间宽度自适应 304
16.3.5三行二列居中高度自适应布局 305
16.4 CSS布局与传统的表格方式布局分析 307
16.5本章小结 310
第17章 CSS 3指南 311
17.1预览激动人心的CSS 3 313
17.1.1 CSS 3的发展历史 313
17.1.2 CSS 3新增特性 313
17.1.3主流浏览器对CSS 3的支持 318
17.2使用CSS 3实现圆角表格 318
17.3使用CSS 3制作图片滚动菜单 320
17.4使用CSS 3制作文字立体效果 323
17.5使用CSS 3制作多彩的网页图片库 325
17.6使用CSS 3实现的幻灯图片效果 329
17.7本章小结 334
第3篇 Java Script篇 335
第18章 JavaScript基础知识 335
18.1 JavaScript简介 336
18.1.1 JavaScript的历史 336
18.1.2 JavaScript特点 336
18.1.3 JavaScript注释 337
18.2 JavaScript的添加方法 337
18.2.1内部引用 337
18.2.2外部调用js文件 338
18.2.3添加到事件中 339
18.3第一个JavaScript程序 339
18.3.1预备知识 339
18.3.2 JavaScript编辑器的选择 340
18.3.3编写good morning!程序 341
18.3.4浏览器对JavaScript的支持 341
18.4综合实例——浏览器状态栏显示信息 342
18.5本章小结 343
第19章 数据类型和运算符 344
19.1基本数据类型 345
19.1.1使用字符串型数据 345
19.1.2使用数值型数据 346
19.1.3使用布尔型数据 347
19.1.4使用Undefined和Null类型 347
19.2复合数据类型 348
19.2.1常用的内置对象 348
19.2.2日期对象 349
19.2.3数学对象 352
19.2.4字符串对象 353
19.2.5数组对象 354
19.3常量 355
19.3.1常量的种类 355
19.3.2常量的使用方法 356
19.4变量 357
19.4.1变量的含义 357
19.4.2变量的定义方式 357
19.4.3变量的命名规则 358
19.4.4变量的作用范围 358
19.5运算符介绍 359
19.5.1运算符 359
19.5.2操作数的类型 360
19.6算术运算符 360
19.6.1加法运算符 360
19.6.2减法运算符 361
19.6.3乘法运算符 361
19.6.4除法运算符 362
19.6.5取模运算符 363
19.6.6负号运算符 363
19.6.7正号运算符 364
19.6.8递增运算符 364
19.6.9递减运算符 365
19.7关系运算符 366
19.7.1相等运算符 366
19.7.2等同运算符 367
19.7.3不等运算符 368
19.7.4不等同运算符 369
19.7.5小于运算符 369
19.7.6大于运算符 370
19.7.7小于或等于运算符 370
19.7.8大于或等于运算符 371
19.8字符串运算符 372
19.9赋值运算符 372
19.10逻辑运算符 373
19.10.1逻辑与运算符 373
19.10.2逻辑或运算符 374
19.10.3逻辑非运算符 374
19.11位运算符 374
19.11.1位与运算符 375
19.11.2位或运算符 375
19.11.3位异或运算符 376
19.11.4位非运算符 376
19.11.5左移运算符 377
19.11.6带符号右移运算符 377
19.12本章小结 378
第20章 JavaScript语法基础 379
20.1函数 380
20.1.1什么是函数 380
20.1.2函数的参数传递 381
20.1.3函数中变量的作用域和返回值 381
20.2函数的定义 382
20.2.1函数的普通定义方式 382
20.2.2函数的变量定义方式 384
20.2.3函数的指针调用方式 384
20.3使用选择语句 386
20.3.1 if选择语句 386
20.3.2 if…else选择语句 387
20.3.3 if…else if…else选择语句 387
20.3.4 switch多条件选择语句 389
20.4使用循环语句 390
20.4.1 for循环语句 390
20.4.2 while循环语句 391
20.4.3 do…while循环语句 392
20.4.5 break和continue跳转语句 393
20.5综合实例——禁止鼠标右击 395
20.6本章小结 396
第21章 JavaScript中的事件 397
21.1事件驱动与事件处理 398
21.1.1事件详解 398
21.1.2事件与事件驱动 398
21.1.3事件与处理代码关联 399
21.1.4调用函数的事件 401
21.1.5调用代码的事件 402
21.1.6设置对象事件的方法 403
21.2常见事件 404
21.2.1 onClick事件 404
21.2.2 onchange事件 405
21.2.3 onSelect事件 406
21.2.4 onfocus事件 407
21.2.5 onload事件 408
21.2.6鼠标移动事件 409
21.2.7 onblur事件 410
21.2.8 onsubmit事件和onreset事件 411
21.2.9 onresize事件 412
21.2.10键盘事件 413
21.3其他常用事件 414
21.4综合实例——将事件应用于按钮中 415
21.5本章小结 416
第22章 JavaScript中的对象 417
22.1 JavaScript对象的声明和引用 418
22.1.1声明和实例化 418
22.1.2对象的引用 419
22.2浏览器对象 420
22.2.1 navigator对象 420
22.2.2 window对象 421
22.2.3 location对象 422
22.2.4 history对象 423
22.2.5 document对象 424
22.3内置对象 425
22.3.1 date对象 426
22.3.2数学对象math 427
22.3.3字符串对象string 428
22.3.4数组对象array 429
22.4综合实例——改变网页背景颜色 430
22.5本章小结 431
第4篇 综合实例篇 432
第23章 设计制作企业网站 432
23.1网站整体规划 433
23.1.1网站的需求分析 433
23.1.2色彩搭配与风格设计 433
23.2页面架构分析 434
23.2.1页面内容结构布局 434
23.2.2页面HTML框架代码 435
23.3页面的通用规则 436
23.4制作页面头部header部分 437
23.4.1制作页面头部的结构 437
23.4.2定义页面头部的样式 438
23.5制作网站导航nav部分 442
23.5.1制作网站导航nav部分页面结构 442
23.5.2定义网站导航nav部分样式 442
23.6制作欢迎文字welcome部分 444
23.6.1制作welcome部分页面结构 444
23.6.2定义welcome部分样式 444
23.7制作会员登录与精彩活动部分 445
23.7.1制作会员登录部分 445
23.7.2制作精彩活动部分 448
23.8制作我们的优势和应对策略部分 450
23.8.1制作我们的优势部分 450
23.8.2制作应对策略部分 452
23.9制作底部footer部分 455
23.10利用JavaScript制作网页特效 457
23.11本章小结 458