第1篇 HTML技术 1
第1章 HTML入门 1
1.1 什么是HTML 2
1.1.1 HTML的特点 2
1.1.2 HTML的历史 2
1.2 HTML文件的基本结构 2
1.2.1 HTML文件结构 3
1.2.2 编写HTML文件注意事 4
1.3 HTML文件编写方法 4
1.3.1 使用记事本编写HTML页面 5
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
第2章 HTML网页基本标记的使用 11
2.1 HTML页面主体常用设置 12
2.1.1 定义网页背景色:bgcolor 12
2.1.2 设置背景图片:background 12
2.1.3 设置文字颜色:text 13
2.1.4 设置链接文字属性 14
2.1.5 设置页面边距 16
2.2 页面头部元素<head>和<!DOCTYPE> 17
2.3 页面标题元素<title> 18
2.4 元信息元素<meta> 19
2.4.1 设置页面关键词 19
2.4.2 设置页面主要内容 20
2.4.3 定义页面的搜索方式 21
2.4.4 定义编辑工具 21
2.4.5 定义页面的作者信息 22
2.4.6 定义网页文字及语言 22
2.4.7 定义页面的跳转 23
2.4.8 定义页面的版权信息 23
2.5 脚本元素<script> 24
2.6 创建样式元素<style> 25
2.7 链接元素<link> 26
2.8 综合实战——创建基本的HTML文件 27
第3章 用HTML设置文字与段落格式 29
3.1 插入其他标记 30
3.1.1 输入空格符号 30
3.1.2 输入特殊符号 30
3.2 设置文字的格式 31
3.2.1 设置字体:face 31
3.2.2 设置字号:size 32
3.2.3 设置文字颜色:color 33
3.2.4 设置粗体、斜体、下划线:b、strong、am、u 34
3.2.5 设置上标与下标:sup、sub 35
3.2.6 多种标题样式的使用:<h1>~<h6> 36
3.3 设置段落的格式 37
3.3.1 给文字进行分段:p 37
3.3.2 段落的对齐属性:align 38
3.3.3 不换行标记:nobr 38
3.3.4 换行标记:br 39
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 水平线去掉阴影 44
3.5 设置滚动文字 45
3.5.1 滚动文字标签——marquee 45
3.5.2 滚动方向属性——direction 46
3.5.3 滚动方式属性—behavior 47
3.5.4 滚动速度属性——scrollamount 48
3.5.5 滚动延迟属性—scrolldelay 49
3.5.6 滚动循环属性——loop 50
3.5.7 滚动范围属性——width、height 51
3.5.8 滚动背景颜色属性——bgcolor 52
3.5.9 滚动空间属性——hspace、vspace 53
3.6 综合实战——设置页面文本及段落 54
第4章 用HTML创建精彩的图像和多媒体页面 56
4.1 网页中常见的图像格式 57
4.2 插入图像并设置图像属性 57
4.2.1 图像标记:img 58
4.2.2 设置图像高度:height 58
4.2.3 设置图像宽度:width 59
4.2.4 设置图像的边框:border 60
4.2.5 设置图像水平间距:hspace 60
4.2.6 设置图像垂直间距:vspace 61
4.2.7 设置图像的对齐方式:align 62
4.2.8 设置图像的替代文字:alt 62
4.3 添加多媒体文件 63
4.4 添加背景音乐 64
4.4.1 设置背景音乐:bgsound 65
4.4.2 设置循环播放次数:loop 65
4.5 综合实战 66
4.5.1 实战——创建多媒体网页 66
4.5.2 实战——创建图文混合排版网页 67
第5章 用HTML创建超链接 69
5.1 链接和路径 70
5.1.1 超链接的基本概念 70
5.1.2 路径URL 70
5.1.3 HTTP路径 71
5.1.4 FTP路径 72
5.1.5 邮件路径 72
5.2 链接元素<a> 74
5.2.1 指定路径href 74
5.2.2 显示链接目标属性target 75
5.2.3 链接的热键属性 76
accesskey 76
5.3 创建图像的超链接 77
5.3.1 设置图像超链接 78
5.3.2 设置图像热区链接 78
5.4 创建锚点链接 79
5.4.1 创建锚点 79
5.4.2 链接到页面不同位置的锚点链接 81
5.5 下载文件链接 83
5.6 综合实战——给网页添加链接 84
第6章 使用HTML创建强大的表格 86
6.1 创建并设置表格属性 87
6.1.1 表格的基本标记:table、tr、td 87
6.1.2 表格宽度和高度:width、height 88
6.1.3 表格的标题:caption 89
6.1.4 表格的表头:th 90
6.1.5 表格对齐方式:align 91
6.1.6 表格的边框宽度:border 93
6.1.7 表格边框颜色:bordercolor 94
6.1.8 单元格间距:cellspacing 95
6.1.9 单元格边距:cellpadding 96
6.1.10 表格的背景色:bgcolor 97
6.1.11 表格的背景图像:background 98
6.2 表格的结构标记 99
6.2.1 设计表头样式:thead 99
6.2.2 设计表主体样式:tbody 100
6.2.3 设计表尾样式:tfoot 102
6.3 综合实战——使用表格排版网页 104
第7章 创建框架结构网页 108
7.1 窗口框架简介 109
7.2 设置框架集标记frameset属性 109
7.2.1 水平分割窗口:rows 109
7.2.2 垂直分割窗口:cols 110
7.2.3 嵌套分割窗口 111
7.2.4 设置边框:frameborder 112
7.2.5 框架的边框宽度:framespacing 113
7.2.6 框架的边框颜色:bordercolor 114
7.3 设置框架标记frame属性 115
7.3.1 框架页面源文件:src 115
7.3.2 框架名称:name 116
7.3.3 调整框架窗口的尺寸:noresize 117
7.3.3 框架边框与页面内容的水平边距:marginwidth 119
7.3.5 框架边框与页面内容的垂直边距:marginheight 120
7.3.6 设置框架滚动条显示:scrolling 121
7.3.7 不支持框架标记:noframes 121
7.4 浮动框架 122
7.4.1 浮动框架的页面源文件:src 122
7.4.2 浮动框架的宽度和高度:width和height 123
7.4.3 浮动框架对齐方式:align 124
7.4.4 设置浮动框架是否显示滚动条:scrolling 124
7.4.5 浮动框架的边框:frameborder 125
7.5 综合实战——创建上方固定、左侧嵌套的框架网页 126
第8章 创建交换式表单 130
8.1 表单元素<form> 131
8.1.1 动作属性:action 131
8.1.2 发送数据方式属性method 131
8.1.3 名称属性:name 132
8.1.4 编码方式:enctype 132
8.1.5 目标显示方式:target 133
8.2 表单的控件<input> 134
8.2.1 文本域text 134
8.2.2 密码区域password 136
8.2.3 提交按钮submit 137
8.2.4 复位按钮reset 137
8.2.5 图像按钮image 137
8.2.6 单击按钮button 138
8.2.7 复选框checkbox 138
8.2.8 单选按钮radio 139
8.2.9 隐藏区域hidden 140
8.2.10 文件域:file 140
8.2.11 文本区域标记:textarea 141
8.2.12 下拉列表 141
8.2.13 列表项 142
8.3 综合实战——用户注册表单页面实例 143
第9章 列表元素 148
9.1 无序列表元素<ul> 149
9.2 有序列表元素<ol> 150
9.2.1 项目符号的类型属性type 150
9.2.2 有序列表的起始值属性start 152
9.3 列表条目元素<li> 153
9.3.1 项目符号的类型属性type 153
9.3.2 条目编号属性value 155
9.4 定义列表元素<dl> 156
9.5 菜单列表标记menu 157
9.6 目录列表dir 157
9.7 列表的嵌套 158
9.8 综合实战 159
9.8.1 实战——文本导航 159
9.8.2 实战——标签式导航 160
9.8.3 实战——竖排导航 161
第10章 HTML 5入门基础 163
10.1 认识HTML5 164
10.2 HTML 5与HTML4的区别 165
10.2.1 HTML 5的语法变化 165
10.2.2 HTML5中的标记方法 166
10.2.3 HTML 5语法中的3个要点 166
10.2.4 HTML 5与HTML 4在搜索引擎优化的对比 167
10.3 HTML 5新增的元素和废除的元素 168
10.3.1 新增的结构元素 168
10.3.2 新增块级元素 169
10.3.3 新增的行内的语义元素 171
10.3.4 新增的嵌入多媒体元素与交互性元素 174
10.3.5 新增的input元素的类型 175
10.3.6 废除的元素 176
10.4 新增的属性和废除的属性 177
10.4.1 新增的属性 177
10.4.2 废除的属性 178
10.5 创建简单的HTML5页面 180
10.5.1 HTML 5文档类型 180
10.5.2 字符编码 180
10.5.3 页面语言 181
10.5.4 添加样式表 181
10.5.5 添加JavaScript 181
10.5.6 测试结果 181
第11章 HTML 5的结构 182
11.1 新增的主体结构元素 183
11.1.1 article元素 183
11.1.2 section元素 184
11.1.3 nav元素 185
11.1.4 aside元素 187
11.2 新增的非主体结构元素 187
11.2.1 header元素 187
11.2.2 hgroup元素 188
11.2.3 footer元素 189
11.2.4 address元素 189
第2篇 CSS布局 191
第12章 CSS+DIV布局定位基础 191
12.1 网站与Web标准 192
12.1.1 什么是Web标准 192
12.1.2 为什么要建立Web标准 192
12.1.3 怎样改善现有网站 193
12.2 Div标记与Span标记 194
12.2.1 Div概述 194
12.2.2 Div与Span的区别 195
12.3 表格布局与CSS布局的区别 196
12.3.1 CSS的优势 197
12.3.2 表格布局与CSS布局对比 197
第13章 盒子模型及定位 200
13.1 盒子模型 201
13.1.1 盒子模型的概念 201
13.1.2 border 201
13.1.3 padding 208
13.1.4 marqin 211
13.2 盒子的浮动float 214
13.3 盒子的定位 217
13.3.1 绝对定位:absolute 217
13.3.2 固定定位:fixed 219
13.3.3 相对定位:relative 220
13.4 CSS布局理念 221
13.4.1 将页面用div分块 221
13.4.2 设计各块的位置 222
13.4.3 用CSS定位 222
13.5 常见的布局类型 223
13.5.1 使用CSS定位单行单列固定宽度 224
13.5.2 一列自适应 225
13.5.3 两列固定宽度 225
13.5.4 两列宽度自适应 226
13.5.5 三列浮动中间宽度自适应 227
第3篇 JavaScript网页特效 229
第14章 JavaScript基础知识 229
14.1 JavaScript简介 230
14.1.1 JavaScript的历史 230
14.1.2 JavaScript特点 230
14.1.3 JavaScript注释 231
14.2 JavaScript的添加方法 231
14.2.1 内部引用 231
14.2.2 外部调用js文件 232
14.2.3 添加到事件中 233
14.3 第一个JavaScript程序 233
14.3.1 预备知识 233
14.3.2 JavaScript编辑器的选择 234
14.3.3 编写Hello World程序 234
14.3.4 浏览器对JavaScript的支持 235
14.4 综合实战——浏览器状态栏显示信息 236
第15章 数据类型和变量 238
15.1 基本数据类型 239
15.1.1 使用字符串型数据 239
15.1.2 使用数值型数据 239
15.1.3 使用布尔型数据 240
15.1.4 使用Undefined和Null类型 240
15.2 复合数据类型 241
15.2.1 常用的内置对象 241
15.2.2 日期对象 241
15.2.3 数学对象 243
15.2.4 字符串对象 245
15.2.5 数组对象 246
15.3 常量 247
15.3.1 常量的种类 247
15.3.2 常量的使用方法 248
15.4 变量 248
15.4.1 变量的含义 248
15.4.2 变量的定义方式 249
15.4.3 变量的命名规则 249
15.4.4 变量的作用范围 250
15.5 综合实战——制作倒计时特效 250
第16章 表达式与运算符 252
16.1 表达式 253
16.2 操作数 254
16.3 运算符介绍 254
16.3.1 运算符 254
16.3.2 操作数的类型 254
16.4 算术运算符 255
16.4.1 加法运算符 255
16.4.2 减法运算符 255
16.4.3 乘法运算符 256
16.4.4 除法运算符 256
16.4.5 取模运算符 256
16.4.6 负号运算符 257
16.4.7 正号运算符 257
16.4.8 递增运算符 257
16.4.9 递减运算符 258
16.5 关系运算符 258
16.5.1 相等运算符 258
16.5.2 等同运算符 259
16.5.3 不等运算符 259
16.5.4 不等同运算符 260
16.5.5 小于运算符 260
16.5.6 大于运算符 261
16.5.7 小于或等于运算符 261
16.5.8 大于或等于运算符 261
16.6 字符串运算符 262
16.7 赋值运算符 263
16.8 逻辑运算符 263
16.8.1 逻辑与运算符 263
16.8.2 逻辑或运算符 264
16.8.3 逻辑非运算符 264
16.9 位运算符 265
16.9.1 位与运算符 265
16.9.2 位或运算符 265
16.9.3 位异或运算符 265
16.9.4 位非运算符 266
16.9.5 左移运算符 266
16.9.6 带符号右移运算符 267
第17章 JavaScript程序核心语法 268
17.1 函数 269
17.1.1 什么是函数 269
17.1.2 函数的参数传递 269
17.1.3 函数中变量的作用域和返回值 270
17.2 函数的定义 271
17.2.1 函数的普通定义方式 271
17.2.2 函数的变量定义方式 272
17.2.3 函数的指针调用方式 272
17.3 使用选择语句 274
17.3.1 if选择语句 274
17.3.2 if…else选择语句 275
17.3.3 if…else if…else选择语句 276
17.3.4 switch多条件选择语句 277
17.4 使用循环语句 278
17.4.1 for循环语句 278
17.4.2 while循环语句 279
17.4.3 do…while循环语句 280
17.4.4 break和continue跳转语句 281
17.5 综合实战——禁止鼠标右击 282
第18章 JavaScript核心对象 284
18.1 面向对象编程的简单概念 285
18.1.1 什么是面向对象 285
18.1.2 如何创建对象 285
18.1.3 对象的属性 286
18.1.4 对象的方法 286
18.2 对象应用 287
18.2.1 声明和实例化 287
18.2.2 对象的引用 288
18.2.3 对象的废除 289
18.2.4 对象的早绑定和晚绑定 289
18.3 JavaScript的对象层次 290
18.3.1 客户端对象层次介绍 290
18.3.2 浏览器对象模型 290
18.4 综合实战——显示当前时间 291
第19章 JavaScript中的事件 294
19.1 事件驱动与事件处理 295
19.1.1 事件详解 295
19.1.2 事件与事件驱动 295
19.1.3 事件与处理代码关联 296
19.1.4 调用函数的事件 297
19.1.5 调用代码的事件 298
19.1.6 设置对象事件的方法 299
19.2 常见事件 300
19.2.1 onClick事件 300
19.2.2 onchange事件 301
19.2.3 onSelect事件 302
19.2.4 onfocus事件 304
19.2.5 onload事件 305
19.2.6 鼠标移动事件 305
19.2.7 onblur事件 307
19.2.8 onsubmit事件和onreset事件 308
19.2.9 onresize页面大小事件 308
19.2.10 键盘事件 309
19.3 其他常用事件 310
19.4 综合实战——将事件应用于按钮中 312
第20章 窗口对象 313
20.1 window对象 314
20.1.1 window对象介绍 314
20.1.2 window对象的使用方法 314
20.2 窗口的位置 316
20.2.1 获取窗口外侧及内侧尺寸 316
20.2.2 按照指定的数值逐渐移动浏览器 318
20.2.3 滚动窗口 318
20.2.4 调整窗口的大小 319
20.3 对话框 320
20.3.1 警告对话框 320
20.3.2 询问对话框 321
20.3.3 输入对话框 322
20.4 状态栏 322
20.4.1 状态栏介绍 322
20.4.2 默认状态栏信息 323
20.4.3 状态栏瞬间信息 323
20.4.4 在状态栏显示滚动文字 324
20.4.5 在状态栏显示问候语句 325
20.4.6 检索页面中的文字 326
20.5 窗口操作 327
20.5.1 打开新窗口 327
20.5.2 窗口名字 328
20.5.3 关闭窗口 328
20.5.4 窗口的引用 329
20.5.5 在显示器左上角显示窗口 330
20.5.6 在显示器左下角显示窗口 330
20.5.7 在显示器右上角显示窗口 331
20.5.8 在显示器右下角显示窗口 332
20.6 综合实战 333
20.6.1 实战——全屏显示窗口 333
20.6.2 实战——定时关闭窗口 334
第21章 屏幕和浏览器对象 336
21.1 屏幕对象 337
21.1.1 检测显示器参数 337
21.1.2 客户端显示器屏幕分辨率 337
21.1.3 客户端显示器屏幕的有效宽度和高度 338
21.1.4 获取显示器的显示信息 339
21.2 浏览器对象 340
21.2.1 获取浏览器对象的属性值 340
21.2.2 Plugin插件 341
21.2.3 获取可使用的MIME类型 342
21.3 综合实战 343
21.3.1 实战——设置为首页和加入收藏夹 343
21.3.2 实战——浏览器状态栏显示信息 345
第22章 文档对象 347
22.1 文档对象概述 348
22.1.1 文档对象介绍 348
22.1.2 文档对象的使用方法 350
22.1.3 引用文档中对象的方法 351
22.2 文档对象的应用 352
22.2.1 设置超链接的颜色 352
22.2.2 设置网页背景颜色和默认文字颜色 353
22.2.3 文档上次修改时间 354
22.2.4 在网页中输出内容 354
22.2.5 文档定位 355
22.2.6 文档标题 355
22.2.7 打开和关闭文档 356
22.3 链接对象 357
22.3.1 链接对象的介绍 357
22.3.2 感知鼠标移动事件 358
22.4 脚本化cookie 358
22.4.1 cookie介绍 359
22.4.2 cookie的优点和缺点 359
22.4.3 检测浏览器是否支持cookie功能 360
22.4.4 创建cookie 360
22.4.5 cookie的生存期 360
22.5 综合实战——文字连续变换多种颜色 361
第23章 历史对象和地址对象 362
23.1 历史对象 363
23.1.1 历史对象的介绍 363
23.1.2 前进到上一页和后退到下一页 363
23.1.3 跳转 364
23.1.4 创建返回或前进到数页前页面的按钮 365
23.2 地址对象 366
23.2.1 URL介绍 366
23.2.2 获取当前页面的URL 366
23.2.3 加载新网页 367
23.2.4 获取参数 368
23.2.5 刷新文档 368
23.2.6 加载新文档 369
23.2.7 页面加载结束后,加载下一个页面 370
23.3 综合实战——制作一个用户登录页面 371
第24章 表单对象和图片对象 373
24.1 form表单对象 374
24.1.1 在链接中使用单选按钮 374
24.1.2 给按钮添加链接 376
24.1.3 给下拉列表添加链接 378
24.1.4 在文本框中滚动显示文字 380
24.1.5 变更复选框的值 381
24.1.6 密码验证 383
24.1.7 确认是否重置 385
24.1.8 选择上传的文件 386
24.2 image图片对象 387
24.2.1 获取图片信息 387
24.2.2 图片轮番显示效果 389
24.2.3 控制动画播放 390
24.2.4 指向或单击图片时,使图片发生变换 393
24.2.5 显示加载图片状态 394
24.2.6 确认是否重新加载图片 395
24.3 综合实战 397
24.3.1 实战——如何制作在网页上不断飘来飘去的图片 397
24.3.2 实战——不用数据库,要访问者要输入正确的名称与密码才能进入网页 399
第4篇 综合实战 401
第25章 设计制作企业网站 401
25.1 网站整体规划 402
25.1.1 网站的需求分析 402
25.1.2 色彩搭配与风格设计 402
25.2 页面架构分析 403
25.2.1 页面内容结构布局 403
25.2.2 页面HTML框架代码 404
25.3 页面的通用规则 405
25.4 制作页面头部header部分 406
25.4.1 制作页面头部的结构 406
25.4.2 定义页面头部的样式 407
25.5 制作网站导航nav部分 410
25.5.1 制作网站导航nav部分页面结构 410
25.5.2 定义网站导航nav部分样式 411
25.6 制作欢迎文字welcome部分 412
25.6.1 制作welcome部分页面结构 413
25.6.2 定义welcome部分样式 413
25.7 制作会员登录与精彩活动部分 413
25.7.1 制作会员登录部分 414
25.7.2 制作精彩活动部分 415
25.8 制作“我们的优势”和“应对策略”部分 417
25.8.1 制作“我们的优势”部分 417
25.8.2 制作“应对策略”部分 418
25.9 制作底部footer部分 420
25.10 利用JavaScript制作网页特效 422
25.11 网站的推广 423
25.11.1 登录搜索引擎 423
25.11.2 利用友情链接 424
25.11.3 借助网络广告 425
25.11.4 登录网址导航站点 425
25.11.5 BBS宣传 425
25.11.6 发布信息推广 425
25.11.7 利用群组消息即时推广 426
25.11.8 电子邮件推广 427
25.11.9 电子邮件推广的技巧 427