细说网页制作

通过本书的学习，能快速上手网站前端开发。为了使HTML5语言能被读者更好地掌握和应用，同时作为“跟兄弟连学HTML5系列教程”的靠前本入门级图书，本书对HTML语言的知识点进行了详细的阐述和分析，包括HTML5和CSS3的语法、各种页面布局方法、流行的前端框架Bootstrap等内容。不仅有通俗易懂的语法讲解，也用贴切的小案例实验，使读者能轻松掌握新知识，且可以快速上手前端技术操作。本书适合对前端技术开发感兴趣的初学者阅读，也可以作为从事前端技术工作的开发人员的参考书，或作为大学生学习HTML5的教材。同时，本书也为读者之后学习同系列其他图书奠定基础。

兄弟连教育，成立于2006年，中国程序员培训。兄弟连以“很好的教学、严格的管理、职业素质课贯穿始终”而闻名，现已开设PHP、UI、HTML5、Java、Android、iOS、Linux等众多课程，分别在北京、上海、广州、沈阳、扬州、苏州、郑州、济南设立校区。
高洛峰，兄弟连教育教研总监，拥有十几年软件开发和IT教学工作经验，曾任多家上市公司技术总监、项目经理、不错软件工程师等职位，具有扎实的技术功底。靠前资历技术讲师，从事IT培训以来累计授课长达一万课时以上，培养百余名IT名师，培训上万名学员成功走向IT岗位，荣获“腾讯2016年度网络人气名人讲师”。

第1章介绍HTML51
1.1了解HTML5的主流应用1
1.1.1表单的强大2
1.1.2响应式页面布局2
1.1.3与用户交互的特效4
1.1.4微网站的制作5
1.1.5基于HTML5的移动APP开发6
1.1.6HTML5游戏7
1.1.7多媒体的应用7
1.2什么是HTML58
1.2.1HTML5和HTML的关系8
1.2.2HTML和CSS的关系10
1.2.3HTML5和CSS3的关系11
1.2.4HTML5和JavaScript的关系11
1.3HTML5的靠山12
1.3.1W3C是什么12
1.3.2IETF是什么13
1.3.3RFC是什么14
1.3.4WHATWG是什么14
1.3.5Web的新标准14
1.4HTML5的曲折发展过程15
1.4.1HTML5的诞生15
1.4.2浏览器之间的大战16
1.4.3HTML5技术的应用现状18
1.4.4HTML5平台的兴起18
1.4.5HTML5行业的发展预测20
1.5HTML5的学习线路图21
1.5.1第一阶段——学习网页制作23
1.5.2第二阶段——编写用户交互功能24
1.5.3第三阶段——成为前端工程师25
本章小结26
本章习题26
第2章HTML5的基本语法28
2.1课前准备28
2.1.1了解Web29
2.1.2了解HTML30
2.1.3了解HTML运行原理30
2.1.4如何选择开发工具31
2.1.5认识浏览器中的开发者工具32
2.1.6现在学习HTML5的方式34
2.1.7简单HTML实例制作35
2.2HTML语言的语法36
2.2.1HTML标签和元素36
2.2.2HTML语法不区分字母大小写37
2.2.3HTML标签属性37
2.2.4HTML颜色值的设置37
2.2.5HTML文档注释38
2.2.6HTML代码格式38
2.2.7HTML字符实体38
2.3HTML文档的主体结构39
2.3.1HTML文档类型的新定义方式40
2.3.2HTML文档的主体标签41
2.4HTML文档头部标签＜head＞41
2.4.1＜title＞标签42
2.4.2＜base＞标签42
2.4.3＜link＞标签43
2.4.4＜meta＞标签43
2.5HTML文档主体标签＜body＞44
2.6HTML5做到了与之前版本的兼容45
2.6.1可以省略标记的元素45
2.6.2具有boolean值的属性46
2.6.3引号的使用46
2.7设置IE9以下版本浏览器支持HTML546
本章小结47
本章习题47
第3章HTML5文字版面和编辑标签49
3.1HTML基础标签49
3.1.1标题标签＜h1＞～＜h6＞50
3.1.2换行标签
和段落标签＜p＞51
3.1.3水平分隔线标签＜hr＞51
3.1.4格式标签51
3.1.5文本标签53
3.2使用HTML表格55
3.3HTML框架结构57
本章小结60
本章习题61
第4章多媒体应用62
4.1创建图像和链接62
4.1.1URL概述63
4.1.2插入图片63
4.1.3建立锚点和超链接64
4.2HTML图像地图66
4.2.1什么是图像地图66
4.2.2图像地图如何制作66
4.2.3实现图像地图67
4.3新增多媒体播放元素68
本章小结71
本章习题71
第5章HTML5表单74
5.1HTML表单中的get和post方法74
5.1.1get方法75
5.1.2post方法76
5.1.3HTML表单中get和post的区别76
5.2HTML表单设计77
5.2.1表单标签＜form＞77
5.2.2文本域和密码域78
5.2.3提交、重置和普通按钮78
5.2.4单选按钮和复选框79
5.2.5隐藏域79
5.2.6多行文本域79
5.2.7菜单下拉列表域79
5.2.8综合实例80
5.3HTML5新增表单元素82
5.3.1＜datalist＞元素82
5.3.2＜keygen＞元素83
5.3.3＜output＞元素84
5.4多样的输入类型85
5.4.1email85
5.4.2url86
5.4.3number87
5.4.4range87
5.4.5datepicker88
5.4.6color89
5.5HTML占新增的表单属性91
5.5.1autocomplete属性92
5.5.2autofocus属性93
5.5.3form属性94
5.5.4formoverrides表单重写属性95
5.5.5height和width属性95
5.5.6list属性96
5.5.7min、max和step属性96
5.5.8multiple属性97
5.5.9novalidate属性97
5.5.10pattern属性98
5.5.11placeholder属性98
5.5.12required属性99
5.6HTML5表单提交综合实例100
本章小结103
本章习题103
第6章CSS3揭秘105
6.1CSS简介105
6.2CSS规则的组成107
6.2.1CSS注释108
6.2.2长度单位108
6.2.3颜色单位和URL值109
6.3在HTML文档中放置CSS的几种方式110
6.3.1内联样式表110
6.3.2嵌入一张样式表110
6.3.3链接到一张外部的样式表111
6.4CSS普通选择器111
6.4.1HTML选择器111
6.4.2类选择器112
6.4.3id选择器112
6.4.4关联选择器113
6.4.5组合选择器113
6.4.6伪元素选择器113
6.5CSS常见的样式属性和值114
6.5.1字体属性114
6.5.2颜色属性115
6.5.3背景属性115
6.5.4文本属性116
6.5.5边框属性117
6.5.6鼠标光标属性118
6.5.7列表属性119
6.5.8CSS综合实例120
6.6CSS3概述122
6.6.1CSS3在选择器上的支持122
6.6.2CSS3在样式上的支持122
6.6.3CSS3对于动画的支持123
6.6.4在实际开发中该如何使用CSS3123
6.7CSS复杂选择器123
6.7.1基本选择器123
6.7.2多元素的组合选择器124
6.7.3属性选择器124
6.7.4结构性伪类选择器125
6.8CSS3属性129
6.8.1使用CSS3属性前的准备130
6.8.2边框属性130
6.8.3背景属性132
6.8.4文本属性133
6.8.5用户界面属性133
6.8.6动画属性134
6.8.7多列布局属性134
6.8.8渐变属性135
6.8.9透明属性136
6.8.10旋转属性136
6.8.11服务器端字体属性136
本章小结137
本章习题137
第7章CSS3属性特效140
7.1新增颜色模式140
7.2文字142
7.2.1文字阴影143
7.2.2文字描边146
7.2.3文字排版150
7.2.4定义省略文本的处理方式152
7.3自定义文字153
7.4弹性盒模型156
7.5盒模型阴影164
7.6倒影167
7.7CSS3分栏布局173
7.7.1列个数和列宽度173
7.7.2列之间的缝隙间隔宽度175
7.7.3分栏间隔符176
7.8圆角177
7.8.1border-radius属性177
7.8.2单个圆角的设置180
7.9边框181
7.9.1边框图片border-image182
7.9.2自适应的圆角效果186
7.10渐变188
7.10.1CSS3渐变介绍188
7.10.2线性渐变189
7.10.3线性渐变实例189
7.10.4径向渐变194
7.10.5径向渐变实例194
7.11CSS3背景198
7.11.1多背景198
7.11.2background-size200
7.11.3background-origin202
7.11.4background-clip203
7.12遮罩204
7.13transition过渡206
7.142D变换207
7.14.1translate()方法208
7.14.2rotate()方法209
7.14.3scale()方法212
7.14.4skew()方法213
7.153D变换215
7.15.1transform-style216
7.15.2perspective景深216
7.15.3perspective-origin景深基点218
7.15.43D位移219
7.15.53D旋转222
7.15.63D缩放223
7.15.73D盒子225
7.16animation动画226
7.16.1关键帧keyframes227
7.16.2animation动画属性229
本章小结229
本章习题230
第8章DIV+CSS网页标准化布局232
8.1DIV+CSS页面布局的优势232
8.2“无意义”的HTML标签＜div＞和＜span＞233
8.3W3C盒子模型234
8.4和页面布局有关的CSS属性236
8.5盒子区块框的定位238
8.5.1相对定位238
8.5.2绝对定位239
8.6使用盒子模型的浮动布局240
8.6.1设置浮动240
8.6.2行框和清理242
8.7DIV+CSS的兼容性问题244
8.7.1不同浏览器解释盒子模型的差异245
8.7.2设置浏览器去遵循W3C标准246
8.8使用盒子模型设计页面布局247
8.8.1居中设计247
8.8.2设置两列浮动的布局248
8.8.3设置三列浮动的布局250
8.8.4设置多列浮动的布局251
8.9DIV+CSS网站首页布局示例252
8.9.1HTML文件的设计253
8.9.2CSS文件的设计254
本章小结256
本章习题256
第9章响应式布局259
9.1响应式布局的优缺点259
9.2如何设计响应式布局260
9.3响应式布局实例261
9.4MediaQueries模块的使用方法263
9.4.1语法结构及用法264
9.4.2可用的设备类型265
9.4.3可用的设备特性参数266
9.5在移动设备上设置原始大小显示268
9.6响应式网站的内容设计268
9.6.1响应式图片显示内容设计269
9.6.2响应式文字显示内容设计269
9.7响应式网站的设计流程270
本章小结271
本章习题272
第10章认识和使用Sass273
10.1初识Sass273
10.1.1Sass是什么274
10.1.2Sass的作用274
10.1.3Sass的安装277
10.1.4Sass的使用和编译279
10.2Sass基本语法与使用实例283
10.2.1Sass基本语法283
10.2.2Sass使用实例288
本章小结292
本章习题292
第11章栅格布局294
11.1栅格294
11.2盒子模型296
11.3栅格实例297
11.4Bootstrap框架298
11.4.1Bootstrap现状299
11.4.2栅格系统299
本章小结313
本章习题313
第12章Bootstrap的快速入门315
12.1Bootstrap的内容概述与整体理解315
12.1.1全局CSS样式316
12.1.2组件317
12.1.3JavaScript插件319
12.2Bootstrap搭建环境320
12.3Bootstrap全局CSS样式321
12.3.1全局CSS样式的栅格系统和响应式布局322
12.3.2全局CSS样式的表单324
12.4Bootstrap组件324
12.5Bootstrap的JavaScript插件326
本章小结328
本章习题328
第13章Bootstrap的实战330
13.1实战概述330
13.2实战需求330
13.3实战准备333
13.3.1Sass配置334
13.3.2HTML的基本模块335
13.4顶部工具栏336
13.4.1Bootstrap的字体图标组件336
13.4.2Bootstrap的下拉菜单组件337
13.4.3Bootstrap的输入框组组件339
13.4.4Bootstrap的导航组件341
13.4.5顶部工具栏PC端内容填充342
13.4.6顶部工具栏PC端样式优化345
13.4.7实战顶部工具栏移动端352
13.5页面导航条353
13.5.1Bootstrap的导航条组件354
13.5.2实战页面导航条——内容填充356
13.5.3实战页面导航条——样式优化358
13.6banner区360
13.6.1Bootstrap的JavaScript轮播图插件360
13.6.2实战banner区362
13.7推荐位364
13.7.1Bootstrap的缩略图组件364
13.7.2Bootstrap的面板组件365
13.7.3实战第一种风格的推荐位——内容填充366
13.7.4实战第一种风格的推荐位——样式优化369
13.7.5实战第二种风格的推荐位——内容填充372
13.7.6实战第二种风格的推荐位——样式优化375
13.8脚部379
13.9用户登录380
13.9.1Bootstrap的表单全局CSS样式380
13.9.2Bootstrap的模态框JavaScript插件382
13.9.3实战用户登录384
本章小结386
本章习题387
附录A388