Web前端开发从学到用完美实践 HTML5+CSS3+JavaScript+jQuery+AJAX+AngularJSPDF|Epub|txt|kindle电子书版本网盘下载

Web前端开发从学到用完美实践 HTML5+CSS3+JavaScript+jQuery+AJAX+AngularJSPDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 概述1

1.1 Web基础2

1.1.1 Web的基本概念2

1.1.2 Internet2

1.1.3 协议8

1.1.4 URL和域名9

1.1.5 服务器9

1.1.6 Web标准9

1.2 Web是如何工作的？10

1.2.1 什么是网页？10

1.2.2 什么是网站？11

1.2.3 网页与网站的关系11

1.2.4 浏览器是如何工作的？11

1.2.5 访问网站的过程13

1.2.6 网站是怎么开发出来的？13

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

1.3.1 什么是Web前端开发？16

1.3.2 Web前端工程师的工作内容17

1.3.3 Web前端工程师的职业前景17

1.3.4 需要学习哪些内容17

1.3.5 需要购买哪些设备？18

1.3.6 除了技术，还需要学什么18

1.4 项目管理系统19

1.4.1 什么是项目管理？19

1.4.2 项目管理的目的19

1.4.3 项目管理系统——Microsoft Project20

1.4.4 项目管理系统——Collabtive20

第2章 开发工具21

2.1 开发工具综述22

2.2 原型设计工具22

2.2.1 什么是原型设计？22

2.2.2 原型设计工具——Axure RP23

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

2.3 开发工具29

2.3.1 开发工具的作用29

2.3.2 网站开发工具——Adobe Dreamweaver30

2.3.3 网站开发工具——Oracle NetBeans30

2.3.4 网站开发工具——Microsoft Visual Studio Code31

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 网站调试工具——Firefox41

2.4.3 网站调试工具——Google Chrome42

2.4.4 网站调试工具——Internet Explorer42

2.4.5 网站调试工具——Microsoft Edge42

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

2.5 代码托管工具48

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

2.5.2 代码托管的基本功能48

2.5.3 代码托管工具——GitHub48

2.5.4 代码托管工具——SVN49

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

第3章 初识HTML555

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到HTML574

4.1.1 使用表格布局74

4.1.2 使用区块布局74

4.1.3 使用HTML5结构元素布局75

4.1.4 语义Web75

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章 初识CSS3167

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 谁在使用CSS3172

7.1.6 CSS3的未来172

7.2 CSS3功能172

7.2.1 CSS3模块172

7.2.2 使用CSS3的优势173

7.3 在HTML中使用CSS174

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 文本颜色：color214

9.1.3 缩进：text-indent215

9.1.4 行高：line-height216

9.1.5 字母间隔：letter-spacing216

9.1.6 水平对齐：text-align217

9.1.7 文本装饰：text-decoration218

9.1.8 字符转换：text-transform219

9.1.9 空白处理：white-space220

9.1.10 文字间隔：word-spacing220

9.1.11 首字下沉：:first-letter221

9.2 字体样式222

9.2.1 什么是字体？222

9.2.2 属性222

9.2.3 字体系列：font-family223

9.2.4 字体大小：font-size223

9.2.5 字体加粗：font-weight224

9.2.6 字体风格：font-style225

9.3 字体图标226

9.3.1 什么是字体图标？226

9.3.2 制作字体图标226

9.3.3 如何使用字体图标？227

9.4 文本效果228

9.4.1 CSS3新增文本属性228

9.4.2 文本溢出：text-overflow228

9.4.3 文字阴影：text-shadow229

9.4.4 A文本换行230

9.5 使用服务器端字体231

9.6 案例：诗歌排版232

9.7 案例：使用服务器端字体实现网站图标234

第10章 背景与边框236

10.1 背景属性237

10.1.1 基本属性237

10.1.2 CSS3新增背景属性238

10.1.3 多背景241

10.1.4 渐变背景243

10.2 边框属性245

10.2.1 基本属性245

10.2.2 CSS3新增边框属性247

10.2.3 圆角边框248

10.2.4 图片边框251

10.2.5 渐变边框256

10.2.6 盒子阴影257

10.3 案例：图片轮转的实现264

10.4 案例：网页课程表的实现266

第11章 盒模型271

11.1 盒子272

11.1.1 元素盒子272

11.1.2 尺寸280

11.2 盒子类型281

11.2.1 盒子的基本类型281

11.2.2 CSS3新增的类型287

11.2.3 浏览器对盒子的支持情况293

11.3 盒子的属性294

11.3.1 内容溢出294

11.3.2 自由缩放299

11.3.3 外轮廓299

11.3.4 阴影301

11.4 浏览器的盒子调试304

11.4.1 在Internet Explorer浏览器中进行盒子调试305

11.4.2 在Firefox浏览器中进行盒子调试307

11.4.3 在Google Chrome浏览器中进行盒子调试307

11.4.4 在Microsoft Edge浏览器中进行盒子调试308

第12章 布局311

12.1 定位与布局的基本属性312

12.1.1 基本属性312

12.1.2 外边距与内边距312

12.1.3 浮动布局313

12.1.4 定位布局318

12.2 多列布局325

12.2.1 多列布局的基本知识325

12.2.2 多列布局的基本属性326

12.2.3 多列布局属性326

12.2.4 列宽与列数326

12.2.5 列边距与列边框326

12.2.6 跨列布局327

12.2.7 列高327

12.3 盒布局329

12.3.1 盒布局的基本知识329

12.3.2 盒布局的基本属性329

12.3.3 使用自适应宽度的弹性盒布局329

12.3.4 改变元素的显示顺序332

12.3.5 改变元素排列方向334

12.3.6 使用弹性布局消除空白335

12.3.7 对多个元素使用box-flex属性336

12.3.8 对齐方式337

12.3.9 布局方式对比339

12.4 自适应布局343

12.4.1 自适应布局的基本知识344

12.4.2 自适应布局的基本属性344

12.4.3 允许网页宽度自动调整344

12.4.4 不使用绝对宽度344

12.4.5 相对大小的字体345

12.4.6 流动布局345

12.4.7 选择加载CSS345

12.4.8 CSS的@media规则345

12.4.9 图片的自适应346

12.5 案例：网页布局348

第13章 CSS动画359

13.1 Web动画360

13.1.1 GIF动画360

13.1.2 Flash动画360

13.1.3 JavaScript动画360

13.1.4 CSS3动画361

13.2 使用变形属性361

13.2.1 进行简单变形361

13.2.2 变形子属性362

13.2.3 2D变形函数369

13.2.4 3D变形函数372

13.2.5 案例：制作时钟375

13.3 使用过渡属性378

13.3.1 设置元素过渡378

13.3.2 设置过渡元素379

13.3.3 设置过渡持续时间380

13.3.4 指定过渡函数381

13.3.5 规定过渡延迟时间385

13.3.6 过渡触发386

13.3.7 案例：制作动态网站导航387

13.4 使用动画属性390

13.4.1 建立基本动画390

13.4.2 动画关键帧392

13.4.3 动画子属性393

13.4.4 给元素应用动画395

13.4.5 案例：实现页面加载动画396

13.5 案例：引人入胜的动态照片墙402

第14章 初识JavaScript405

14.1 JavaScript概述406

14.1.1 什么是JavaScript？406

14.1.2 JavaScript能够实现什么？407

14.2 语法407

14.2.1 调用方法407

14.2.2 基本语法408

14.2.3 函数417

14.2.4 对象418

14.3 DOM419

14.3.1 什么是DOM？419

14.3.2 获取HTML元素419

14.3.3 对HTML元素进行操作421

14.4 案例：使用JavaScript进行表单验证423

14.4.1 功能423

14.4.2 实现效果423

14.4.3 代码424

14.5 案例：使用JavaScript实现规定时间内答题效果427

14.5.1 功能427

14.5.2 实现效果427

14.5.3 代码428

第15章 jQuery编程430

15.1 jQuery概述431

15.1.1 jQuery简介431

15.1.2 为什么要使用jQuery？432

15.1.3 其他的JavaScript类库433

15.2 jQuery基础应用434

15.2.1 调用方法434

15.2.2 基本语法434

15.2.3 选择器435

15.2.4 事件445

15.2.5 常用效果449

15.2.6 案例：使用jQuery实现图片轮转456

15.3 jQuery中的DOM操作459

15.3.1 DOM操作基础459

15.3.2 节点操作460

15.3.3 属性操作467

15.3.4 样式操作468

15.3.5 内容操作470

15.3.6 案例：使用jQuery实现表格排序472

15.4 jQuery插件474

15.4.1 什么是jQuery插件？474

15.4.2 jQuery UI475

15.4.3 jQuery Mobile479

15.5 案例：使用jQuery插件实现表单验证483

15.5.1 功能483

15.5.2 实现效果484

15.5.3 代码484

15.6 案例：使用JQuery Mobile快速开发手机网站485

15.6.1 功能485

15.6.2 实现效果485

15.6.3 代码486

第16章 AJAX488

16.1 概述489

16.1.1 什么是AJAX？489

16.1.2 为什么使用AJAX？489

16.1.3 AJAX的优势489

16.1.4 AJAX的应用场景489

16.2 基础知识490

16.2.1 XML490

16.2.2 xmlHttpRequest491

16.2.3 工作原理491

16.3 AJAX实现492

16.3.1 案例：使用AJAX基于本地XML实现学生成绩册492

16.3.2 案例：使用AJAX读取网易新闻列表495

16.4 使用jQuery实现AJAX497

16.4.1 基本方法497

16.4.2 jQuery中的全局事件509

16.5 案例：实时表单验证510

第17章 AngularJS518

17.1 AngularJS概述519

17.1.1 AngularJS简介519

17.1.2 AngularJS特性519

17.1.3 AngularJS框架520

17.2 AngularJS基本概念520

17.3 AngularJS应用521

17.3.1 AngularJS初始化521

17.3.2 指令523

17.3.3 模板523

17.3.4 表达式524

17.3.5 作用域524

17.3.6 控制器526

17.3.7 过滤器526

17.3.8 表单528

17.3.9 模块530

17.3.10 路由530

17.3.11 服务534

17.4 案例：使用AngularJS实现即时搜索537

第18章 文件540

18.1 文件存储541

18.2 处理用户文件541

18.2.1 读取文件541

18.2.2 读取文件属性543

18.2.3 文件分割545

18.2.4 处理事件547

18.3 文件操作549

18.3.1 本地磁盘操作549

18.3.2 创建文件552

18.3.3 创建目录553

18.3.4 列出文件553

18.3.5 处理文件557

18.3.6 移动557

18.3.7 复制560

18.3.8 删除560

18.4 文件内容操作561

18.4.1 写入内容561

18.4.2 追加内容564

18.4.3 读取内容564

18.5 案例：用户本地资源管理567

第19章 绘图575

19.1 Canvas基础知识576

19.1.1 Canvas576

19.1.2 绘图方法577

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 Cookie619

20.2.1 Cookie概述619

20.2.2 数据操作619

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

20.3 Web Storage623

20.3.1 sessionStorage623

20.3.2 localStorage626

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