HTML5+CSS3+JavaScript从入门到精通 微课精编版PDF电子书下载

第1章 HTML5基础 1

1.1 HTML历史 2

1.2 HTML文档结构 4

1.2.1 HTML4基本结构 4

1.2.2 XHTML基本结构 5

1.2.3 HTML5基本结构 6

1.3 HTML基本语法 7

1.3.1 HTML4语法 7

1.3.2 XHTML语法 8

1.3.3 HTML5语法 9

1.4 案例实战 11

1.4.1 编写第一个HTML5文档 11

1.4.2 比较HTML4与HTML5文档结构 12

1.5 扫码阅读 13

1.6 在线练习 13

第2章 新建HTML5文档 14

2.1 设置头部信息 15

2.1.1 定义网页标题 15

2.1.2 定义网页元信息 16

2.1.3 定义文档视口 17

2.1.4 最新head指南 18

2.1.5 移动端HTML5 head头部信息说明 18

2.2 构建网页通用结构 18

2.2.1 定义文档结构 18

2.2.2 使用div和span 20

2.2.3 使用id和class 20

2.3 构建HTML5新结构 22

2.3.1 定义文章块 22

2.3.2 定义区块 23

2.3.3 定义导航条 26

2.3.4 定义边栏 27

2.3.5 定义主要区域 28

2.3.6 定义标题栏 29

2.3.7 定义标题组 30

2.3.8 定义页脚栏 31

2.4 案例实战 31

2.5 扫码阅读 34

2.6 在线练习 34

第3章 网页文本和版式 35

3.1 结构化文本 36

3.1.1 定义标题文本 36

3.1.2 定义段落文本 37

3.1.3 定义引用文本 38

3.2 描述性文本 39

3.2.1 定义强调文本 39

3.2.2 定义格式文本 40

3.2.3 定义输出文本 41

3.2.4 定义缩写文本 42

3.2.5 定义插入和删除文本 43

3.2.6 定义文本方向 43

3.3 功能性文本 44

3.3.1 定义标记文本 44

3.3.2 定义进度信息 45

3.3.3 定义刻度信息 46

3.3.4 定义时间信息 46

3.3.5 定义联系文本 48

3.3.6 定义换行断点 48

3.3.7 定义文本注释 49

3.4 案例实战 49

3.5 扫码阅读 51

3.6 在线练习 52

第4章 使用网页图像和多媒体信息 53

4.1 使用图像 54

4.1.1 插入图像 54

4.1.2 案例：图文混排 54

4.2 使用多媒体插件 56

4.2.1 使用＜embed＞标签 56

4.2.2 使用＜object＞标签 57

4.3 使用HTML5音频和视频 59

4.3.1 使用＜audio＞标签 59

4.3.2 使用＜video＞标签 60

4.4 案例实战 62

4.4.1 设计图文新闻 62

4.4.2 设计阴影白边 66

4.4.3 设计音乐播放器 67

4.4.4 设计视频播放器 69

4.5 HTML5多媒体API 72

4.5.1 设置属性 72

4.5.2 设置方法 72

4.5.3 设置事件 72

4.5.4 访问多媒体属性、方法和事件 72

4.6 在线练习 72

第5章 设计列表和超链接 73

5.1 新建列表 74

5.1.1 无序列表 74

5.1.2 有序列表 75

5.1.3 描述列表 77

5.1.4 菜单列表 79

5.1.5 快捷菜单 81

5.2 定义超链接 83

5.2.1 超链接分类 83

5.2.2 使用＜a＞标签 84

5.2.3 定义锚点链接 86

5.2.4 定义目标链接 87

5.2.5 定义下载链接 87

5.2.6 定义图像热点 88

5.2.7 定义框架链接 89

5.3 案例实战 90

5.3.1 为快捷菜单添加命令 90

5.3.2 设计快捷分享命令 92

5.3.3 设计任务列表命令 93

5.3.4 设计排行榜列表结构 94

5.3.5 设计图文列表栏目 95

5.4 在线练习 98

第6章 设计表格 99

6.1 认识表格结构 100

6.2 新建表格 101

6.2.1 定义普通表格 101

6.2.2 定义列标题 101

6.2.3 定义表格标题 103

6.2.4 表格行分组 103

6.2.5 表格列分组 104

6.3 设置＜table＞属性 107

6.3.1 定义单线表格 107

6.3.2 定义分离单元格 108

6.3.3 定义细线边框 109

6.3.4 添加表格说明 110

6.4 设置＜td＞和＜th＞属性 110

6.4.1 定义跨单元格显示 110

6.4.2 定义表头单元格 111

6.4.3 为单元格指定表头 112

6.4.4 定义信息缩写 113

6.4.5 单元格分类 113

6.5 案例实战 114

6.5.1 网站预览 114

6.5.2 设计方法 116

6.5.3 设计思路 117

6.5.4 构建基本框架 117

6.5.5 完善网页结构 118

6.6 在线练习 120

第7章 设计表单 121

7.1 新建表单 122

7.1.1 使用＜form＞标签 122

7.1.2 使用＜input＞标签 123

7.1.3 使用选项控件 125

7.1.4 使用辅助控件 127

7.2 设计新型输入框 129

7.2.1 定义Email框 129

7.2.2 定义URL框 130

7.2.3 定义数字框 130

7.2.4 定义范围框 131

7.2.5 定义日期选择器 132

7.2.6 定义搜索框 136

7.2.7 定义电话号码框 137

7.2.8 定义拾色器 137

7.3 设置输入框属性 138

7.3.1 定义自动完成 138

7.3.2 定义自动获取焦点 139

7.3.3 定义所属表单 140

7.3.4 定义表单重写 141

7.3.5 定义高和宽 142

7.3.6 定义列表选项 142

7.3.7 定义最小值、最大值和步长 142

7.3.8 定义多选 143

7.3.9 定义匹配模式 143

7.3.10 定义替换文本 144

7.3.11 定义必填 144

7.4 使用新表单对象 145

7.4.1 定义数据列表 145

7.4.2 定义密钥对生成器 146

7.4.3 定义输出结果 146

7.5 设置表单属性 147

7.5.1 定义自动完成 147

7.5.2 定义禁止验证 147

7.6 在线练习 148

第8章 综合演练：设计网站结构 149

8.1 准备工作 150

8.2 设计首页 150

8.2.1 首页分析 150

8.2.2 构建网页标题 151

8.2.3 构建侧边栏 152

8.2.4 构建主体内容 154

8.2.5 构建版权信息 155

8.3 设计详细页 156

8.4 在线练习 159

第9章 CSS3基础 160

9.1 CSS历史 161

9.2 初用CSS 161

9.2.1 CSS样式 162

9.2.2 引入CSS样式 162

9.2.3 CSS样式表 163

9.2.4 导入外部样式表 163

9.2.5 CSS格式化 164

9.2.6 CSS属性 164

9.2.7 CSS属性值 164

9.3 元素选择器 166

9.3.1 标签选择器 166

9.3.2 类选择器 166

9.3.3 ID选择器 167

9.3.4 通配选择器 168

9.4 关系选择器 168

9.4.1 包含选择器 168

9.4.2 子选择器 168

9.4.3 相邻选择器 169

9.4.4 兄弟选择器 170

9.4.5 分组选择器 170

9.5 属性选择器 170

9.6 伪选择器 173

9.6.1 结构伪类 174

9.6.2 否定伪类 180

9.6.3 状态伪类 181

9.6.4 目标伪类 182

9.7 CSS特性 183

9.7.1 CSS 继承性 183

9.7.2 CSS层叠性 183

9.8 在线练习 184

第10章 使用CSS3美化网页文本和图像 185

10.1 设计字体样式 186

10.1.1 定义字体类型 186

10.1.2 定义字体大小 187

10.1.3 定义字体颜色 187

10.1.4 定义字体粗细 187

10.1.5 定义艺术字体 188

10.1.6 定义修饰线 188

10.1.7 定义字体的变体 190

10.1.8 定义大小写字体 190

10.2 设计文本样式 191

10.2.1 定义文本对齐 191

10.2.2 定义垂直对齐 192

10.2.3 定义文本间距 192

10.2.4 定义行高 193

10.2.5 定义首行缩进 194

10.3 设计图像样式 195

10.3.1 定义图像大小 195

10.3.2 定义图像边框 196

10.3.3 定义不透明度 199

10.3.4 定义圆角特效 199

10.3.5 定义阴影特效 200

10.4 案例实战 202

10.4.1 设计文本阴影 202

10.4.2 控制文本溢出 204

10.4.3 控制文本换行 205

10.4.4 设计动态内容 207

10.4.5 设计个性字体 208

10.4.6 设计正文版式1 210

10.4.7 设计正文版式2 213

10.4.8 设计正文版式3 214

10.4.9 设计正文版式4 214

10.5 在线练习 215

第11章 使用CSS3背景图像和渐变背景 216

11.1 设计背景图像 217

11.1.1 设置背景图像 217

11.1.2 设置显示方式 217

11.1.3 设置显示位置 219

11.1.4 设置固定背景 221

11.1.5 设置定位原点 222

11.1.6 设置裁剪区域 224

11.1.7 设置背景图像大小 225

11.1.8 设置多重背景图像 226

11.2 设计渐变背景 227

11.2.1 定义线性渐变 227

11.2.2 设计线性渐变样式 229

11.2.3 定义重复线性渐变 229

11.2.4 定义径向渐变 229

11.2.5 设计径向渐变样式 231

11.2.6 定义重复径向渐变 231

11.3 案例实战 232

11.3.1 设计条纹背景 232

11.3.2 设计网页背景色 234

11.3.3 设计图标 235

11.3.4 特殊渐变应用场景 236

11.3.5 设计折角栏目 238

11.3.6 设计优惠券 241

11.4 在线练习 244

第12章 使用CSS3美化列表和超链接样式 245

12.1 设计超链接样式 246

12.1.1 使用动态伪类 246

12.1.2 定义下划线样式 247

12.1.3 定义特效样式 249

12.1.4 定义光标样式 250

12.2 设计列表样式 252

12.2.1 定义项目符号类型 252

12.2.2 定义项目符号图像 253

12.2.3 模拟项目符号 254

12.3 案例实战 254

12.3.1 设计图形按钮链接 254

12.3.2 设计背景滑动样式 255

12.3.3 设计背景交换样式 257

12.3.4 设计水平滑动菜单 258

12.3.5 设计垂直滑动菜单 259

12.3.6 设计Tab选项面板 261

12.3.7 设计下拉式面板 264

12.4 在线练习 266

第13章 使用CSS3美化表格和表单样式 267

13.1 设计表格样式 268

13.1.1 定义边框样式 268

13.1.2 定义单元格间距 269

13.1.3 定义标题位置 269

13.1.4 隐藏空单元格 270

13.2 设计表单样式 271

13.2.1 定义文本框样式 271

13.2.2 定义单选按钮和复选框样式 273

13.2.3 定义选择框样式 275

13.3 案例实战 277

13.3.1 设计细线表格 277

13.3.2 设计斑马线表格 280

13.3.3 设计结构样式表格 281

13.3.4 设计登录表单 283

13.3.5 设计搜索表单 285

13.3.6 设计联系表单 287

13.4 设计表格特殊样式 290

13.4.1 表格布局特性 290

13.4.2 定义列组和行组样式 290

13.4.3 表格结构的层叠顺序 290

13.5 在线练习 290

第14章 使用CSS3排版网页 291

14.1 CSS盒模型 292

14.1.1 认识 display 292

14.1.2 认识CSS盒模型 292

14.1.3 定义边界 293

14.1.4 定义边框 295

14.1.5 定义补白 296

14.2 设计浮动显示 297

14.2.1 定义float 298

14.2.2 使用clear 300

14.3 设计定位显示 302

14.3.1 定义position 302

14.3.2 设置层叠顺序 307

14.4 案例实战 308

14.4.1 设计两栏页面 309

14.4.2 设计三栏页面 310

14.4.3 设计居中网页 312

14.4.4 设计定位页面 314

14.4.5 设计伪列页面 314

14.4.6 设计浮动页面 315

14.5 扫码拓展阅读 315

14.6 在线练习 315

第15章 设计CSS3伸缩布局和响应布局 316

15.1 多列布局 317

15.1.1 设置列宽 317

15.1.2 设置列数 318

15.1.3 设置间距 318

15.1.4 设置列边框 319

15.1.5 设置跨列显示 320

15.1.6 设置列高度 321

15.2 新版伸缩盒 321

15.2.1 认识Flexbox 321

15.2.2 启动伸缩盒 322

15.2.3 设置主轴方向 323

15.2.4 设置行数 324

15.2.5 设置对齐方式 325

15.2.6 设置伸缩项目 328

15.3 媒体查询 330

15.3.1 认识＠media 330

15.3.2 使用＠media 332

15.4 案例实战 334

15.4.1 设计三栏伸缩页面 334

15.4.2 设计自适应页面 337

15.4.3 设计响应式页面 340

15.4.4 设计响应式菜单 342

15.5 在线练习 343

第16章 设计CSS3动画 344

16.1 设计变形动画 345

16.1.1 设置变形原点 345

16.1.2 定义 2D旋转 346

16.1.3 定义2D缩放 346

16.1.4 定义2D平移 347

16.1.5 定义D倾斜 348

16.1.6 定义2D矩阵 348

16.1.7 定义3D平移 349

16.1.8 定义3D缩放 350

16.1.9 定义3D旋转 350

16.2 设计过渡动画 351

16.2.1 设置过渡属性 351

16.2.2 设置过渡时间 352

16.2.3 设置延迟过渡时间 353

16.2.4 设置过渡动画类型 353

16.2.5 设置过渡触发动作 354

16.3 设计帧动画 359

16.3.1 设置关键帧 359

16.3.2 设置动画属性 360

16.4 案例实战 362

16.4.1 设计动画菜单 362

16.4.2 绘制3D盒子 364

16.4.3 设计旋转的3D盒子 366

16.4.4 设计折叠面板 367

16.5 在线练习 369

第17章 JavaScript基础 370

17.1 JavaScript历史 371

17.2 在网页中使用JavaScript 371

17.2.1 编写脚本 371

17.2.2 脚本位置 373

17.2.3 脚本基本规范 374

17.3 使用变量 375

17.3.1 声明变量 375

17.3.2 数据类型 376

17.4 使用运算符和表达式 377

17.5 使用语句 381

17.5.1 表达式语句和语句块 381

17.5.2 条件语句 381

17.5.3 循环语句 383

17.5.4 跳转语句 385

17.6 使用函数 386

17.6.1 定义函数 386

17.6.2 调用函数 387

17.6.3 函数参数 387

17.7 使用对象 389

17.7.1 创建对象 389

17.7.2 访问对象 390

17.8 使用数组 391

17.8.1 定义数组 391

17.8.2 存取元素 392

17.8.3 应用数组 393

17.9 案例实战 395

17.9.1 使用constructor检测数据类型 395

17.9.2 使用toString检测数据类型 395

17.9.3 值类型转换 395

17.9.4 引用类型转换 396

17.9.5 转换为字符串 396

17.9.6 转换为数字 396

17.9.7 转换为布尔值 396

17.9.8 强制转换 396

17.9.9 使用Arguments对象 396

17.9.10 使用call()和apply() 396

17.9.11 使用this 397

17.9.12 函数调用模式 397

17.10 在线练习 397

第18章 操作DOM 398

18.1 使用节点 399

18.1.1 节点类型 399

18.1.2 节点名称和值 399

18.1.3 访问节点 399

18.1.4 编辑节点 400

18.2 使用文档 400

18.2.1 访问文档子节点 401

18.2.2 访问文档信息 401

18.2.3 访问文档元素 401

18.2.4 访问文档集合 402

18.3 使用元素 402

18.3.1 访问元素 403

18.3.2 创建元素 403

18.3.3 复制元素 404

18.3.4 插入元素 404

18.3.5 删除元素 405

18.3.6 替换节点 406

18.3.7 获取焦点元素 407

18.4 使用文本 408

18.4.1 访问文本 408

18.4.2 创建文本 409

18.4.3 编辑文本 409

18.4.4 读取HTML字符串 409

18.4.5 插入HTML字符串 410

18.5 使用属性 411

18.5.1 访问属性 411

18.5.2 读取属性 412

18.5.3 设置属性 413

18.5.4 删除属性 414

18.5.5 使用类选择器 414

18.6 使用CSS选择器 415

18.7 扫码拓展阅读 416

18.8 在线练习 416

第19章 操作事件 417

19.1 事件基础 418

19.1.1 事件模型 418

19.1.2 事件流 418

19.1.3 事件类型 419

19.1.4 绑定事件 419

19.1.5 定义事件处理函数 420

19.1.6 注册事件 421

19.1.7 销毁事件 423

19.1.8 使用event 425

19.1.9 事件委托 427

19.2 案例实战 428

19.2.1 设计鼠标拖放操作 428

19.2.2 设计鼠标跟随特效 430

19.2.3 跟踪鼠标在对象内相对位置 432

19.2.4 设计推箱子游戏 434

19.2.5 设计满屏显示 434

19.2.6 自动读取选择文本 435

19.2.7 设计自动跳转菜单 435

19.2.8 禁止表单提交 435

19.2.9 分享选中文本 435

19.3 在线练习 435

第20章 操作CSS样式 436

20.1 操作CSS样式基础 437

20.1.1 访问行内样式 437

20.1.2 使用style 438

20.1.3 使用styleSheets 441

20.1.4 使用selectorText 444

20.1.5 修改样式 445

20.1.6 添加样式 445

20.1.7 访问渲染样式 446

20.2 案例实战 449

20.2.1 设计网页换肤 449

20.2.2 设计折叠面板 451

20.2.3 设计工具提示 453

20.3 在线练习 453

第21章 使用Ajax 454

21.1 使用XMLHttpRequest 455

21.1.1 定义XMLHttpRequest对象 455

21.1.2 建立XMLHttpRequest连接 456

21.1.3 发送GET请求 457

21.1.4 发送POST请求 457

21.1.5 转换串行化字符串 459

21.1.6 跟踪状态 460

21.1.7 中止请求 461

21.1.8 获取XML数据 461

21.1.9 获取HTML文本 462

21.1.10 获取JavaScript脚本 463

21.1.11 获取JSON数据 463

21.1.12 获取纯文本 464

21.1.13 获取头部信息 465

21.2 案例实战 465

21.3 扫码实战 468

21.3.1 Ajax交互提示 468

21.3.2 记录集分页显示 469

21.3.3 异步更新Tab面板内容 469

21.3.4 快速匹配搜索 469

21.4 搭建IIS虚拟服务器 469

21.5 在线练习 469

第22章 表格开发 470

22.1 访问表格 471

22.2 表格排序 472

22.2.1 设计适合排序的表格结构 472

22.2.2 实现基本排序功能 473

22.2.3 优化排序性能 475

22.2.4 优化类型排序 476

22.2.5 完善视觉交互效果 477

22.3 表格分页 478

22.4 表格过滤 481

22.4.1 快速过滤 481

22.4.2 多关键字匹配 482

22.4.3 列过滤 483

22.5 表格编辑 483

22.6 在线练习 484

第23章 表单开发 485

23.1 表单开发基础 486

23.1.1 访问表单对象 486

23.1.2 访问表单元素 486

23.1.3 访问字段属性 487

23.1.4 访问文本框的值 489

23.1.5 访问选择框的值 491

23.1.6 编辑选项 494

23.2 案例实战 497

23.2.1 设计表单结构 497

23.2.2 设计分组标题 498

23.2.3 设计提示信息 499

23.2.4 设计条件字段 500

23.2.5 表单验证 502

23.3 在线练习 505

第24章 综合实战 506

24.1 购物网站策划 507

24.2 设计网站结构 508

24.2.1 定义文件结构 508

24.2.2 定义网页结构 508

24.2.3 设计效果图 508

24.3 设计网站样式 509

24.3.1 网站样式分类 509

24.3.2 编写全局样式 509

24.3.3 编写可重用样式 509

24.3.4 编写网站首页主体布局 510

24.3.5 编写详细页主体布局 510

24.4 设计首页交互行为 510

24.4.1 搜索框文字效果 510

24.4.2 网页换肤 511

24.4.3 导航效果 512

24.4.4 商品分类热销效果 512

24.4.5 产品广告效果 513

24.4.6 超链接提示 514

24.4.7 品牌活动横向滚动效果 516

24.4.8 光标滑过产品列表效果 517

24.5 设计详细页交互行为 518

24.5.1 图片放大镜效果 518

24.5.2 图片遮罩效果 519

24.5.3 小图切换大图 520

24.5.4 选项卡 521

24.5.5 产品颜色切换 523

24.5.6 产品尺寸切换 524

24.5.7 产品数量和价格联动 525

24.5.8 产品评分的效果 525

24.5.9 模态对话框 526

24.6 扫码实战 527

24.6.1 综合实战：设计专题页 527

24.6.2 综合实战：设计电子相册 527

24.6.3 综合实战：设计在线记事本 527

24.7 在线练习 527