Web前端开发与应用教程 (HTML5+CSS3+JavaScript)第2版

目 录
前言

第1章 Web前端开发概述1
1.1 Web前端开发相关概念1
1.1.1 浏览器1
1.1.2 URL1
1.1.3 WWW2
1.1.4 网站2
1.1.5 Web标准2
1.2 Web前端开发相关技术2
1.2.1 HTML3
1.2.2 CSS3
1.2.3 JavaScript4
1.3 Web前端开发工具4
1.3.1 NotePad4
1.3.2 TextPad4
1.3.3 WebStorm5
1.3.4 Dreamweaver5
1.4 Web服务器6
1.4.1 概念6
1.4.2 类型6
1.4.3 配置6
1.4.4 建站过程7
1.5 练习8
第2章 HTML5基础9
2.1 HTML语法基础9
2.1.1 HTML文档结构9
2.1.2 HTML标签10
2.1.3 标签的属性11
2.1.4 HTML字符集12
2.2 文本控制标签12
2.2.1 标题段落标签12
2.2.2 文本格式化标签14
2.2.3 特殊字符标签16
2.3 图片标签16
2.3.1 图片的格式与分辨率17
2.3.2 嵌入图片17
2.3.3 路径的表示方法18
2.4 超链接标签19
2.4.1 超链接19
2.4.2 图片链接20
2.4.3 电子邮件链接21
2.4.4 下载链接22
2.4.5 锚点链接22
2.5 表格标签24
2.5.1 创建表格24
2.5.2 设置属性25
2.6 元标签27
2.7 link标签27
2.8 练习28
第3章 页面元素和属性30
3.1 结构元素30
3.1.1 header元素31
3.1.2 article元素32
3.1.3 aside元素32
3.1.4 footer元素33
3.1.5 和元素34
3.2 页面节点35
3.2.1 section元素35
3.2.2 nav元素35
3.2.3 address元素36
3.3 交互元素36
3.3.1 progress元素37
3.3.2 meter元素37
3.3.3 details元素和summary元素38
3.3.4 menu元素39
3.3.5 command元素40
3.4 文本层次语义元素40
3.4.1 cite元素41
3.4.2 mark元素41
3.4.3 time元素41
3.5 分组元素42
3.5.1 ul元素42
3.5.2 ol元素44
3.5.3 dl元素44
3.6 全局属性44
3.6.1 hidden属性45
3.6.2 spellcheck属性45
3.6.3 contenteditable属性46
3.6.4 contextmenu 属性46
3.6.5 dir属性46
3.6.6 draggable 属性47
3.7 练习47
第4章 Web表单49
4.1 HTML5对表单的改进49
4.2 表单的结构53
4.3 表单控件53
4.3.1 文本框54
4.3.2 密码框54
4.3.3 单选按钮55
4.3.4 复选框55
4.3.5 文本区域56
4.3.6 选择框56
4.3.7 隐藏字段57
4.3.8 按钮58
4.4 处理表单59
4.4.1 对表单元素进行组织59
4.4.2 对表单进行验证60
4.4.3 为表单组件添加说明标签61
4.4.4 表单提交方式的选择61
4.5 表单综合实例61
4.6 练习63
第5章 音频与视频65
5.1 编解码器65
5.1.1 音频编解码器65
5.1.2 视频编解码器65
5.2 在HTML5中播放音频65
5.2.1 认识audio元素66
5.2.2 播放音频66
5.3 在HTML5中播放视频67
5.3.1 认识video元素67
5.3.2 播放视频68
5.4 音频与视频相关属性、方法
与事件68
5.5 HTML5部分综合案例—茶文化
网站的制作71
5.5.1 设计分析71
5.5.2 模块组成72
5.5.3 Logo与导航菜单72
5.5.4 主体区73
5.5.5 底部区76
5.5.6 注册页面的实现76
5.6 练习79
第6章 CSS3概述80
6.1 CSS简介80
6.1.1 CSS层叠样式表80
6.1.2 CSS与DIV之缘80
6.2 CSS的发展81
6.2.1 CSS1.0和CSS2.0概述81
6.2.2 CSS3的出现83
6.3 CCS3的前景展望83
6.3.1 CSS3的应用范围83
6.3.2 当前支持CSS3的浏览器84
6.4 练习85
第7章 CSS3语法86
7.1 CSS3的语法基础86
7.1.1 构造CSS3样式规则86
7.1.2 为样式规则添加注释88
7.2 CSS3选择器88
7.2.1 通用选择器88
7.2.2 标签选择器89
7.2.3 类选择器89
7.2.4 id选择器90
7.2.5 伪类选择器90
7.2.6 群组选择器91
7.2.7 派生选择器91
7.2.8 属性选择器92
7.2.9 组合选择器94
7.3 在网页中应用CSS的4种方式94
7.3.1 内联CSS样式94
7.3.2 嵌入CSS样式95
7.3.3 链入外部CSS样式表95
7.3.4 导入外部CSS样式表97
7.4 CSS样式的特性97
7.4.1 CSS样式的继承性97
7.4.2 CSS样式的特殊性99
7.4.3 CSS样式的层叠性100
7.4.4 CSS样式的重要性100
7.5 CSS3常用样式属性100
7.5.1 字体文本样式100
7.5.2 背景样式102
7.5.3 边框样式102
7.5.4 列表样式103
7.6 练习103
第8章 CSS3页面布局105
8.1 网页布局的类型105
8.1.1 固定宽度网页布局105
8.1.2 流式网页布局106
8.1.3 响应式网页布局106
8.2 DIV+CSS网页布局106
8.2.1 创建DIV106
8.2.2 CSS盒模型107
8.2.3 网页元素的定位110
8.2.4 CSS页面布局实例114
8.3 设计多列布局118
8.3.1 设置多列显示样式118
8.3.2 定义列间距118
8.3.3 定义列边框样式118
8.3.4 定义跨列显示119
8.4 CSS3的弹性盒布局120
8.5 设计导航栏124
8.6 练习126
第9章 CSS3高级应用127
9.1 滤镜属性filter127
9.2 渐变gradient129
9.3 2D和3D转换transform131
9.3.1 2D转换131
9.3.2 3D转换133
9.4 过渡transition134
9.5 动画 animation135
9.6 用户界面相关属性137
9.7 CSS3综合实例—茶文化
网站的CSS样式138
9.7.1 茶文化网站的网页布局C