第1章 HTML基础 1
1.1 HTML简介 1
1.2 HTML开发工具简介 1
1.3 第一张HTML网页 2
1.3.1 HTML的相关基本概念 2
1.3.2 HTML文档基本结构 3
1.3.3 创建HTML网页 3
1.4 实验与练习 5
第2章 HTML基本标签 6
2.1 头部标签＜head＞ 6
2.2 标题标签＜title＞ 6
2.3 元信息标签＜meta＞ 7
2.3.1 ＜meta＞基本语法及相关属性 7
2.3.2 标记页面关键字 8
2.3.3 标记页面说明 10
2.3.4 标记页面作者 10
2.3.5 标记页面解码方式 11
2.3.6 设置页面自动跳转 11
2.4 主体标签＜body＞ 12
2.4.1 背景色属性bgcolor 12
2.4.2 背景图片属性background 13
2.4.3 背景图片水印效果属性bgproperties 14
2.4.4 文本颜色属性text 15
2.4.5 边距属性margin 16
2.5 注释标签 18
2.6 实验与练习 18
第3章 HTML文本格式标签 20
3.1 文字标签＜font＞ 20
3.1.1 文字字体属性face 20
3.1.2 文字颜色属性color 21
3.1.3 文字大小属性size 22
3.2 标题标签＜h1＞～＜h6＞ 23
3.3 一些文本特殊格式标签 24
3.4 段落控制标签 28
3.4.1 段落标签＜p＞、＜br/＞ 28
3.4.2 段落缩进标签＜blockquote＞ 29
3.5 列表标签 29
3.5.1 有序列表标签＜ol＞ 29
3.5.2 无序列表标签＜ul＞ 31
3.5.3 定义列表标签＜dl＞ 32
3.6 水平线标签＜hr/＞ 33
3.7 实验与练习 33
第4章 超链接标签 35
4.1 绝对路径与相对路径 35
4.1.1 绝对路径 35
4.1.2 相对路径 35
4.2 超链接标签＜a＞ 37
4.2.1 href属性 37
4.2.2 name属性 38
4.3 其他链接类型 39
4.4 超链接与SEO 41
4.5 实验与练习 42
第5章 多媒体标签 43
5.1 图像标签＜img＞ 43
5.1.1 图像源src属性 43
5.1.2 图像文字信息alt、title属性 44
5.1.3 图像大小width、height属性 45
5.1.4 图像边框border属性 46
5.1.5 图像外边距vspace、hspace属性 47
5.1.6 图像对齐align属性 48
5.1.7 使用图像超链接 48
5.1.8 定义图像映射 49
5.2 动态滚动效果标签＜marquee＞ 50
5.3 播放音频和视频 51
5.4 实验与练习 52
第6章 创建表格 53
6.1 表格基本标签 53
6.1.1 表格标签＜table＞、行标签＜tr＞及单元格标签＜td＞ 53
6.1.2 表格标题标签＜caption＞ 54
6.1.3 表格表头标签＜th＞ 54
6.2 表格标签的相关属性 55
6.2.1 跨行、跨列属性rowspan、colspan 55
6.2.2 设置单元格间距、内边距属性ellspacing、cellpadding 56
6.2.3 表格、单元格宽度、高度属性width、height 57
6.2.4 表格、单元格背景颜色属性bgcolor 59
6.2.5 表格、行及单元格水平对齐方式属性align 60
6.2.6 表格、行及单元格垂直对齐方式属性valign 61
6.2.7 表格边框可见属性frame、rules 63
6.3 实验与练习 64
第7章 创建框架 65
7.1 框架集标签＜frameset＞ 65
7.1.1 水平分割、垂直分割窗口rows、cols属性 65
7.1.2 框架边框属性border及bordercolor 66
7.1.3 使用noframes属性设置框架无效时的替代文本 67
7.2 框架标签＜frame＞ 68
7.2.1 frame框架标签的若干属性 68
7.2.2 使用超链接中的target属性控制框架跳转显示 68
7.3 浮动框架标签＜iframe＞ 69
7.4 实验与练习 70
第8章 创建表单 71
8.1 表单标签 71
8.2 输入标签＜input＞ 71
8.3 列表标签＜select＞ 73
8.4 文本域标签＜textarea＞ 74
8.5 实验与练习 74
第9章 项目实训1——使用HTML进行物业公司网站设计 75
9.1 网站需求分析 75
9.2 网页布局设计与实现 76
9.2.1 网页布局总体设计 76
9.2.2 网页布局方法选择 76
9.2.3 网页布局实现 77
9.3 网站色彩设计 79
9.3.1 色彩的基本知识 79
9.3.2 色彩搭配原则 80
9.3.3 本网站的色彩设计 81
9.4 网站局部设计与实现 81
9.4.1 公司商标和公司名称部分 81
9.4.2 宣传图片、横幅或标语部分 81
9.4.3 公司新闻与荣誉资质部分 82
9.4.4 网站导航和正文部分 84
9.4.5 页脚部分 86
9.5 总结分析 86
第10章 CSS基础 88
10.1 CSS基本概念 88
10.2 CSS的特点 88
10.3 HTML文档使用CSS的方式 88
10.4 第一个CSS样式设计 89
10.5 实验与练习 90
第11章 CSS语法 91
11.1 CSS的基本语法格式 91
11.2 选择符 91
11.2.1 HTML选择符 91
11.2.2 类选择符 92
11.2.3 id选择符 93
11.2.4 伪类选择符 94
11.3 CSS的复合使用方式 95
11.3.1 CSS样式的组合 95
11.3.2 CSS样式的继承 96
11.3.3 CSS样式的关联 97
11.4 实验与练习 98
第12章 CSS的常用属性 99
12.1 字体属性 99
12.1.1 字体系列属性font-family 99
12.1.2 字体风格属性font-style 100
12.1.3 字体大小属性font-size 100
12.1.4 字体综合属性font 101
12.2 背景属性 101
12.2.1 背景颜色属性background-color 101
12.2.2 背景图片属性background-image、background-repeat 102
12.2.3 背景综合属性background 103
12.3 文本属性 104
12.3.1 颜色属性color 104
12.3.2 文本修饰属性text-decoration 105
12.3.3 对齐方式属性text-align 105
12.3.4 行高属性line-height 106
12.4 边距属性 107
12.4.1 外边距属性 107
12.4.2 内边距属性 110
12.5 边框属性 112
12.5.1 边框基本属性 112
12.5.2 边框综合属性 113
12.6 列表属性 115
12.6.1 列表项标志类型属性list-style-type 115
12.6.2 列表项标志位置属性list-style-position 116
12.6.3 列表项标志图像属性list-style-image 118
12.6.4 列表项综合属性list-style 118
12.7 伪类:link、:visited、:hover、:active 119
12.8 实验与练习 121
第13章 CSS的定位方式 122
13.1 定位相关基础知识 122
13.2 相对定位 123
13.3 绝对定位 124
13.4 浮动定位 125
13.4.1 使用float属性进行浮动定位 125
13.4.2 浮动元素之间的影响 126
13.4.3 不同尺寸浮动元素之间的影响 127
13.4.4 浮动元素与普通流元素之间的影响 128
13.4.5 使用clear属性清除浮动 129
13.5 实验与练习 130
第14章 项目实训2——使用CSS对物业公司网站进行设计 132
14.1 使用CSS对网页的样式和布局进行设计 132
14.1.1 使用CSS对网页样式进行设计 132
14.1.2 使用CSS对网页布局进行设计 132
14.2 网页布局实现 133
14.2.1 使用DIV＋CSS实现网页布局 133
14.2.2 公司商标和公司名称部分 134
14.2.3 宣传图片、横幅或标语部分 135
14.2.4 公司新闻与荣誉资质部分 135
14.3 网页内容填充设计 137
14.4 网站导航和正文部分 138
14.4.1 宿主网页设计与实现 138
14.4.2 嵌入网页设计与实现 138
14.5 页脚部分 140
14.6 总结分析 140
第15章 JavaScript简介 141
15.1 JavaScript背景知识 141
15.2 JavaScript特点 141
15.3 JavaScript开发与运行环境 142
15.4 第一个JavaScript程序 142
15.5 实验与练习 142
第16章 JavaScript基础知识 143
16.1 JavaScript数据类型 143
16.1.1 字符串类型 143
16.1.2 数字类型 144
16.1.3 布尔类型 148
16.1.4 数组类型 149
16.1.5 对象类型 152
16.2 JavaScript常量和变量 152
16.2.1 常量 152
16.2.2 变量 153
16.3 JavaScript表达式与运算符 154
16.3.1 算术运算符 154
16.3.2 关系运算符 155
16.3.3 逻辑运算符 157
16.3.4 其他运算符 158
16.4 JavaScript控制语句 160
16.4.1 选择语句 160
16.4.2 循环语句 162
16.4.3 break语句与continue语句在循环语句中的区别 164
16.4.4 异常处理语句 165
16.5 JavaScript数组 167
16.5.1 创建数组 167
16.5.2 数组的方法 167
16.5.3 数组对象的属性 168
16.6 JavaScript函数 169
16.6.1 创建函数 169
16.6.2 函数的参数 169
16.6.3 函数的返回类型 171
16.6.4 this关键字 172
16.7 实验与练习 173
第17章 JavaScript事件 175
17.1 事件驱动与响应处理 175
17.1.1 “发生—处理”模式 175
17.1.2 事件的捕获和冒泡 176
17.2 鼠标移动事件 179
17.3 鼠标点击事件 181
17.4 页面加载与卸载事件 184
17.5 获得与失去焦点事件 185
17.5.1 获得焦点事件 185
17.5.2 失去焦点事件 185
17.6 键盘事件 186
17.6.1 按键被按下事件 186
17.6.2 按键被释放事件 187
17.6.3 按键按下后释放事件 188
17.7 提交与重置事件 189
17.7.1 提交事件 189
17.7.2 重置事件 190
17.8 选择与改变事件 191
17.8.1 选择事件 191
17.8.2 改变事件 192
17.9 实验与练习 193
第18章 JavaScript对象 194
18.1 构建自定义对象并使用 194
18.2 客户端对象层次结构 195
18.3 Window对象 196
18.3.1 Window对象属性 196
18.3.2 Window对象方法 199
18.4 屏幕Screen对象 204
18.5 浏览器Navigator对象 205
18.5.1 Navigator对象属性 205
18.5.2 Navigator对象方法 207
18.6 文档Document对象 208
18.6.1 Document对象介绍 208
18.6.2 Document对象属性 208
18.6.3 Document对象集合 212
18.6.4 Document对象方法 214
18.7 Cookie对象 217
18.7.1 Cookie对象介绍 217
18.7.2 Cookie对象的创建和存储 217
18.7.3 Cookie的获取与应用 218
18.8 历史History对象 220
18.8.1 History对象介绍 220
18.8.2 History对象属性 220
18.8.3 History对象方法 220
18.9 地址Location对象 222
18.9.1 Location对象介绍 222
18.9.2 Location对象属性 222
18.9.3 Location对象方法 223
18.10 实验与练习 227
第19章 HTMLDOM基础 228
19.1 HTML DOM简介 228
19.2 HTML DOM节点 228
19.2.1 DOM节点的定义 228
19.2.2 DOM树节点层次 228
19.3 HTMLDOM编程接口 229
19.3.1 DOM方法 229
19.3.2 DOM属性 230
19.4 HTMLDOM节点管理 231
19.4.1 查找与访问DOM节点 231
19.4.2 添加DOM节点 238
19.4.3 删除DOM节点 240
19.4.4 替换DOM节点内容 241
19.4.5 改变DOM节点样式 242
19.5 实验与练习 243
第20章 Ajax实现异步后台传输技术 244
20.1 Ajax实现后台传输技术简介 244
20.2 Ajax相关关键技术及工作原理 244
20.2.1 XMLHttpRequest对象及其方法、属性 244
20.2.2 jQuery库 246
20.2.3 Ajax的工作原理及流程 246
20.3 示例程序 247
20.3.1 客户端关键代码 247
20.3.2 服务器端关键代码 248
20.3.3 案例系统运行效果 249
20.4 实验与练习 250
第21章 项目实训3——使用JavaScript对小区物业网站的设计进行优化 251
21.1 网站需求分析 251
21.2 JavaScript对登录网页增加用户交互 251
21.3 使用Cookie提升界面友好性 255
21.4 JavaScript对相应网页增加动画效果 259
21.4.1 实现环境景点图片轮播功能 259
21.4.2 实现Ajax实时更新功能 261
21.5 总结分析 263
参考文献 264