Web前端开发与应用教程 HTML5+CSS3+JavaScriptPDF电子书下载

第1章 Web前端开发概述 1

1.1 Web前端开发相关概念 1

1.1.1 浏览器 1

1.1.2 URL 2

1.1.3 WWW 2

1.1.4 网站 2

1.1.5 Web标准 3

1.2 Web前端开发相关技术 3

1.2.1 HTML 3

1.2.2 CSS 4

1.2.3 JavaScript 4

1.3 Web前端开发工具 4

1.3.1 NotePad 5

1.3.2 TextPad 5

1.3.3 WebStorm 5

1.3.4 Dreamweaver 6

1.4 练习 7

第2章 HTML5基础 8

2.1 HTML语法基础 8

2.1.1 HTML文档结构 8

2.1.2 HTML标签 9

2.1.3 标签的属性 10

2.2 文本控制标签 11

2.2.1 标题段落标签 11

2.2.2 文本格式化标签 13

2.2.3 特殊字符标签 16

2.3 图片标签 17

2.3.1 图片的格式与分辨率 17

2.3.2 嵌入图片 17

2.3.3 路径的表示方法 18

2.4 超链接标签 19

2.4.1 创建超链接 20

2.4.2 创建图片链接 21

2.4.3 创建电子邮件链接 22

2.4.4 创建下载链接 22

2.4.5 链接到同一页面的不同位置 23

2.5 表格标签 25

2.5.1 创建表格 25

2.5.2 设置属性 26

2.6 元标签 28

2.7 link标签 29

2.8 练习 30

第3章 页面元素和属性 31

3.1 结构元素 31

3.1.1 header元素 32

3.1.2 article元素 33

3.1.3 aside元素 34

3.1.4 footer元素 35

3.1.5 figure和figcaption元素 36

3.2 页面结点 37

3.2.1 section元素 37

3.2.2 nav元素 38

3.2.3 address元素 38

3.3 交互元素 39

3.3.1 progress元素 39

3.3.2 meter元素 40

3.3.3 details元素和summary元素 41

3.3.4 menu元素 42

3.3.5 command元素 43

3.4 文本层次语义元素 44

3.4.1 cite元素 44

3.4.2 mark元素 44

3.4.3 time元素 45

3.5 分组元素 45

3.5.1 ul元素 46

3.5.2 ol元素 47

3.5.3 dl元素 48

3.6 全局属性 48

3.6.1 hidden属性 49

3.6.2 spellcheck属性 49

3.6.3 contenteditable属性 49

3.6.4 contextmenu属性 50

3.7 练习 50

第4章 构建Web表单 51

4.1 HTML5对表单的改进 51

4.2 表单的结构 55

4.3 输入控件 55

4.3.1 创建文本框 56

4.3.2 创建密码框 57

4.3.3 创建单选按钮 57

4.3.4 创建复选框 58

4.3.5 创建文本区域 59

4.3.6 创建选择框 60

4.3.7 创建隐藏字段 61

4.3.8 创建按钮 61

4.4 处理表单 63

4.4.1 对表单元素进行组织 63

4.4.2 对表单进行验证 64

4.4.3 为表单组件添加说明标签 65

4.4.4 表单提交方式的选择 65

4.5 表单综合实例 66

4.6 练习 68

第5章 音频与视频 69

5.1 关于编解码器 69

5.1.1 音频编解码器 69

5.1.2 视频编解码器 69

5.2 在HTML5中播放音频 69

5.2.1 认识audio元素 70

5.2.2 播放音频 70

5.3 在HTML5中播放视频 72

5.3.1 认识video元素 72

5.3.2 播放视频 72

5.4 音频与视频相关属性、方法与事件 73

5.5 HTML5部分综合案例——茶文化网站的制作 76

5.5.1 设计分析 76

5.5.2 模块组成 77

5.5.3 Logo与导航菜单 78

5.5.4 主体内容区 79

5.5.5 底部区 83

5.5.6 注册页面的实现 83

5.6 练习 87

第6章 CSS3概述 88

6.1 为什么要使用CSS样式 88

6.1.1 什么是CSS样式 88

6.1.2 CSS与DIV之缘 88

6.2 CSS样式的发展 89

6.2.1 CSS1.0和CSS2.0概述 89

6.2.2 CSS3的出现 91

6.3 CCS3的前景展望 91

6.3.1 CSS3的应用范围 91

6.3.2 当前支持CSS3的浏览器 92

6.4 练习 93

第7章 CSS3语法 94

7.1 CSS3的语法基础 94

7.1.1 构造CSS3样式规则 94

7.1.2 为样式规则添加注释 96

7.2 CSS3选择器 97

7.2.1 通用选择器 97

7.2.2 标签选择器 97

7.2.3 类选择器 98

7.2.4 id选择器 98

7.2.5 伪类选择器 99

7.2.6 群组选择器 100

7.2.7 派生选择器 100

7.2.8 属性选择器 101

7.2.9 组合选择器 103

7.3 在网页中应用CSS的4种方式 103

7.3.1 内联CSS样式 103

7.3.2 嵌入CSS样式 104

7.3.3 链入外部CSS样式 104

7.3.4 导入外部CSS样式 106

7.4 CSS样式的特性 107

7.4.1 CSS样式的继承性 107

7.4.2 CSS样式的特殊性 108

7.4.3 CSS样式的层叠性 109

7.4.4 CSS样式的重要性 109

7.5 CSS3常用样式属性 110

7.5.1 字体文本样式 110

7.5.2 背景样式 111

7.5.3 边框样式 112

7.5.4 列表样式 112

7.6 练习 113

第8章 CSS3页面布局 115

8.1 网页布局的类型 115

8.1.1 固定宽度网页布局 115

8.1.2 流式网页布局 116

8.1.3 响应式网页布局 116

8.2 DIV+CSS网页布局 116

8.2.1 创建DIV 116

8.2.2 CSS盒模型 117

8.2.3 网页元素的定位 121

8.2.4 CSS页面布局实例 126

8.3 设计多列布局 130

8.3.1 设置多列显示样式 130

8.3.2 定义列间距 130

8.3.3 定义列边框样式 131

8.3.4 定义跨列显示 131

8.4 CSS3的弹性盒布局 133

8.5 设计导航栏 138

8.6 练习 140

第9章 CSS3高级应用 141

9.1 滤镜属性filter 141

9.2 渐变gradient 143

9.3 2D转换transform 146

9.4 过渡transition 148

9.5 动画animation 150

9.6 CSS3综合实例——茶文化网站的CSS样式 151

9.6.1 茶文化网站的网页布局CSS3样式实现 152

9.6.2 茶文化网站的页面美观CSS3样式实现 158

9.6.3 茶文化网站中注册表单CSS3样式实现 160

9.7 练习 165

第10章 JavaScript概述 166

10.1 JavaScript简介 166

10.1.1 JavaScript是什么 166

10.1.2 JavaScript和Java的关系 167

10.1.3 JavaScript的发展历史 167

10.1.4 JavaScript开发及运行环境 168

10.2 在HTML5文件中使用JavaScript代码 169

10.2.1 JavaScript嵌入HTML5文件内 169

10.2.2 外部JavaScript文件 170

10.3 练习 171

第11章 JavaScript语言基础 172

11.1 数据类型与变量 172

11.1.1 数据类型 172

11.1.2 变量 174

11.1.3 保留关键字 175

11.2 运算符与表达式 176

11.2.1 算术运算符及表达式 176

11.2.2 赋值运算符及表达式 177

11.2.3 关系运算符及表达式 178

11.2.4 位运算符及其表达式 178

11.2.5 逻辑运算符及逻辑表达式 179

11.2.6 其他运算符及运算优先级 180

11.3 流程控制语句 181

11.3.1 注释语句和语句块 181

11.3.2 选择语句 182

11.3.3 循环语句 188

11.4 函数 191

11.4.1 函数简介 191

11.4.2 定义函数 191

11.4.3 调用函数 194

11.4.4 全局函数 196

11.5 练习 199

第12章 JavaScript对象 200

12.1 字符串对象 200

12.1.1 创建字符串对象 200

12.1.2 字符串对象的属性 201

12.1.3 字符串对象的方法 201

12.2 数学对象 203

12.2.1 数学对象的属性 203

12.2.2 数学对象的方法 204

12.3 日期对象 206

12.3.1 创建日期对象 207

12.3.2 日期对象的方法 208

12.3.3 日期运算 211

12.4 数组对象 212

12.4.1 创建数组对象 213

12.4.2 数组对象的操作 213

12.4.3 数组对象的常用方法 216

12.5 练习 220

第13章 JavaScript对象编程 221

13.1 文档对象模型（DOM） 221

13.1.1 文档对象模型（DOM）简介 221

13.1.2 在DOM模型中获得对象的方法 221

13.1.3 事件驱动 222

13.2 窗口（window）对象 225

13.2.1 窗口（window）介绍 225

13.2.2 对话框 227

13.2.3 窗口操作 228

13.3 文档（Document）对象 230

13.3.1 认识文档对象 230

13.3.2 文档中的图片 232

13.3.3 文档中的超链接 233

13.4 表单对象 234

13.4.1 form对象 234

13.4.2 form对象属性与方法 235

13.4.3 单选按钮与复选框 236

13.4.4 下拉列表 237

13.4.5 表单注册与表单验证 239

13.5 练习 243

第14章 HTML5、CSS3和JavaScript应用 244

14.1 JavaScript与CSS3 244

14.1.1 动态内容 244

14.1.2 动态样式 245

14.1.3 动态定位 246

14.1.4 显示与隐藏 249

14.1.5 表单数据即时验证效果 250

14.2 HTML5、CSS3和JavaScript实例 252

14.2.1 实例——跑马灯效果 252

14.2.2 实例——左右移动的图片 254

14.2.3 实例——浮动广告图片 255

14.3 练习 257

第15章 响应式网页设计 258

15.1 响应式网页设计的技术要点 258

15.1.1 响应式网页宽度 258

15.1.2 响应式网页字体 259

15.1.3 响应式网页图片 259

15.1.4 响应式网页布局 259

15.1.5 响应式网页CSS应用 259

15.2 响应式网页设计综合实例 260

15.3 练习 264

第16章 综合实例 265

16.1 网站的规划与设计 265

16.1.1 网站定位 265

16.1.2 需求分析 265

16.1.3 栏目设计 265

16.1.4 资料收集 266

16.1.5 站点目录管理 266

16.1.6 网站的风格设计 266

16.2 网页设计与制作 267

16.2.1 基础工作 267

16.2.2 网页布局 268

16.2.3 首页制作 272

16.2.4 二级页面制作 278

16.2.5 表单页面制作 280

16.3 总结 291

参考文献 292