高职高专工作过程·立体化创新规划教材——计算机系列HTML5+CSS3+JAVASCRIPT网页设计实用教程/凌宝慧

目 录

第1章 HTML5介绍 1
1.1 工作场景导入 2
1.2 HTML5的相关概念 2
1.2.1 Web概述 2
1.2.2 什么是HTML 4
1.2.3 HTML5的发展现状 5
1.3 开发工具 5
1.3.1 HTML5文件的基本结构 5
1.3.2 使用HBuilder创建HTML
网页 7
1.4 回到工作场景 10
1.5 工作实训营 11
1.5.1 训练实例——自行设计一个
简单的网页 11
1.5.2 工作实践常见问题解析 11
1.6 本章小结 12
1.7 习题 12
第2章 HTML5文件的基本标记 15
2.1 工作场景导入 16
2.2 HTML5文件的基本结构标记 16
2.2.1 head标记 16
2.2.2 title标记 17
2.2.3 body标记 17
2.2.4 HTML注释标记 18
2.2.5 meta标记 18
2.2.6 style标记 20
2.2.7 script标记 21
2.2.8 link标记 21
2.2.9 base标记 22
2.3 HTML5文本排版 23
2.3.1 标题 23
2.3.2 段落 24
2.3.3 换行与水平线 24
2.3.4 文本格式化标记 26
2.3.5 div与span标记 28
2.4 HTML5图像 29
2.4.1 标记 29
2.4.2 标记、usemap属性 30
2.5 HTML5列表 31
2.5.1 有序列表 31
2.5.2 无序列表 33
2.5.3 嵌套列表 34
2.5.4 定义列表 35
2.6 回到工作场景 36
2.7 工作实训营 37
2.7.1 训练实例——制作一个显示
文字、图片和列表排版效果的
页面 37
2.7.2 工作实践常见问题解析 38
2.8 本章小结 38
2.9 习题 38
第3章 表格 41
3.1 工作场景导入 42
3.2 表格创建 42
3.3 表格设置 45
3.3.1 表格宽度和高度 45
3.3.2 表格边框设置 47
3.3.3 表格对齐方式 48
3.3.4 单元格间距和边距 49
3.4 表格背景 50
3.4.1 背景颜色 50
3.4.2 背景图片 51
3.5 单元格设置 52
3.5.1 单元格高度和宽度 52
3.5.2 单元格跨行跨列 53
3.6 表格行设置 55
3.6.1 行高度 55
3.6.2 行背景颜色及背景图 56
3.6.3 行文字对齐方式 57
3.7 回到工作场景 58
3.8 工作实训营 59
3.8.1 训练实例 59
3.8.2 工作实践常见问题解析 60
3.9 本章小结 61
3.10 习题 61
第4章 超链接 63
4.1 工作场景导入 64
4.2 超链接 64
4.2.1 外部链接 65
4.2.2 电子邮件链接 69
4.2.3 锚点链接 70
4.3 浮动框架iframe 72
4.4 回到工作场景 74
4.5 工作实训营 78
4.5.1 训练实例 78
4.5.2 工作实践常见问题解析 78
4.6 本章小结 79
4.7 习题 79
第5章 表单 83
5.1 工作场景导入 84
5.2 表单标记 84
5.2.1 设置表单名称的name属性 84
5.2.2 表单的action属性 85
5.2.3 设置表单提交方式的method
属性 85
5.3 设置表单输入的input标记 85
5.3.1 文本框 86
5.3.2 密码框 87
5.3.3 单选按钮 88
5.3.4 复选框 89
5.3.5 文件域 90
5.3.6 按钮 91
5.3.7 隐藏域 92
5.4 下拉列表框 93
5.5 文本域 94
5.6 表单分组 95
5.7 快捷键及提示 96
5.8 HTML5新增元素 97
5.8.1 input元素 97
5.8.2 input属性 101
5.9 回到工作场景 103
5.10 工作实训营 106
5.10.1 训练实例 106
5.10.2 工作实践常见问题解析 106
5.11 本章小结 107
5.12 习题 107
第6章 HTML5中的多媒体 109
6.1 工作场景导入 110
6.2 设置文字滚动 110
6.3 设置多媒体 115
6.3.1 插入音频 115
6.3.2 插入视频 117
6.4 回到工作场景 119
6.5 工作实训营 121
6.5.1 训练实例 121
6.5.2 工作实践常见问题解析 122
6.6 本章小结 122
6.7 习题 123
第7章 CSS介绍 125
7.1 工作场景导入 126
7.2 CSS简介 126
7.2.1 什么是CSS 126
7.2.2 CSS的语法 127
7.2.3 CSS的作用 127
7.2.4 CSS的常用单位 127
7.3 引入样式表的方法 129
7.3.1 内联样式 129
7.3.2 内部样式表 130
7.3.3 外部样式表 131
7.4 选择器 133
7.4.1 id选择器 133
7.4.2 类选择器 134
7.4.3 标记选择器 135
7.4.4 全局选择器 137
7.4.5 群组选择器 138
7.4.6 后代选择器 139
7.4.7 伪类选择器 140
7.4.8 选择器优先级 142
7.5 设置字体 143
7.5.1 字体类型 143
7.5.2 字体大小 144
7.5.3 字体风格 146
7.5.4 字体颜色 147
7.6 设置文本段落 149
7.6.1 首行缩进 149
7.6.2 水平对齐 150
7.6.3 垂直对齐 151
7.6.4 文本修饰 154
7.6.5 行高 155
7.6.6 字间距 156
7.6.7 词间距 157
7.7 设置表格 159
7.8 设置列表 161
7.8.1 列表符号 161
7.8.2 图像符号 163
7.8.3 列表缩进 165
7.9 设置图片 166
7.10 设置背景 168
7.10.1 背景颜色 168
7.10.2 背景图片 170
7.10.3 背景重复 171
7.10.4 背景位置 172
7.11 设置超链接属性 174
7.12 设置表单 176
7.13 回到工作场景 178
7.14 工作实训营 190
7.14.1 训练实例 190
7.14.2 工作实践常见问题解析 190
7.15 本章小结 192
7.16 习题 193
第8章 CSS的盒子模型 195
8.1 工作场景导入 196
8.2 盒子内容 196
8.3 盒子边框 200
8.4 盒子内边距 203
8.5 盒子外边距 204
8.6 设置元素浮动 206
8.6.1 文档流 206
8.6.2 浮动布局 209
8.6.3 清除浮动 211
8.7 设置层叠顺序 212
8.8 设置元素定位 214
8.8.1 相对定位 215
8.8.2 绝对定位 216
8.8.3 无定位 219
8.9 回到工作场景 221
8.10 工作实训营 237
8.10.1 训练实例 237
8.10.2 工作实践常见问题解析 238
8.11 本章小结 239
8.12 习题 239
第9章 JavaScript基础知识 241
9.1 工作场景导入 242
9.2 了解JavaScript 242
9.2.1 标识符和关键字 244
9.2.2 常量和变量 244
9.3 数据类型 245
9.3.1 数值类型 245
9.3.2 布尔类型 246
9.3.3 字符串类型 246
9.3.4 null和undefined 246
9.4 运算符 247
9.5 流程控制 249
9.5.1 条件控制 249
9.5.2 循环控制 254
9.6 函数 255
9.6.1 函数定义 255
9.6.2 函数调用 256
9.7 回到工作场景 257
9.8 工作实训营 258
9.8.1 训练实例 258
9.8.2 工作实践常见问题解析 259
9.9 本章小结 259
9.10 习题 259
第10章 JavaScript中的对象 261
10.1 工作场景导入 262
10.2 JavaScript的对象概述 262
10.3 Date对象 262
10.4 String对象 267
10.5 Math对象 271
10.6 Array对象 274
10.7 回到工作场景 279
10.8 工作实训营 287
10.8.1 训练实例 287
10.8.2 工作实践常见问题解析 287
10.9 本章小结 289
10.10 习题 290
第11章 事件处理 293
11.1 工作场景导入 294
11.2 事件与事件处理 294
11.2.1 事件 294
11.2.2 调用事件处理程序 294
11.3 JavaScript常用事件 296
11.3.1 鼠标事件 296
11.3.2 键盘事件 297
11.3.3 窗口事件 298
11.4 表单事件 299
11.4.1 onsubmit与onreset事件 299
11.4.2 onfocus与onblur事件 301
11.4.3 onselect事件 302
11.4.4 onchange事件 302
11.5 回到工作场景 304
11.6 工作实训营 307
11.6.1 训练实例 307
11.6.2 工作实践常见问题解析 308
11.7 本章小结 309
11.8 习题 309
第12章 Bootstrap概述 311
12.1 工作场景导入 312
12.2 了解Bootstrap 312
12.2.1 Bootstrap环境安装 312
12.2.2 Bootstrap包含的内容 314
12.2.3 使用Bootstrap框架 314
12.3 使用Bootstrap CSS样式 316
12.3.1 排版 316
12.3.2 图片 322
12.3.3 表格 323
12.3.4 表单 325
12.3.5 按钮 329
12.4 使用Bootstrap布局组件 330
12.4.1 Bootstrap字体图标 330
12.4.2 Bootstrap按钮下拉菜单 331
12.4.3 Bootstrap 按钮组 333
12.4.4 Bootstrap输入框组 336
12.4.5 Bootstrap导航栏 337
12.4.6 Bootstrap分页 339
12.4.7 Bootstrap进度条 340
12.4.8 Bootstrap警告 342
12.4.9 Bootstrap多媒体对象 343
12.5 Bootstrap插件 344
12.5.1 下拉菜单 344
12.5.2 弹出框 346
12.5.3 轮播 347
12.5.4 折叠 349
12.6 回到工作场景 350
12.7 工作实训营 354
12.7.1 训练实例 354
12.7.2 工作实践常见问题解析 355
12.8 本章小结 355
12.9 习题 356
参考文献 357