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

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

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

第1章 概述1

1.1 Web基础2

1.1.1 Web的基本概念2

1.1.2 Internet2

1.1.3 协议6

1.1.4 URL和域名7

1.1.5 服务器7

1.1.6 Web标准8

1.2 Web是如何工作的9

1.2.1 什么是网页9

1.2.2 什么是网站10

1.2.3 网页与网站的关系10

1.2.4 浏览器是怎么工作的10

1.2.5 访问网站的过程12

1.2.6 网站是怎么开发出来的12

1.3 为什么学习Web前端开发14

1.3.1 什么是Web前端开发14

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

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

1.3.4 需要学习哪些内容15

1.3.5 需要购买哪些设备16

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

第2章 开发工具17

2.1 开发工具综述18

2.2 原型设计工具18

2.2.1 什么是原型设计18

2.2.2 原型设计工具——Axure RP19

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

2.3 开发工具26

2.3.1 开发工具的作用26

2.3.2 网站开发工具——Adobe Dreamweaver26

2.3.3 网站开发工具——Oracle NetBeans27

2.3.4 网站开发工具——Microsoft Visual Studio27

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

2.3.6 实训：Microsoft Visual Studio Community 2015的安装与基本使用36

2.4 调试工具37

2.4.1 什么是Web调试38

2.4.2 网站调试工具——Firefox38

2.4.3 网站调试工具——Google Chrome38

2.4.4 网站调试工具——Internet Explorer38

2.4.5 实训：使用Firefox进行网页开发调试38

2.5 代码托管工具44

2.5.1 为什么要进行代码托管44

2.5.2 代码托管的基本功能44

2.5.3 代码托管工具——GitHub45

2.5.4 代码托管工具——SVN45

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

2.6 项目管理系统51

2.6.1 什么是项目管理51

2.6.2 项目管理的目的51

2.6.3 项目管理系统——Microsoft Project52

2.6.4 项目管理系统——Collabtive52

第3章 初识HTML553

3.1 HTML概述54

3.1.1 什么是HTML54

3.1.2 HTML的发展历程54

3.1.3 HTML5发展史54

3.1.4 HTML5开发团队55

3.1.5 HTML5官方资源55

3.2 HTML5的优势55

3.2.1 优势56

3.2.2 新功能57

3.3 HTML5的新特征60

3.3.1 语法的改变60

3.3.2 元素60

3.3.3 属性65

3.3.4 全局属性68

3.4 HTML5文档结构69

3.4.1 认识文档结构69

3.4.2 案例：创建HTML5网页70

第4章 HTML5结构与属性72

4.1 结构之美：从HTML4到HTML573

4.1.1 使用表格布局73

4.1.2 使用区块布局73

4.1.3 使用HTML5结构元素布局74

4.1.4 语义Web74

4.2 HTML5基础75

4.2.1 HTML5语法75

4.2.2 HTML5元素76

4.2.3 HTML5属性82

4.2.4 HTML5全局属性84

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

4.3 HTML5结构元素88

4.3.1 HTML5主体结构元素88

4.3.2 HTML5非主体结构元素93

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

4.4 超链接100

4.4.1 绝对路径与相对路径100

4.4.2 超链接元素101

4.4.3 超链接属性101

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

第5章 表单104

5.1 表单基础105

5.1.1 表单105

5.1.2 input元素106

5.1.3 label元素107

5.1.4 button元素108

5.1.5 select元素108

5.1.6 textarea元素110

5.2 使用form元素111

5.2.1 新增form元素111

5.2.2 form属性总览112

5.2.3 新增form属性113

5.3 使用input元素113

5.3.1 input类型总览113

5.3.2 新增input类型114

5.3.3 input属性总览122

5.3.4 新增的input属性124

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

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

第6章 多媒体139

6.1 多媒体基础140

6.1.1 什么是多媒体140

6.1.2 音频编码与音频格式140

6.1.3 视频编码与视频格式140

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

6.1.5 如何在Web上播放视频142

6.2 HTML5音频与视频143

6.2.1 Audio元素143

6.2.2 Video元素144

6.2.3 Audio和Video的属性145

6.2.4 Audio和Video的方法149

6.2.5 Audio和Video的事件149

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

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

6.3 播放控制152

6.3.1 预加载媒体文件152

6.3.2 视频封面图153

6.3.3 自动播放153

6.3.4 循环播放153

6.3.5 添加变量153

6.3.6 播放153

6.3.7 暂停155

6.3.8 快放、慢放、慢动作155

6.3.9 快进、快退156

6.3.10 进度拖动157

6.3.11 音量控制159

6.3.12 全屏播放160

6.3.13 播放器容错处理162

6.4 解决兼容问题163

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

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

6.4.3 使用Flash提升兼容性165

6.5 字幕166

6.5.1 标记时间的文本轨道167

6.5.2 视频字幕170

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

第7章 初识CSS3173

7.1 CSS3概述174

7.1.1 什么是CSS174

7.1.2 CSS发展史174

7.1.3 CSS3新特征174

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

7.1.5 谁在使用CSS3178

7.1.6 CSS3的未来178

7.2 CSS3功能178

7.2.1 CSS3模块178

7.2.2 使用CSS3的优势180

7.3 在HTML中使用CSS181

7.3.1 内联样式181

7.3.2 嵌入样式181

7.3.3 外部样式182

7.3.4 网站CSS文件的规划183

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

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

第8章 选择器186

8.1 认识CSS选择器187

8.2 基础选择器187

8.2.1 语法187

8.2.2 通配符选择器188

8.2.3 元素选择器189

8.2.4 类选择器190

8.2.5 ID选择器192

8.2.6 选择器兼容性193

8.3 层次选择器194

8.3.1 语法194

8.3.2 后代选择器194

8.3.3 子选择器195

8.3.4 相邻兄弟选择器196

8.3.5 通用兄弟选择器197

8.3.6 选择器组合198

8.3.7 选择器兼容性199

8.4 伪类选择器199

8.4.1 语法199

8.4.2 动态伪类选择器200

8.4.3 目标伪类选择器201

8.4.4 语言伪类选择器202

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

8.4.6 结构伪类选择器205

8.4.7 否定伪类选择器212

8.4.8 伪元素214

8.5 属性选择器217

8.5.1 语法217

8.5.2 使用方法218

8.5.3 浏览器兼容性221

第9章 文字样式222

9.1 文本样式223

9.1.1 属性223

9.1.2 文本颜色：color223

9.1.3 缩进：text-indent224

9.1.4 行高：line-height225

9.1.5 字母间隔：letter-spacing226

9.1.6 水平对齐：text-align226

9.1.7 文本装饰：text-decoration228

9.1.8 字符转换：text-transform228

9.1.9 空白处理：white-space229

9.1.10 文字间隔：word-spacing230

9.1.11 首字下沉：：first-letter231

9.2 字体样式232

9.2.1 什么是字体232

9.2.2 属性232

9.2.3 字体系列：font-family233

9.2.4 字体大小：font-size234

9.2.5 字体加粗：font-weight234

9.2.6 字体风格：font-style235

9.3 文本效果236

9.3.1 CSS3新增文本属性236

9.3.2 文本溢出：text-overflow237

9.3.3 文字阴影：text-shadow238

9.3.4 文本换行239

9.4 使用服务器端字体240

9.5 案例：诗歌排版241

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

第10章 盒模型244

10.1 盒子245

10.1.1 元素盒子245

10.1.2 尺寸253

10.2 盒子类型255

10.2.1 盒子的基本类型255

10.2.2 CSS3新增的类型261

10.2.3 浏览器对盒子的支持情况268

10.3 盒子的属性269

10.3.1 内容溢出269

10.3.2 自由缩放273

10.3.3 外轮廓274

10.3.4 阴影276

10.4 浏览器的盒子调试279

10.4.1 在Internet Explorer浏览器中进行盒子调试280

10.4.2 在Firefox浏览器中进行盒子调试282

10.4.3 在Google Chrome浏览器中进行盒子调试283

第11章 背景与边框284

11.1 背景属性285

11.1.1 基本属性285

11.1.2 CSS3新增背景属性287

11.1.3 多背景290

11.1.4 渐变背景291

11.2 边框属性293

11.2.1 基本属性293

11.2.2 CSS3新增边框属性297

11.2.3 圆角边框297

11.2.4 图片边框300

11.2.5 渐变边框306

11.2.6 盒子阴影307

11.3 案例：图片轮转的实现315

11.4 案例：网页课程表的实现316

第12章 布局322

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

12.1.1 基本属性323

12.1.2 外边距与内边距324

12.1.3 浮动布局325

12.1.4 定位布局329

12.2 多列布局337

12.2.1 多列布局的基本知识337

12.2.2 多列布局的基本属性337

12.2.3 多列布局属性338

12.2.4 列宽与列数338

12.2.5 列边距与列边框338

12.2.6 跨列布局339

12.2.7 列高339

12.3 盒布局341

12.3.1 盒布局的基本知识341

12.3.2 盒布局的基本属性341

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

12.3.4 改变元素的显示顺序344

12.3.5 改变元素排列方向346

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

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

12.3.8 对齐方式350

12.3.9 布局方式对比351

12.4 案例：网页布局356

第13章 CSS动画368

13.1 Web动画369

13.1.1 GIF动画369

13.1.2 Flash动画369

13.1.3 JS动画369

13.1.4 CSS3动画370

13.2 使用变形属性370

13.2.1 进行简单变形370

13.2.2 变形子属性371

13.2.3 2D变形函数378

13.2.4 3D变形函数381

13.2.5 案例：制作时钟384

13.3 使用过渡属性388

13.3.1 设置元素过渡388

13.3.2 设置过渡元素389

13.3.3 设置过渡持续时间390

13.3.4 指定过渡函数391

13.3.5 规定过渡延迟时间395

13.3.6 过渡触发396

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

13.4 使用动画属性401

13.4.1 建立基本动画401

13.4.2 动画关键帧403

13.4.3 动画子属性404

13.4.4 给元素应用动画406

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

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

第14章 初识JavaScript416

14.1 JavaScript概述417

14.1.1 什么是JavaScript417

14.1.2 JavaScript能够实现什么418

14.2 语法418

14.2.1 调用方法418

14.2.2 基本语法419

14.2.3 函数428

14.2.4 对象430

14.3 DOM431

14.3.1 什么是DOM431

14.3.2 获取HTML元素431

14.3.3 对HTML元素进行操作433

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

14.4.1 功能435

14.4.2 实现效果435

14.4.3 代码436

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

14.5.1 功能439

14.5.2 实现效果439

14.5.3 代码440

第15章 jQuery编程442

15.1 jQuery概述443

15.1.1 jQuery简介443

15.1.2 为什么要使用jQuery444

15.1.3 其他的JavaScript类库445

15.2 jQuery基础应用446

15.2.1 调用方法446

15.2.2 基本语法446

15.2.3 选择器447

15.2.4 事件458

15.2.5 常用效果462

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

15.3 jQuery中的DOM操作473

15.3.1 DOM操作基础473

15.3.2 节点操作473

15.3.3 属性操作481

15.3.4 样式操作483

15.3.5 内容操作485

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

15.4 jQuery插件488

15.4.1 什么是jQuery插件488

15.4.2 jQuery UI490

15.4.3 jQuery Mobile494

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

15.5.1 功能499

15.5.2 实现效果499

15.5.3 代码499

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

15.6.1 功能501

15.6.2 实现效果501

15.6.3 代码502

第16章 AJAX504

16.1 概述505

16.1.1 什么是AJAX505

16.1.2 为什么使用AJAX505

16.1.3 AJAX的优势505

16.1.4 AJAX的应用场景505

16.2 基础知识506

16.2.1 XML506

16.2.2 xmlHttpRequest507

16.2.3 工作原理507

16.3 AJAX实现508

16.3.1 案例：基于本地XML实现学生成绩册508

16.3.2 案例：AJAX获取远程数据511

16.4 使用jQuery实现AJAX513

16.4.1 基本方法513

16.4.2 jQuery中的全局事件527

16.5 案例：实时表单验证528

第17章 文件536

17.1 文件存储537

17.2 处理用户文件537

17.2.1 读取文件537

17.2.2 读取文件属性540

17.2.3 文件分割542

17.2.4 处理事件543

17.3 文件操作546

17.3.1 本地磁盘操作546

17.3.2 创建文件549

17.3.3 创建目录550

17.3.4 列出文件550

17.3.5 处理文件554

17.3.6 移动554

17.3.7 复制557

17.3.8 删除557

17.4 文件内容操作558

17.4.1 写入内容558

17.4.2 追加内容561

17.4.3 读取内容562

17.5 案例：用户本地资源管理564

第18章 绘图572

18.1 Canvas基础知识573

18.1.1 Canvas573

18.1.2 绘图方法574

18.1.3 绘图属性576

18.2 图形绘制577

18.2.1 矩形577

18.2.2 线条578

18.2.3 多边形579

18.2.4 圆角矩形581

18.2.5 圆形582

18.2.6 曲线584

18.2.7 文字586

18.2.8 图像590

18.3 图形变换与控制598

18.3.1 坐标变换598

18.3.2 矩阵变换603

18.3.3 设置阴影605

18.3.4 叠加风格606

18.3.5 填充风格607

18.4 案例：用Canvas绘制统计报表611

第19章 本地存储615

19.1 本地存储616

19.1.1 本地存储简介616

19.1.2 本地存储类型616

19.2 Web Storage618

19.2.1 sessionStorage618

19.2.2 localStorage620

19.2.3 对比分析623

19.3 IndexedDB623

19.3.1 存储原理623

19.3.2 数据操作624

19.4 Cookie630

19.4.1 Cookie概述630

19.4.2 数据操作630

19.4.3 案例：在网站中自动记录用户状态632

19.5 案例：使用本地数据提升服务器性能635

第20章 Web测试641

20.1 概述642

20.1.1 什么是Web测试642

20.1.2 测试内容642

20.1.3 测试目的643

20.2 用户界面测试643

20.2.1 导航测试643

20.2.2 图形测试644

20.2.3 内容测试644

20.2.4 整体界面测试644

20.3 兼容性测试645

20.3.1 平台兼容性测试645

20.3.2 浏览器兼容性测试646

20.3.3 分辨率兼容性测试648

20.4 功能测试648

20.5 性能测试651

20.5.1 连接速度测试652

20.5.2 压力测试656

参考文献665