第一篇

第1章 认识网站开发

1.1 网站开发概述 2
1.1.1 网页构成元素 2
1.1.2 网站建设流程 3
1.1.3 网站开发软件 4
1.2 HTML简介 5
1.2.1 HTML基本概念 5
1.2.2 HTML基本结构 5
1.3 一个简单的HTML实例 6
1.3.1 编写HTML代码 6
1.3.2 运行HTML文件查看效果 6
1.4 HTML基本标签 7
1.4.1 文件类型指令标签 7
1.4.2 文件类型标签 7
1.4.3 HTML头标签 7
1.4.4 页面标题标签 8
1.4.5 HTML主体标签 8
1.5 HTML页面的元信息 9
1.5.1 页面的关键字 9
1.5.2 页面的对外说明 9
1.5.3 网页的作者信息 9
1.5.4 网页的开发语言 9
1.5.5 页面的定时跳转 10
1.6 小结 10
习题 10
上机指导 10
实验一 10
实验二 11

第二篇

第2章 网页文字和图片

2.1 文字格式 13
2.1.1 文字大小 13
2.1.2 字体 14
2.1.3 文字颜色 15
2.1.4 加粗与斜体 16
2.1.5 插入线与删除线 17
2.1.6 上标与下标 18
2.2 文字排版 18
2.2.1 文本缩进 18
2.2.2 换行 19
2.2.3 段落 20
2.2.4 预定义格式 20
2.2.5 水平分隔线 21
2.3 在网页中插入图片 22
2.4 HTML5文档结构标签 23
2.5 小结 25
习题 25
上机指导 25
实验一 25
实验二 26

第3章 超链接

3.1 创建超链接 27
3.1.1 超链接标签 27
3.1.2 链接地址 28
3.1.3 打开链接的方式 29
3.2 锚点 30
3.2.1 创建锚点 30
3.2.2 链接到本页锚点 31
3.2.3 链接到其他网页的锚点 31
3.3 图片的超链接 32
3.3.1 将整个图片设置为超链接 32
3.3.2 设置图片热点区域 33
3.4 小结 34
习题 34
上机指导 35
实验一 35
实验二 35
实验三 37

第4章 表格

4.1 创建表格 38
4.2 表格属性 39
4.2.1 表格宽度 39
4.2.2 表格高度 40
4.2.3 表格背景图片 41
4.2.4 单元格间距 42
4.2.5 表格内单元格与文字的距离 44
4.3 表格边框 45
4.3.1 边框宽度 45
4.3.2 边框颜色 46
4.4 设置表格行的对齐方式 47
4.4.1 垂直对齐方式 47
4.4.2 水平对齐方式 48
4.5 列和行的合并 49
4.5.1 列的合并 49
4.5.2 行的合并 50
4.6 表格结构 51
4.6.1 表头 51
4.6.2 主体 52
4.6.3 表尾 53
4.7 表格标题 55
4.8 表格嵌套 56
4.9 小结 57
习题 57
上机指导 58
实验一 58
实验二 59
实验三 60

第5章 多媒体和列表

5.1 多媒体元素 61
5.2 视频元素 62
5.2.1 插入视频元素 62
5.2.2 循环播放视频 62
5.2.3 自动播放视频 63
5.2.4 设置视频封面 64
5.3 音频元素 64
5.4 无序列表 65
5.4.1 无序列表结构 65
5.4.2 无序列表的列表项目样式 66
5.5 有序列表 67
5.5.1 有序列表结构 67
5.5.2 有序列表的列表项目样式 68
5.6 嵌套列表 69
5.7 定义列表 70
5.8 目录列表 71
5.9 小结 71
习题 72
上机指导 72
实验一 72
实验二 72
实验三 73

第6章 表单

6.1 添加表单 74
6.1.1 链接跳转 74
6.1.2 链接跳转方式 75
6.1.3 表单名称 75
6.2 输入标签 76
6.2.1 文本框 76
6.2.2 密码框 76
6.2.3 单选按钮 77
6.2.4 复选框 78
6.2.5 “提交”按钮 79
6.2.6 “重置”按钮 79
6.2.7 图像按钮 80
6.2.8 文件域 80
6.2.9 隐藏域 81
6.3 下拉列表 82
6.4 文本域 83
6.5 小结 84
习题 84
上机指导 84
实验一 84
实验二 85
实验三 86

第三篇

第7章 认识CSS

7.1 CSS简介 88
7.2 CSS的设置方法 88
7.2.1 内联样式表 88
7.2.2 内部样式表 89
7.2.3 外部样式表 90
7.2.4 引用多个外部样式表 91
7.2.5 使用@import引用外部样式表 92
7.2.6 CSS注释 92
7.3 选择器 93
7.3.1 元素选择器 93
7.3.2 类选择器 94
7.3.3 ID选择器 97
7.3.4 包含选择器 97
7.3.5 分组选择器 100
7.3.6 通用选择器 101
7.3.7 子选择器 103
7.3.8 相邻选择器 104
7.3.9 属性选择器 105
7.4 伪类和伪元素 109
7.4.1 伪类 109
7.4.2 伪元素 110
7.5 CSS优先级 110
7.6 CSS中的单位 112
7.6.1 颜色单位 112
7.6.2 长度单位 113
7.6.3 时间单位 113
7.6.4 角度单位 114
7.6.5 频率单位 114
7.7 小结 114
习题 114
上机指导 114
实验一 115
实验二 115
实验三 116

第8章 设置文字和文本样式

8.1 设置文字样式 117
8.1.1 设置文字字体 117
8.1.2 设置文字大小 118
8.1.3 设置粗体 119
8.1.4 设置文字颜色 120
8.1.5 设置斜体 120
8.1.6 综合设置 121
8.2 设置文本样式 122
8.2.1 设置阴影效果 122
8.2.2 设置大小写转换 123
8.2.3 设置文本缩进 124
8.2.4 设置文本的水平对齐方式 125
8.2.5 设置文本的垂直对齐方式 126
8.2.6 设置文本流入方向 127
8.2.7 设置文本修饰 128
8.3 空格与换行 129
8.3.1 空格的处理方式 129
8.3.2 字内换行 131
8.4 设置间距 132
8.4.1 设置行间距 132
8.4.2 设置字间距 134
8.4.3 设置词间距 135
8.5 小结 137
习题 137
上机指导 137
实验一 137
实验二 138
实验三 138

第9章 设置背景、边框、边距和补白

9.1 背景颜色 139
9.2 背景图像 140
9.2.1 设置背景图像 140
9.2.2 设置固定背景图像 141
9.2.3 设置背景图像平铺方式 142
9.2.4 背景图像定位 144
9.3 边框 145
9.3.1 设置边框样式 145
9.3.2 设置不同的边框样式 147
9.3.3 设置边框宽度 148
9.3.4 设置不同的边框宽度 148
9.3.5 设置边框颜色 149
9.3.6 设置不同的边框颜色 150
9.3.7 综合设置边框效果 151
9.4 边距 152
9.4.1 设置上边距 152
9.4.2 设置下边距 153
9.4.3 设置左边距 154
9.4.4 设置右边距 154
9.4.5 综合设置边距 155
9.5 补白 156
9.5.1 设置顶端补白 156
9.5.2 设置底部补白 156
9.5.3 设置左侧补白 157
9.5.4 设置右侧补白 157
9.5.5 综合设置补白 158
9.6 小结 159
习题 159
上机指导 159
实验一 160
实验二 160
实验三 161

第10章 设置表格、列表和滚动条样式

10.1 表格 162
10.1.1 合并表格边框 162
10.1.2 设置表格边框间距 163
10.1.3 设置表格标题位置 164
10.1.4 设置表格布局 165
10.2 列表 166
10.2.1 设置列表符号样式 167
10.2.2 使用图片设置列表符号样式 169
10.2.3 列表符号显示位置 170
10.2.4 综合设置列表样式 171
10.3 滚动条 172
10.3.1 设置滚动条颜色 172
10.3.2 设置滚动条宽度 173
10.4 小结 174
习题 174
上机指导 174
实验一 174
实验二 175
实验三 176

第11章 CSS3特效和动画

11.1 圆角 177
11.1.1 设置边框为圆角 177
11.1.2 设置每个圆角 178
11.2 透明度 179
11.3 背景 180
11.4 渐变 181
11.4.1 线性渐变 181
11.4.2 径向渐变 182
11.5 2D和3D转换 184
11.5.1 2D转换 184
11.5.2 3D转换 185
11.6 过渡 187
11.7 动画 188
11.8 小结 190
习题 191
上机指导 191
实验一 191
实验二 191

第四篇

第12章 控制元素布局

12.1 块级元素和内联元素 194
12.1.1 块级元素和内联元素的概念 194
12.1.2 div元素和span元素 194
12.2 定位 196
12.2.1 定位方式 196
12.2.2 偏移 196
12.2.3 综合应用 197
12.2.4 定位元素的层叠顺序 199
12.3 浮动 200
12.3.1 浮动的概念 200
12.3.2 设置浮动 201
12.3.3 清除浮动 201
12.4 溢出与剪切 202
12.4.1 设置溢出效果 202
12.4.2 设置水平方向内容超出范围的处理方式 204
12.4.3 设置垂直方向内容超出范围的处理方式 204
12.4.4 内容的剪切 205
12.5 对象的显示与隐藏 206
12.6 小结 207
习题 207
上机指导 208
实验一 208
实验二 208
实验三 209

第13章 网页布局与设计技巧

13.1 网页布局 210
13.1.1 网页大小 210
13.1.2 网页栏目划分 211
13.1.3 表格布局 212
13.1.4 CSS布局 214
13.2 CSS布局技巧 215
13.2.1 一栏布局 215
13.2.2 二栏布局 216
13.2.3 多栏布局 217
13.3 CSS盒子模型 218
13.3.1 盒子模型的概念 218
13.3.2 设置外边距 218
13.3.3 设置边框样式 220
13.3.4 设置内边距 221
13.4 小结 221
习题 222
上机指导 222
实验一 222
实验二 223
实验三 224

第14章 JavaScript快速入门

14.1 初识JavaScript 225
14.1.1 JavaScript语言的组成 225
14.1.2 嵌入方式 229
14.1.3 注释 231
14.2 对元素的动态操作 231
14.2.1 document对象 231
14.2.2 获取元素中的内容 232
14.2.3 修改元素内容和属性值 234
14.2.4 修改元素样式 235
14.3 事件 237
14.3.1 事件方法的基本语法 237
14.3.2 鼠标事件 237
14.3.3 键盘事件 238
14.3.4 表单事件 239
14.4 小结 240
习题 240
上机指导 241
实验一 241
实验二 242
实验三 242

第15章 网页布局综合案例——BABY HOUSING网上商店

15.1 案例分析 244
15.2 内容分析 245
15.3 原型设计 245
15.4 布局设计 246
15.4.1 整体样式 246
15.4.2 页头部分 246
15.4.3 中间内容部分 250
15.4.4 页脚部分 254
15.5 交互效果设计 255
15.5.1 顶部导航栏 255
15.5.2 主导航栏 256
15.5.3 登录账号和购物车 256
15.5.4 图像边框 257
15.5.5 商品分类 257
15.6 Banner自动轮播效果 257
15.7 小结 258