下载地址：

本书是经过数万读者检验的畅销图书《Web前端开发从学到用完美实践》的*升级版本，同时也是作者十几年的教学与企业级开发经验的结晶。

 

本书系统讲述了Web前端开发的全栈知识，由浅入深，通俗易懂，知识点与案例结合紧密，所选案例新颖丰富，紧贴企业实战，所有案例运行结果都可通过二维码实时呈现。本书的讲解从Web基础知识开始，循序渐进地融入了HTML5、CSS3、JavaScript、jQuery、AJAX、AngularJS、绘图、地理定位、本地存储及Web测试与发布等实用技术，是一本真正的Web前端开发的从学到用全栈教程。

 

本书适合于想从事网站前端开发工作和正在从事网站前端开发工作的开发工程师参考使用。本书配套光盘提供多媒体教学资源、所有案例及源代码，以及案例开发用到的软件。

 

本书配套光盘提供多媒体教学资源、所有案例及源码，以及实验用到的部分软件

 

第1章  概述 1

 

1.1  Web基础 2

 

1.2  Web是如何工作的？ 10

 

1.3  为什么学习Web前端开发？ 16

 

1.4  项目管理系统 19

 

第2章  开发工具 21

 

2.1  开发工具综述 22

 

2.2  原型设计工具 22

 

2.2.1  什么是原型设计？ 22

 

2.2.2  原型设计工具—Axure RP 23

 

2.2.3  实训：使用Axure RP实现百度登录页原型设计 23

 

2.3  开发工具 29

 

2.3.1  开发工具的作用 29

 

2.3.2  网站开发工具—Adobe

 

Dreamweaver 30

 

2.3.3  网站开发工具—Oracle NetBeans 30

 

2.3.4  网站开发工具—Microsoft Visual

 

Studio Code 31

 

2.3.5  实训：Adobe Dreamweaver CS6的安装与基本使用 31

 

2.3.6  实训：Microsoft Visual Studio Code的安装与基本使用 39

 

2.4  调试工具 41

 

2.4.1  什么是Web调试？ 41

 

2.4.2  网站调试工具—Firefox 41

 

2.4.3  网站调试工具—Google Chrome 42

 

2.4.4  网站调试工具—Internet Explorer 42

 

2.4.5  网站调试工具—Microsoft Edge 42

 

2.4.6  实训：使用Firefox进行网页开发调试 42

 

2.5  代码托管工具 48

 

2.5.1  为什么要进行代码托管？ 48

 

2.5.2  代码托管的基本功能 48

 

2.5.3  代码托管工具—GitHub 48

 

2.5.4  代码托管工具—SVN 49

 

2.5.5  案例：使用GitHub开源平台实现网站代码托管 49

 

第3章  初识HTML5 55

 

3.1  HTML概述 56

 

3.1.1  什么是HTML？ 56

 

3.1.2  HTML的发展历程 56

 

3.1.3  HTML5发展史 56

 

3.1.4  HTML5开发团队 57

 

3.1.5  HTML5官方资源 57

 

3.2  HTML5的优势 57

 

3.2.1  优势 57

 

3.2.2  新功能 59

 

3.3  HTML5的新特征 61

 

3.3.1  语法的改变 61

 

3.3.2  元素 62

 

3.3.3  属性 67

 

3.3.4  全局属性 69

 

3.4  HTML5文档结构 70

 

3.4.1  认识文档结构 70

 

3.4.2  案例：创建HTML5网页 72

 

第4章  HTML5结构与属性 73

 

4.1  从HTML4到HTML5 74

 

4.1.1  使用表格布局 74

 

4.1.2  使用区块布局 74

 

4.1.3  使用HTML5结构元素布局 75

 

4.1.4  语义Web 75

 

4.2  HTML5基础 76

 

4.2.1  HTML5语法 76

 

4.2.2  HTML5元素 77

 

4.2.3  HTML5属性 82

 

4.2.4  HTML5全局属性 84

 

4.2.5  案例：个人简历网页的实现 84

 

4.3  HTML5结构元素 87

 

4.3.1  HTML5主体结构元素 88

 

4.3.2  HTML5非主体结构元素 92

 

4.3.3  案例：使用结构元素进行网页布局（新闻列表 新闻列表内容呈现） 95

 

4.4  超链接 99

 

4.4.1  路径与相对路径 99

 

4.4.2  超链接元素 99

 

4.4.3  超链接属性 100

 

4.4.4  案例：网址导航页面的实现 100

 

第5章  表单 102

 

5.1  表单基础 103

 

5.1.1  表单 103

 

5.1.2  input元素 104

 

5.1.3  label元素 105

 

5.1.4  button元素 105

 

5.1.5  select元素 106

 

5.1.6  textarea元素 108

 

5.2  使用form元素 108

 

5.2.1  新增form元素 109

 

5.2.2  form属性总览 110

 

5.2.3  新增form属性 110

 

5.3  使用input元素 111

 

5.3.1  input类型总览 111

 

5.3.2  新增input类型 112

 

5.3.3  input属性总览 119

 

5.3.4  新增的input属性 120

 

5.4  案例：高考改革方案调查问卷网页的实现 126

 

5.5  案例：智能表单（用户注册） 130

 

第6章  多媒体 135

 

6.1  多媒体基础 136

 

6.1.1  什么是多媒体？ 136

 

6.1.2  音频编码与音频格式 136

 

6.1.3  视频编码与视频格式 136

 

6.1.4  在Web上能够使用的音频和视频格式 137

 

6.1.5  如何在Web上播放视频？ 138

 

6.2  HTML5音频与视频 139

 

6.2.1  audio元素 139

 

6.2.2  video元素 140

 

6.2.3  audio和video的属性 141

 

6.2.4  audio和video的方法 144

 

6.2.5  audio和video的事件 145

 

6.2.6  案例：在网页上使用背景音乐 146

 

6.2.7  案例：在网页上播放视频 147

 

6.3  播放控制 147

 

6.3.1  预加载媒体文件 148

 

6.3.2  视频封面图 148

 

6.3.3  自动播放 148

 

6.3.4  循环播放 148

 

6.3.5  添加变量 148

 

6.3.6  播放 149

 

6.3.7  暂停 150

 

6.3.8  快放、慢放、慢动作 150

 

6.3.9  快进、快退 151

 

6.3.10  进度拖动 152

 

6.3.11  音量控制 154

 

6.3.12  全屏播放 155

 

6.3.13  播放器容错处理 157

 

6.4  解决兼容问题 158

 

6.4.1  浏览器对多媒体的兼容性支持 158

 

6.4.2  使用多种媒体格式提升兼容性 160

 

6.4.3  使用Flash提升兼容性 160

 

6.5  字幕 161

 

6.5.1  标记时间的文本轨道 162

 

6.5.2  视频字幕 164

 

6.6  案例：使用播放器插件实现视频播放 166

 

第7章  初识CSS3 167

 

7.1  CSS3概述 168

 

7.1.1  什么是CSS？ 168

 

7.1.2  CSS发展史 168

 

7.1.3  CSS3新特征 168

 

7.1.4  主流浏览器对CSS3的支持 170

 

7.1.5  谁在使用CSS3 172

 

7.1.6  CSS3的未来 172

 

7.2  CSS3功能 172

 

7.2.1  CSS3模块 172

 

7.2.2  使用CSS3的优势 173

 

7.3  在HTML中使用CSS 174

 

7.3.1  内联样式 174

 

7.3.2  嵌入样式 174

 

7.3.3  外部样式 175

 

7.3.4  网站CSS文件的规划 176

 

7.4  案例：基于终端设备选择不同样式 177

 

7.5  案例：基于浏览器选择不同样式 178

 

第8章  选择器 179

 

8.1  认识CSS选择器 180

 

8.2  基础选择器 180

 

8.2.1  语法 180

 

8.2.2  通配符选择器 181

 

8.2.3  元素选择器 182

 

8.2.4  类选择器 183

 

8.2.5  ID选择器 185

 

8.2.6  选择器兼容性 186

 

8.3  层次选择器 186

 

8.3.1  语法 186

 

8.3.2  后代选择器 187

 

8.3.3  子选择器 187

 

8.3.4  相邻兄弟选择器 189

 

8.3.5  通用兄弟选择器 189

 

8.3.6  选择器组合 190

 

8.3.7  选择器兼容性 191

 

8.4  伪类选择器 191

 

8.4.1  语法 191

 

8.4.2  动态伪类选择器 192

 

8.4.3  目标伪类选择器 193

 

8.4.4  语言伪类选择器 194

 

8.4.5  UI元素状态伪类选择器 194

 

8.4.6  结构伪类选择器 196

 

8.4.7  否定伪类选择器 204

 

8.4.8  伪元素 205

 

8.5  属性选择器 208

 

8.5.1  语法 208

 

8.5.2  使用方法 209

 

8.5.3  浏览器兼容性 212

 

第9章  文字样式 213

 

9.1  文本样式 214

 

9.1.1  属性 214

 

9.1.2  文本颜色：color 214

 

9.1.3  缩进：text-indent 215

 

9.1.4  行高：line-height 216

 

9.1.5  字母间隔：letter-spacing 216

 

9.1.6  水平对齐：text-align 217

 

9.1.7  文本装饰：text-decoration 218

 

……

 

19.1.3  绘图属性 578

 

19.2  图形绘制 579

 

19.2.1  矩形 579

 

19.2.2  线条 581

 

19.2.3  多边形 581

 

19.2.4  圆角矩形 583

 

19.2.5  圆形 584

 

19.2.6  曲线 586

 

19.2.7  文字 588

 

19.2.8  图像 592

 

19.3  图形变换与控制 600

 

19.3.1  坐标变换 600

 

19.3.2  矩阵变换 604

 

19.3.3  设置阴影 605

 

19.3.4  叠加风格 607

 

19.3.5  填充风格 608

 

19.4  案例：用Canvas绘制统计报表 612

 

第20章  本地存储 616

 

20.1  基础知识 617

 

20.1.1  本地存储简介 617

 

20.1.2  本地存储类型 617

 

20.2  Cookie 619

 

20.2.1  Cookie概述 619

 

20.2.2  数据操作 619

 

20.2.3  案例：在网站中自动记录用户状态 621

 

20.3  Web Storage 623

 

20.3.1  sessionStorage 623

 

20.3.2  localStorage 626

 

20.3.3  对比分析 628

 

20.4  本地数据库 628

 

20.4.1  存储原理 628

 

20.4.2  数据操作 629

 

20.5  案例：使用本地存储减少服务器数据库请求 635

 

第21章  地理定位 641

 

21.1  常见地理定位方式 642

 

21.1.1  IP定位 642

 

21.1.2  GPS定位 642

 

21.1.3  Wi-Fi定位 642

 

21.1.4  手机基站定位 642

 

21.2  使用HTML5实现地理定位 642

 

21.2.1  浏览器支持性检查 643

 

21.2.2  位置请求 643

 

21.2.3  隐私保护 646

 

21.3  案例：使用百度地图展示当前位置 646

 

21.4  案例：使用百度地图展示运动轨迹 648

 

第22章  Web测试 652

 

22.1  概述 653

 

22.1.1  什么是Web测试？ 653

 

22.1.2  测试内容 653

 

22.1.3  测试目的 654

 

22.2  用户界面测试 654

 

22.2.1  导航测试 654

 

22.2.2  图形测试 655

 

22.2.3  内容测试 655

 

22.2.4  整体界面测试 655

 

22.3  兼容性测试 655

 

22.3.1  平台兼容性测试 655

 

22.3.2  浏览器兼容性测试 657

 

22.3.3  分辨率兼容性测试 658

 

22.4  功能测试 659

 

22.5  性能测试 662

 

22.5.1  连接速度测试 663

 

22.5.2  压力测试 667

 

第23章  网站发布 676

 

23.1  概述 677

 

23.2  域名注册 677

 

23.2.1  什么是域名注册？ 677

 

23.2.2  如何注册域名？ 677

 

23.2.3  实训：通过阿里云进行域名注册 677

 

23.3  Web服务器构建 680

 

23.3.1  什么是Web服务器？ 680

 

23.3.2  如何构建Web服务器？ 680

 

23.3.3  实训：使用阿里云构建Web服务器 680

 

23.4  网站上传 686

 

23.5  网站备案 686

 

23.5.1  什么是网站备案？ 686

 

23.5.2  实训：通过阿里云进行网站备案 686

 

23.6  域名解析 688

 

23.6.1  什么是域名解析？ 688

 

23.6.2  实训：在阿里云上配置域名解析 689

 

参考文献 691