《Web前端技术》是舒后编写,电子工业出版社出版的书籍。
主要内容包括:网页设计基础知识;HTML的使用及HTML5新标籤的介绍;CSS基础和套用、CSS3.0新特徵的使用; JavaScript脚本编程;本书的最后1章介绍Web前端设计的新技术——回响式网页及目前流行的用于实现回响式网页设计的Bootstrap前端框架的使用,通过案例详叙了基于Bootstrap框架的回响式网站的设计与开发的完整实现过程。
基本介绍
- 书名:Web前端技术
- 作者:舒后
- ISBN:9787121297328
- 出版社:电子工业出版社
- 出版时间:2016-08-01
图书内容
本书全面、系统地介绍了网页设计的核心技术——HTML、CSS和JavaScript,侧重于基础理论和实际运用,并结合技术的最新前沿知识。
主要内容包括:网页设计基础知识;HTML的使用及HTML5新标籤的介绍;CSS基础和套用、CSS3.0新特徵的使用; JavaScript脚本编程;本书的最后1章介绍Web前端设计的新技术——回响式网页及目前流行的用于实现回响式网页设计的Bootstrap前端框架的使用,通过案例详叙了基于Bootstrap框架的回响式网站的设计与开发的完整实现过程。
本书以“讲清语法、学以致用”为指导思想,不仅着重介绍每个技术点的语法,更侧重通过具体小实例来达到学以致用的目的。其作者结合多年讲授这门课程的教学经验,合理地组织教材内容,做到内容紧凑、实践性强并结合技术的前沿知识。
目 录
第1章 网页设计基础知识 1
1.1 相关知识 2
1.2 Web前端开发技术 5
1.2.1 认识HTML 5
1.2.2 认识CSS 6
1.2.3 认识JavaScript 7
第2章 HTML基础 9
2.1 HTML的概念 10
2.2 HTML的基本语法 10
2.2.1 标籤 10
2.2.2 属性 11
2.3 HTML的文档结构 12
2.3.1 基本结构 12
2.3.2 书写注意事项 12
2.4 HTML的头部档案和主体档案 13
2.4.1 档案头部内容 13
2.4.2 主体内容 16
习题 19
第3章 网页文字与排版设计 21
3.1 编辑网页内容 22
3.1.1 添加文字 22
3.1.2 添加注释 22
3.1.3 添加空格 23
3.2 文字效果与修饰 23
3.2.1 设定文字样式 23
3.2.2 修饰文字 24
3.3 段落与排版 29
3.3.1 段落的标籤 30
3.3.2 换行 30
3.3.3 预格式化 32
3.3.4 居中显示文字 33
3.3.5 插入水平线 33
3.3.6 设定段落缩进 34
3.4 建立列表 35
3.4.1 建立定义列表 35
3.4.2 建立无序列表 37
3.4.3 建立有序列表 39
3.4.4 建立嵌套列表 41
3.5 文字网页综合实例 41
习题 43
第4章 超连结的使用 45
4.1 超连结简介 46
4.2 超连结的路径 46
4.2.1 设定绝对路径 46
4.2.2 设定相对路径 46
4.2.3 设定根路径 47
4.3 超连结的套用 47
4.3.1 超连结的建立 47
4.3.2 插入内部和外部连结 48
4.3.3 插入锚连结(书籤连结) 49
4.3.4 插入图片连结 52
4.3.5 电子邮件连结 53
4.3.6 下载档案的连结 54
4.4 设定图像映射 55
4.5 其他连结 56
4.5.1 定义基準网址 56
4.5.2 框架的连结 57
4.6 综合实例 57
习题 58
第5章 表格的使用 60
5.1 创建表格 61
5.1.1 表格的结构 61
5.1.2 表格的标题与表头 62
5.2 设定表格属性 64
5.2.1 设定表格的框线 64
5.2.2 设定框线样式 65
5.2.3 设定表格的宽度和高度 67
5.2.4 设定表格的背景颜色 67
5.3 设定单元格 68
5.3.1 设定单元格水平对齐属性 68
5.3.2 设定单元格垂直对齐 69
5.3.3 设定单元格间距和边距 70
5.3.4 合併单元格 72
5.4 表格嵌套 74
5.5 综合实例 75
习题 76
第6章 网页框架设计 78
6.1 框架 79
6.1.1 框架的概念 79
6.1.2 框架的基本结构 80
6.2 框架的设定 80
6.2.1 框架的档案属性 80
6.2.2 设定框架的名称 81
6.2.3 框架的框线 81
6.2.4 框架的滚动条 82
6.2.5 调整框架尺寸 83
6.2.6 设定框架边缘宽度与高度 84
6.3 框架集的设定 85
6.3.1 框架集框线宽度 85
6.3.2 设定框架集框线颜色 86
6.3.3 框架的分割 87
6.4 框架的嵌套 88
6.5 不支持框架 88
6.6 浮动框架 90
6.7 设定框架的连结 91
6.7.1 普通框架添加连结 91
6.7.2 浮动框架添加连结 92
6.8 框架的综合套用 94
习题 96
第7章 层的套用 98
7.1 创建层 99
7.2 层的属性 99
7.2.1 层属性的设定 99
7.2.2 层的框线 100
7.2.3 层框线的颜色 100
7.3 嵌套层 102
7.4 标籤的使用 102
7.5 综合套用 103
习题 104
第8章 表单的使用 106
8.1 表单 107
8.1.1 基本概念 107
8.1.2 表单的属性 107
8.2 输入标籤 108
8.2.1 表单元素标记 108
8.2.2 文本框 108
8.2.3 密码框 109
8.2.4 单选框、複选框 110
8.2.5 图像域 111
8.2.6 隐藏域 112
8.2.7 多行文本域 113
8.2.8 按钮 113
8.2.9 下拉选单和滚动列表 114
8.2.10 插入档案域 115
8.3 表单综合实例 117
习题 118
第9章 HTML5基本介绍 120
9.1 认识HTML5 121
9.1.1 HTML5的发展史 121
9.1.2 HTML5与HTML4的差异 121
9.1.3 HTML5废除的标籤 122
9.2 HTML5的新功能 122
9.2.1 HTML5声明 123
9.2.2 语义化标籤 123
9.3 新增标籤介绍 126
9.3.1 视频标籤与属性 126
9.3.2 音频标籤与属性 127
9.3.3 画布标籤与属性 128
9.3.4 表单属性 129
9.4 Web存储 137
9.4.1 Web存储的两种方法 137
9.4.2 Web存储的优势和意义 139
第10章 CSS语法基础 140
10.1 CSS的简介 141
10.1.1 CSS的发展史 141
10.1.2 CSS的定义 141
10.2 CSS的基本语法 142
10.3 CSS选择符的类型 143
10.3.1 标记选择符 143
10.3.2 组合选择符 144
10.3.3 类选择符 145
10.3.4 id选择符 146
10.3.5 包含选择符 148
10.3.6 伪类 149
10.4 选择符的优先权 150
10.5 套用CSS样式表 151
10.5.1 行内样式 151
10.5.2 内嵌样式 152
10.5.3 连结外部样式 153
10.5.4 导入外部样式 154
10.5.5 样式表的优先权 155
习题 156
第11章 CSS设定文字与版式 158
11.1 字型属性的设定 159
11.1.1 字型font-family 159
11.1.2 字号font-size 159
11.1.3 字型风格font-style 162
11.1.4 字型加粗font-weight 162
11.1.5 字型变体font-variant 162
11.1.6 综合字型属性font 163
11.2 文本的版式控制(文本排版) 164
11.2.1 设定首行缩进text-indent 164
11.2.2 设定首字下沉first-letter类 165
11.2.3 调整行高line-height 166
11.2.4 调整字元间距letter-spacing 168
11.2.5 调整单词间距word-spacing 168
11.2.6 添加文字修饰text-decoration 169
11.2.7 设定文本对齐方式text-align和vertical-align 170
11.2.8 转换英文大小写text-transform 171
11.2.9 文本阴影text-shadow 172
习题 173
第12章 颜色和背景 174
12.1 颜色color 175
12.1.1 颜色名称定义 175
12.1.2 颜色的十六进制定义 175
12.1.3 颜色的RGB函式定义 176
12.2 页面背景background 176
12.2.1 设定背景颜色 176
12.2.2 设定背景图片 177
12.2.3 设定重複背景图片 179
12.2.4 设定滚动背景图片 180
12.2.5 设定背景图片位置 181
12.2.6 背景複合属性background 183
12.2.7 设定背景尺寸 184
12.2.8 定义透明度 185
习题 186
第13章 CSS盒子模型 188
13.1 盒模型简介 189
13.1.1 盒模型定义 189
13.1.2 DIV盒子 189
13.2 框线属性 190
13.2.1 框线样式属性border-style 190
13.2.2 框线宽度属性border-width 192
13.2.3 框线颜色属性border-color 192
13.2.4 框线属性的综合设定 193
13.3 边距属性 194
13.3.1 内边距padding 194
13.3.2 外边距margin 195
13.4 圆角框线 199
习题 201
第14章 定位和布局 202
14.1 CSS元素定位 203
14.1.1 定位方式 203
14.1.2 设定位置top、bottom、right、left 203
14.1.3 图层定位z-index属性 206
14.1.4 使用浮动属性 207
14.2 CSS布局属性 207
14.2.1 可见性visibility 207
14.2.2 裁切clip 209
14.2.3 设定层大小width和height 210
14.2.4 溢出overflow 211
14.2.5 浮动float 212
14.2.6 清除浮动clear 213
14.3 其他页面元素的设定 214
14.3.1 滑鼠特效 214
14.3.2 项目列表 216
习题 221
第15章 CSS滤镜特效 223
15.1 概述 224
15.2 视觉滤镜 225
15.2.1 Alpha滤镜 225
15.2.2 Blur滤镜 227
15.2.3 DropShadow滤镜 228
15.2.4 Glow滤镜 229
15.2.5 FlipH/FlipV滤镜 230
15.2.6 Gray、Invert、Xray滤镜 232
15.2.7 Chroma滤镜 233
15.2.8 Wave滤镜 235
15.2.9 Shadow滤镜 237
15.2.10 Mask滤镜 239
15.2.11 Emboss、Engrave滤镜 240
习题 243
第16章 JavaScript基础 244
16.1 JavaScript简介 245
16.1.1 什幺是脚本语言 245
16.1.2 JavaScript、VBScript与Jscript 245
16.1.3 JavaScript语言的基本特点 245
16.1.4 在HTML中加入JavaScript代码 246
16.1.5 一个简单的实例 247
16.2 JavaScript基本语法 247
16.2.1 JavaScript的语句 247
16.2.2 数据类型 248
16.2.3 变数和常量 249
16.2.4 运算符和表达式 250
16.3 JavaScript流程控制语句 254
16.3.1 选择语句 254
16.3.2 循环语句 259
16.3.3 其他语句 263
16.4 函式 264
16.4.1 函式的定义 264
16.4.2 函式的参数与返回值 265
习题 269
第17章 JavaScript的对象和事件 271
17.1 JavaScript的对象 272
17.1.1 JavaScript对象 272
17.1.2 JavaScript的内置对象和函式 272
17.1.3 浏览器内部对象 279
17.1.4 自定义对象 295
17.2 JavaScript的事件处理方式 297
17.2.1 JavaScript的常用事件 298
17.2.2 事件处理 299
习题 303
第18章 Web前端新技术——回响式网页的设计与实现 305
18.1 回响式网页技术 306
18.2 前端开发框架 306
18.3 Bootstrap框架 307
18.3.1 框架简介 307
18.3.2 Bootstrap框架特点 307
18.3.3 Bootstrap环境安装 310
18.4 基于数字媒体技术专业网站的设计与实现 311
18.4.1 美术设计 311
18.4.2 首页的设计 312
18.4.3 Bootstrap导航 313
18.4.4 网页内容区 313
18.4.5 页脚导航区 317
18.5 小结 318
参考文献 319
习题答案(选择题) 320