HTML5+CSS3+JavaScript网页设计与制作 微课视频版
作者：蔚蓝教育
出版时间： 2018年版
内容简介
近年来，在互联网+、移动互联网快速发展的趋势下，Web前端开发、移动终端开发相关技术发展迅猛。HTML、CSS、JavaScript作为Web前端开发的完美搭档，相互配合使用，可减轻Web前端开发者的工作量，降低开发成本。《HTML5+CSS3+JAVASCRIPT网页设计与制作》就是一本全面介绍HTML5、CSS3和JavaScript前端开发技术的图书。其特点是内容详尽、讲解通俗易懂、案例丰富、配套资源完善。从基础知识、中小实例到实战案例，逐层深入，零基础读者也能轻松学会。为使读者高效学习，该书制作了大量的教学视频，读者可以通过手机扫码和PC下载等多种方式观看。还附带几乎所有实例的素材源文件，并进行了大量的案例分析。为了便于深度和广度拓展，该书还附赠大量的学习资源，如案例库、工具库、网页模板库、网页素材库、网页配色库、面试题库等。为了更好地服务读者，该书还提供公众号、QQ群互动答疑等在线服务。总之，《HTML5+CSS3+JAVASCRIPT网页设计与制作》的目的是帮助读者朋友快速掌握Web前端设计目前前沿技术，让有志于从事前端开发的读者轻松跨入工作的大门。
目录
\t第1章 HTML5基础1
\t 视频讲解：8个 示例：19个
\t1．1 HTML发展历史1
\t1．2 HTML文档结构和基本语法2
\t1．2．1 HTML4文档基本结构2
\t1．2．2 HTML4基本语法3
\t1．2．3 XHTML文档基本结构4
\t1．2．4 XHTML基本语法5
\t1．2．5 HTML5文档基本结构6
\t1．2．6 HTML5基本语法6
\t1．3 HTML4元素8
\t1．3．1 结构元素8
\t1．3．2 内容元素9
\t1．3．3 修饰元素9
\t1．4 HTML4属性10
\t1．4．1 核心属性10
\t1．4．2 语言属性10
\t1．4．3 键盘属性10
\t1．4．4 内容属性11
\t1．4．5 其他属性11
\t1．5 HTML5元素12
\t1．5．1 新增的元素12
\t1．5．2 废除的元素12
\t1．6 HTML5属性13
\t1．6．1 表单属性13
\t1．6．2 链接属性14
\t1．6．3 其他属性14
\t1．7 HTML5全局属性14
\t1．7．1 contentEditable属性14
\t1．7．2 contextmenu属性15
\t1．7．3 data-*属性16
\t1．7．4 draggable属性17
\t1．7．5 dropzone属性17
\t1．7．6 hidden属性18
\t1．7．7 spellcheck属性18
\t1．7．8 translate属性18
\t1．8 在线课堂：知识拓展19
\t第2章 CSS3基础20
\t 视频讲解：8个 示例：18个
\t2．1 CSS3概述20
\t2．1．1 CSS的发展历史20
\t2．1．2 CSS3新功能21
\t2．1．3 浏览器支持22
\t2．2 CSS基本用法24
\t2．2．1 CSS样式24
\t2．2．2 CSS应用25
\t2．2．3 CSS样式表30
\t2．2．4 导入外部样式表31
\t2．2．5 CSS注释32
\t2．3 CSS特性33
\t2．3．1 CSS层叠性33
\t2．3．2 CSS继承性38
\t2．4 实战案例40
\t2．5 在线课堂：知识拓展44
\t第3章 使用CSS3选择器45
\t 视频讲解：19个 示例：36个
\t3．1 CSS3选择器分类45
\t3．2 基本选择器45
\t3．2．1 标签选择器45
\t3．2．2 类选择器46
\t3．2．3 ID选择器48
\t3．2．4 通配选择器49
\t3．3 组合选择器49
\t3．3．1 包含选择器49
\t3．3．2 子选择器50
\t3．3．3 相邻选择器51
\t3．3．4 兄弟选择器53
\t3．3．5 分组选择器54
\t3．4 属性选择器55
\t3．5 伪类选择器59
\t3．5．1 动态伪类60
\t3．5．2 结构伪类63
\t3．5．3 否定伪类70
\t3．5．4 状态伪类72
\t3．5．5 目标伪类74
\t3．6 实战案例75
\t3．6．1 设计菜单样式75
\t3．6．2 设计表单样式76
\t3．6．3 设计超链接样式78
\t3．6．4 设计表格样式80
\t3．7 在线课堂：知识拓展83
\t第4章 设计网页文本84
\t 视频讲解：21个 示例：24个
\t4．1 使用文本标签84
\t4．1．1 标题文本84
\t4．1．2 段落文本85
\t4．1．3 引用文本86
\t4．1．4 强调文本88
\t4．1．5 格式文本88
\t4．1．6 输出文本90
\t4．1．7 缩写文本91
\t4．1．8 插入和删除文本91
\t4．2 HTML5新增文本标签91
\t4．2．1 标记文本91
\t4．2．2 进度信息93
\t4．2．3 刻度信息93
\t4．2．4 时间信息94
\t4．2．5 联系文本95
\t4．2．6 文本显示方向96
\t4．2．7 换行断点96
\t4．2．8 文本注释97
\t4．3 实战案例97
\t4．3．1 设计自我介绍页97
\t4．3．2 解决网页乱码98
\t4．4 在线课堂：实践练习99
\t第5章 使用CSS美化网页文本100
\t 视频讲解：28个 示例：39个
\t5．1 字体样式100
\t5．1．1 定义字体类型100
\t5．1．2 定义字体大小101
\t5．1．3 定义字体颜色103
\t5．1．4 定义字体粗细103
\t5．1．5 定义斜体字体104
\t5．1．6 定义下划线104
\t5．1．7 定义字体大小写105
\t5．2 文本样式106
\t5．2．1 定义文本对齐106
\t5．2．2 定义垂直对齐107
\t5．2．3 定义字距和词距108
\t5．2．4 定义行高109
\t5．2．5 定义缩进112
\t5．3 CSS3新增文本样式113
\t5．3．1 定义文本阴影113
\t5．3．2 设计阴影114
\t5．3．3 定义溢出文本119
\t5．3．4 文本换行121
\t5．3．5 添加动态内容123
\t5．3．6 恢复默认样式125
\t5．3．7 自定义字体类型126
\t5．4 实战案例127
\t5．4．1 配置网页字体大小127
\t5．4．2 网页配色129
\t5．4．3 网页居中显示132
\t5．4．4 垂直对齐133
\t5．4．5 文字隐藏和截取134
\t5．4．6 设计中文报刊版式138
\t5．4．7 设计太阳城官网
140
\t5．4．8 使用RGBA142
\t5．4．9 使用HSL144
\t5．5 在线课堂：强化训练147
\t第6章 使用CSS美化图像148
\t 视频讲解：26个 示例：38个
\t6．1 在网页中插入图像148
\t6．2 设置图像样式149
\t6．2．1 定义图像大小149
\t6．2．2 定义图像边框150
\t6．2．3 定义图像不透明度153
\t6．2．4 定义圆角图像154
\t6．2．5 定义阴影图像155
\t6．2．6 图文混排157
\t6．3 设置背景图像158
\t6．3．1 定义背景图像159
\t6．3．2 定义显示方式161
\t6．3．3 定义显示位置162
\t6．3．4 定义固定背景164
\t6．3．5 定义坐标166
\t6．3．6 定义裁剪区域167
\t6．3．7 定义大小170
\t6．3．8 定义多背景图171
\t6．4 定义渐变背景172
\t6．4．1 定义线性渐变173
\t6．4．2 案例：设计线性渐变174
\t6．4．3 定义重复线性渐变176
\t6．4．4 定义径向渐变177
\t6．4．5 案例：设计径向渐变179
\t6．4．6 定义重复径向渐变182
\t6．5 实战案例183
\t6．5．1 设计图文新闻内容页183
\t6．5．2 设计精致按钮187
\t6．5．3 设计花边框189
\t6．5．4 设计阴影白边效果190
\t6．5．5 设计网页纹理背景192
\t6．5．6 设计发光的球体194
\t6．5．7 设计图标按钮194
\t6．6 在线课堂：强化训练197
\t第7章 使用CSS美化超链接198
\t 视频讲解：14个 示例：27个
\t7．1 定义超链接198
\t7．1．1 URL格式198
\t7．1．2 超链接分类198
\t7．1．3 使用标签199
\t7．1．4 定义锚点链接200
\t7．1．5 定义不同目标的链接201
\t7．1．6 定义下载链接202
\t7．1．7 定义热点区域202
\t7．1．8 定义框架链接204
\t7．2 设置超链接样式205
\t7．2．1 伪类205
\t7．2．2 定义超链接样式205
\t7．3 实战案例207
\t7．3．1 定义下划线样式207
\t7．3．2 定义立体样式210
\t7．3．3 定义动态样式212
\t7．3．4 定义图像交换样式213
\t7．3．5 定义鼠标样式215
\t7．3．6 设计图形化按钮样式216
\t7．3．7 设计滑动门样式218
\t7．4 在线课堂：强化训练220
\t第8章 使用CSS美化列表221
\t 视频讲解：19个 示例：22个
\t8．1 列表的基本结构221
\t8．2 创建列表222
\t8．2．1 无序列表222
\t8．2．2 有序列表224
\t8．2．3 描述列表225
\t8．2．4 菜单列表228
\t8．2．5 弹出菜单230
\t8．2．6 案例：设计图片旋转
功能232
\t8．2．7 案例：设计分享功能234
\t8．2．8 案例：添加任务列表235
\t8．3 设计CSS样式236
\t8．3．1 设计项目符号类型236
\t8．3．2 自定义项目符号237
\t8．3．3 使用背景图设计项目
符号238
\t8．4 实战案例240
\t8．4．1 使用背景图装饰菜单240
\t8．4．2 设计垂直导航条242
\t8．4．3 设计水平导航条245
\t8．4．4 设计多级菜单248
\t8．4．5 设计滑动门菜单251
\t8．4．6 设计排行榜253
\t8．4．7 设计图文列表栏目256
\t8．5 在线课堂：强化训练259
\t第9章 使用CSS美化表格260
\t 视频讲解：23个 示例：29个
\t9．1 表格的基本结构260
\t9．1．1 早期表格的结构260
\t9．1．2 太阳城
化的表格结构261
\t9．2 创建表格261
\t9．2．1 简单的表格261
\t9．2．2 包含表头的表格262
\t9．2．3 包含标题的表格264
\t9．2．4 结构化的表格264
\t9．2．5 列分组的表格266
\t9．3 设置表格属性269
\t9．3．1 设计单线表格270
\t9．3．2 设计井字表格270
\t9．3．3 设计细线表格271
\t9．3．4 设置表格说明272
\t9．4 设置单元格属性272
\t9．4．1 单元格跨列或跨行
显示273
\t9．4．2 定义表头单元格274
\t9．4．3 为单元格指定表头274
\t9．4．4 定义单元格信息缩写275
\t9．4．5 对单元格进行分类276
\t9．5 设计CSS样式276
\t9．5．1 设计细线表格277
\t9．5．2 定义单元格间距和
空隙278
\t9．5．3 隐藏空单元格280
\t9．5．4 定义标题样式280
\t9．6 实战案例282
\t9．6．1 隔行换色282
\t9．6．2 设计动态交互284
\t9．6．3 设计清淡视觉效果
表格285
\t9．6．4 设计结构化表格286
\t9．6．5 设计日历表289
\t9．7 在线课堂：实践练习293
\t第10章 使用CSS美化表单294
\t 视频讲解：31个 示例：40个
\t10．1 表单的基本结构294
\t10．2 创建表单控件296
\t10．2．1 输入型控件296
\t10．2．2 选择型控件300
\t10．2．3 辅助控件303
\t10．3 HTML5新增输入类型305
\t10．3．1 email类型305
\t10．3．2 url类型305
\t10．3．3 number类型306
\t10．3．4 range类型307
\t10．3．5 日期选择器类型308
\t10．3．6 search类型311
\t10．3．7 tel类型312
\t10．3．8 color类型312
\t10．4 HTML5新增输入属性313
\t10．4．1 autocomplete属性313
\t10．4．2 autofocus属性314
\t10．4．3 form属性316
\t10．4．4 表单重写属性316
\t10．4．5 height和width属性317
\t10．4．6 list属性317
\t10．4．7 min、max和step
属性318
\t10．4．8 multiple属性319
\t10．4．9 pattern属性319
\t10．4．10 placeholder属性320
\t10．4．11 required属性320
\t10．5 HTML5新增控件321
\t10．5．1 datalist元素321
\t10．5．2 keygen元素321
\t10．5．3 output元素322
\t10．6 HTML5表单属性323
\t10．6．1 autocomplete属性323
\t10．6．2 novalidate属性323
\t10．6．3 显式验证323
\t10．7 实战案例324
\t10．7．1 设计反馈表324
\t10．7．2 设计用户登录页329
\t10．7．3 设计用户注册页332
\t10．7．4 设计搜索页336
\t10．8 在线课堂：实践练习339
\t第11章 CSS3布局基础340
\t 视频讲解：19个 示例：29个
\t11．1 CSS盒模型基础340
\t11．1．1 盒模型结构340
\t11．1．2 定义大小341
\t11．1．3 定义边框343
\t11．1．4 定义边界346
\t11．1．5 定义补白347
\t11．2 CSS3完善盒模型349
\t11．2．1 定义显示方式349
\t11．2．2 定义元素尺寸大小349
\t11．2．3 溢出处理350
\t11．2．4 定义轮廓352
\t11．2．5 定义轮廓样式354
\t11．2．6 定义多色边框358
\t11．2．7 定义边框背景359
\t11．3 实战案例363
\t11．3．1 设计行内元素边框363
\t11．3．2 边界的应用365
\t11．3．3 边界重叠现象369
\t11．3．4 行内元素边界372
\t11．3．5 设计网页居中显示373
\t11．3．6 设计多栏高度自适应
页面375
\t11．3．7 设计负边界页面377
\t11．4 在线课堂：实践练习379
\t第12章 CSS3+HTML5网页排版380
\t 视频讲解：20个 示例：40个
\t12．1 使用通用结构标签380
\t12．1．1 使用div380
\t12．1．2 使用id和class381
\t12．1．3 认识显示类型382
\t12．1．4 正确嵌套标签385
\t12．2 设计HTML5结构387
\t12．2．1 定义文章块387
\t12．2．2 定义内容块389
\t12．2．3 定义导航块392
\t12．2．4 定义侧边栏394
\t12．2．5 定义主要区域395
\t12．2．6 定义标题栏396
\t12．2．7 定义脚注栏396
\t12．3 浮动显示397
\t12．3．1 定义浮动显示398
\t12．3．2 清除浮动400
\t12．3．3 浮动嵌套402
\t12．3．4 混合浮动布局404
\t12．4 定位显示408
\t12．4．1 定义定位显示408
\t12．4．2 定位框411
\t12．4．3 相对定位413
\t12．4．4 定位层叠顺序414
\t12．4．5 混合定位布局416
\t12．5 在线课堂：实践练习418
\t第13章 使用CSS3新布局419
\t 视频讲解：15个 示例：15个
\t13．1 多列布局419
\t13．1．1 设置列宽419
\t13．1．2 设置列数420
\t13．1．3 设置列间距421
\t13．1．4 设置列边框样式421
\t13．1．5 设置跨列显示422
\t13．1．6 设置列高度423
\t13．2 弹性盒布局425
\t13．2．1 定义Flexbox425
\t13．2．2 定义伸缩方向427
\t13．2．3 定义行数428
\t13．2．4 定义对齐方式429
\t13．2．5 定义伸缩项目432
\t13．3 实战案例435
\t13．3．1 比较3种布局方式435
\t13．3．2 设计可伸缩网页模板438
\t13．3．3 设计多列网页442
\t13．3．4 设计HTML5应用网页
模板444
\t13．4 在线课堂：知识拓展447
\t第14章 使用CSS3动画448
\t 视频讲解：22个 示例：29个
\t14．1 设计2D变换448
\t14．1．1 定义旋转448
\t14．1．2 定义缩放449
\t14．1．3 定义移动450
\t14．1．4 定义倾斜451
\t14．1．5 定义矩阵452
\t14．1．6 定义变换原点453
\t14．2 设计3D变换454
\t14．2．1 定义位移454
\t14．2．2 定义缩放456
\t14．2．3 定义旋转457
\t14．3 设计过渡动画458
\t14．3．1 设置过渡属性459
\t14．3．2 设置过渡时间459
\t14．3．3 设置延迟时间460
\t14．3．4 设置过渡动画类型460
\t14．3．5 设置触发方式461
\t14．4 设计帧动画466
\t14．4．1 设置关键帧466
\t14．4．2 设置动画属性468
\t14．5 实战案例469
\t14．5．1 设计挂图470
\t14．5．2 设计高亮显示471
\t14．5．3 设计3D几何体471
\t14．5．4 设计旋转的盒子474
\t14．5．5 设计翻转广告475
\t14．5．6 设计跑步动画477
\t14．6 在线课堂：实践练习478
\t第15章 基础479
\t 视频讲解：32个 示例：69个
\t15．1 入门479
\t15．1．1 在网页中插入
代码479
\t15．1．2 使用文件482
\t15．1．3 语法基础484
\t15．2 变量486
\t15．3 表达式和运算符487
\t15．4 语句492
\t15．4．1 表达式语句和语句块492
\t15．4．2 条件语句492
\t15．4．3 循环语句495
\t15．4．4 跳转语句498
\t15．4．5 异常处理语句499
\t15．4．6 var语句和function
语句499
\t15．5 数据类型500
\t15．5．1 数值500
\t15．5．2 字符串501
\t15．5．3 布尔型501
\t15．5．4 null和undefined502
\t15．5．5 引用型数据502
\t15．6 函数503
\t15．6．1 定义函数503
\t15．6．2 调用函数504
\t15．6．3 函数参数504
\t15．6．4 函数应用506
\t15．6．5 闭包函数507
\t15．7 对象508
\t15．7．1 创建对象508
\t15．7．2 访问对象508
\t15．8 数组509
\t15．8．1 定义数组509
\t15．8．2 存取元素510
\t15．8．3 数组应用512
\t15．9 实战案例514
\t15．9．1 检测数据类型514
\t15．9．2 数值计算与类型
转换516
\t15．9．3 字符串替换517
\t15．9．4 增强数组排序520
\t15．10 在线课堂：实线练习522
\t第16章 操作BOM523
\t 视频讲解：20个 示例：35个
\t16．1 使用window对象523
\t16．1．1 访问浏览器窗口523
\t16．1．2 全局作用域523
\t16．1．3 使用系统测试方法525
\t16．1．4 打开和关闭窗口527
\t16．1．5 使用框架集529
\t16．1．6 控制窗口位置530
\t16．1．7 控制窗口大小531
\t16．1．8 使用定时器533
\t16．2 使用navigator对象536
\t16．2．1 浏览器检测方法536
\t16．2．2 检测浏览器类型和
版本号537
\t16．2．3 检测客户操作系统538
\t16．2．4 检测插件539
\t16．3 使用location对象540
\t16．4 使用history对象542
\t16．5 使用screen对象542
\t16．6 使用document对象543
\t16．6．1 访问文档对象544
\t16．6．2 动态生成文档内容545
\t16．7 实战案例546
\t16．7．1 使用远程脚本546
\t16．7．2 设计远程交互548
\t16．7．3 使用浮动框架551
\t16．8 在线课堂：实践练习553
\t第17章 操作DOM554
\t 视频讲解：37个 示例：81个
\t17．1 DOM基础554
\t17．2 使用节点555
\t17．2．1 节点类型556
\t17．2．2 节点名称和值558
\t17．2．3 节点关系559
\t17．2．4 访问节点559
\t17．2．5 操作节点562
\t17．3 使用文档节点564
\t17．3．1 访问文档子节点564
\t17．3．2 访问文档信息565
\t17．3．3 访问文档元素565
\t17．3．4 访问文档集合566
\t17．3．5 使用HTML5
Document566
\t17．4 使用元素节点567
\t17．4．1 访问元素567
\t17．4．2 遍历元素568
\t17．4．3 创建元素570
\t17．4．4 复制节点571
\t17．4．5 插入节点572
\t17．4．6 删除节点574
\t17．4．7 替换节点575
\t17．4．8 获取焦点元素576
\t17．4．9 检测包含节点577
\t17．5 使用文本节点578
\t17．5．1 访问文本节点578
\t17．5．2 创建文本节点579
\t17．5．3 操作文本节点580
\t17．5．4 读取HTML字符串580
\t17．5．5 插入HTML字符串581
\t17．5．6 替换HTML字符串583
\t17．5．7 插入文本584
\t17．6 使用文档片段节点586
\t17．7 使用属性节点587
\t17．7．1 访问属性节点587
\t17．7．2 读取属性值588
\t17．7．3 设置属性值589
\t17．7．4 删除属性590
\t17．7．5 使用类选择器591
\t17．7．6 自定义属性592
\t17．8 实战案例593
\t17．8．1 设计动态脚本593
\t17．8．2 使用script加载远程
数据596
\t17．8．3 使用script实现异步
交互597
\t17．8．4 使用JSONP600
\t17．8．5 使用CSS选择器604
\t17．9 在线课堂：实践练习606
\t第18章 事件处理607
\t 视频讲解：32个 示例：55个
\t18．1 事件基础607
\t18．1．1 事件模型607
\t18．1．2 事件流607
\t18．1．3 绑定事件608
\t18．1．4 事件处理函数608
\t18．1．5 注册事件610
\t18．1．6 销毁事件612
\t18．1．7 使用event对象614
\t18．1．8 事件委托616
\t18．2 使用鼠标事件618
\t18．2．1 鼠标点击618
\t18．2．2 鼠标移动619
\t18．2．3 鼠标经过621
\t18．2．4 鼠标来源621
\t18．2．5 鼠标定位622
\t18．2．6 鼠标按键625
\t18．3 使用键盘事件626
\t18．3．1 键盘事件属性626
\t18．3．2 键盘响应顺序628
\t18．4 使用页面事件629
\t18．4．1 页面初始化629
\t18．4．2 结构初始化631
\t18．4．3 页面卸载633
\t18．4．4 窗口重置634
\t18．4．5 页面滚动634
\t18．4．6 错误处理635
\t18．5 使用UI事件635
\t18．5．1 焦点处理635
\t18．5．2 选择文本636
\t18．5．3 字段值变化监测637
\t18．5．4 提交表单639
\t18．5．5 重置表单641
\t18．5．6 剪贴板数据641
\t18．6 实战案例643
\t18．6．1 设计弹出对话框643
\t18．6．2 设计遮罩层645
\t18．6．3 自定义事件646
\t18．6．4 设计事件触发模型647
\t18．6．5 应用事件模型649
\t18．7 在线课堂：实践练习652
\t第19章 使用Ajax653
\t 视频讲解：18个 示例：20个
\t19．1 Ajax基础653
\t19．1．1 定义XMLHttpRequest
对象653
\t19．1．2 建立XMLHttpRequest
连接654
\t19．1．3 发送GET请求655
\t19．1．4 发送POST请求655
\t19．1．5 转换串行化字符串657
\t19．1．6 跟踪状态658
\t19．1．7 中止请求658
\t19．1．8 获取XML数据659
\t19．1．9 获取HTML文本660
\t19．1．1 获取
脚本661
\t19．1．11 获取JSON数据661
\t19．1．12 获取纯文本662
\t19．1．13 获取头部信息662
\t19．2 实战案例663
\t19．2．1 动态查询记录集663
\t19．2．2 记录集分页显示666
\t19．2．3 设计Tab面板669
\t19．2．4 使用灯标672
\t设计思路：673
\t19．3 在线课堂：实践练习675
\t第20章 综合实战676
\t20．1 设计网页小游戏676
\t20．1．1 游戏概述676
\t20．1．2 游戏设计676
\t20．1．3 游戏实现676
\t20．2 设计创业网站677
\t20．2．1 设计分析677
\t20．2．2 网站实现677
