JavaScript交互式网页设计（微课版）

【归纳总结】

8.6 课后训练

8.5.2 任务要求

8.5.1 任务描述

8.5 任务拓展——设计手机号码滚动抽奖器

8.4.3 编写JavaScript脚本文件

8.4.2 编写CSS文件

8.4.1 编写HTML文件

8.4 任务实现

8.3.3 数组的函数式编程

8.3.2 数组的基本操作

8.3.1 认识JavaScript数组

8.3 关键知识和技术——JavaScript数组

8.2.2 设计抽奖功能

8.2.1 抽奖算法

8.2 任务分析与设计

8.1 任务描述

【核心内容】

【单元目标】

单元8 设计网页抽奖器

【归纳总结】

7.6 课后训练

7.5.2 任务要求

7.5.1 任务描述

7.5 任务拓展——设计登录表单校验效果

7.4.3 编写JavaScript脚本文件

7.4.2 编写CSS文件

7.4.1 编写HTML文件

7.4 任务实现

7.3.5 JavaScript调用约束校验API

7.3.4 CSS3表单校验伪类选择器

7.3.3 HTML5表单校验属性和事件

7.3.2 正则表达式的使用方法

7.3.1 认识正则表达式

7.3 关键知识和技术——正则表达式和表单校验

7.2.2 设计表单校验任务

7.2.1 分析表单校验任务

7.2 任务分析与设计

7.1 任务描述

【核心内容】

【单元目标】

单元7 设计表单校验效果

【归纳总结】

6.6 课后训练

6.5.2 任务要求

6.5.1 任务描述

6.5 任务拓展——设计手风琴图片切换效果

6.4.3 编写JavaScript脚本文件

6.4.2 编写CSS文件

6.4.1 编写HTML文件

6.4 任务实现

6.3.3 使用canvas绘图

6.3.2 使用CSS绘图

6.3.1 JavaScript动画实现技术

6.3 关键知识和技术——JavaScript动画

6.2.2 轮播效果的实现过程

6.2.1 动画原理

6.2 任务分析与设计

6.1 任务描述

【核心内容】

【单元目标】

单元6 设计网页轮播图效果

【归纳总结】

5.6 课后训练

5.5.2 任务要求

5.5.1 任务描述

5.5 任务拓展——设计基于类的模态对话框效果

5.4.3 编写JavaScript脚本文件

5.4.2 编写CSS文件

5.4.1 编写HTML文件

5.4 任务实现

5.3.11 内置对象

5.3.10 JavaScript类

5.3.9 对象继承

5.3.8 原型链

5.3.7 配置对象

5.3.6 管理对象

5.3.5 创建对象

5.3.4 原型对象

5.3.3 构造函数

5.3.2 认识JavaScript对象

5.3.1 认识面向对象

5.3 关键知识和技术——面向对象编程

5.2.3 模态对话框类设计

5.2.2 模态对话框的构成要素

5.2.1 模态对话框的实现原理

5.2 任务分析与设计

5.1 任务描述

【核心内容】

【单元目标】

单元5 设计模态对话框效果

【归纳总结】

4.6 课后训练

4.5.2 任务要求

4.5.1 任务描述

4.5 任务拓展——设计公告栏信息垂直滚动效果

4.4.3 编写JavaScript脚本文件

4.4.2 编写CSS文件

4.4.1 编写HTML文件

4.4 任务实现

4.3.12 history对象

4.3.11 screen对象

4.3.10 navigator对象

4.3.9 location对象

4.3.8 window对象

4.3.7 认识BOM

4.3.6 全局函数

4.3.5 递归函数

4.3.4 闭包函数

4.3.3 箭头函数

4.3.2 函数的参数与返回值

4.3.1 认识函数

4.3 关键知识和技术——函数和BOM

4.2.2 设计流程

4.2.1 滚动原理

4.2 任务分析与设计

4.1 任务描述

【核心内容】

【单元目标】

单元4 设计公告栏信息滚动效果

【归纳总结】

3.6 课后训练

3.5.2 任务要求

3.5.1 任务描述

3.5 任务拓展——设计网页选项卡效果

3.4.3 编写JavaScript脚本文件

3.4.2 编写CSS文件

3.4.1 编写HTML文件

3.4 任务实现

3.3.11 事件委托

3.3.10 事件模拟

3.3.9 事件类型

3.3.8 事件对象

3.3.7 事件处理程序

3.3.6 认识DOM事件

3.3.5 认识元素的尺寸和位置

3.3.4 操作CSS样式表

3.3.3 操作CSS类样式

3.3.2 设置元素的行内样式

3.3.1 获取元素的计算样式

3.3 关键知识和技术——CSS和DOM事件

3.2.2 导航的设计流程

3.2.1 导航的表现形式

3.2 任务分析与设计

3.1 任务描述

【核心内容】

【单元目标】

单元3 设计网站的二级导航效果

【归纳总结】

2.6 课后训练

2.5.2 任务要求

2.5.1 任务描述

2.5 任务拓展——设计网页文字的缩放效果

2.4.3 编写JavaScript脚本文件

2.4.2 编写CSS文件

2.4.1 编写HTML文件

2.4 任务实现

2.3.6 本地数据存储方案

2.3.5 操作HTML元素

2.3.4 操作DOM节点

2.3.3 DOM对象的继承关系

2.3.2 HTML DOM节点的层级关系

2.3.1 HTML DOM的节点类型

2.3 关键知识和技术——DOM和本地存储

2.2 任务分析与设计

2.1 任务描述

【核心内容】

【单元目标】

单元2 设计网页换肤效果

【归纳总结】

1.6 课后训练

1.5.3 配置ECMAScript 6的兼容环境

1.5.2 了解ECMAScript 6的新特性

1.5.1 了解JavaScript的常用扩展库、常用框架和衍生语言

1.5 任务拓展——配置ECMAScript 6兼容环境

1.4.7 认识JavaScript语句

1.4.6 认识JavaScript表达式

1.4.5 认识JavaScript运算符

1.4.4 认识JavaScript常量

1.4.3 认识JavaScript变量

1.4.2 认识JavaScript数据类型

1.4.1 认识JavaScript词法符号

1.4 任务实现

1.3.5 利用Node.js安装http-server服务器

1.3.4 浏览器中的开发者工具

1.3.3 浏览器渲染Web页面的过程

1.3.2 在HTML中使用JavaScript

1.3.1 什么是JavaScript

1.3 关键知识和技术——搭建开发环境

1.2.2 JavaScript学习路线

1.2.1 JavaScript在Web中的地位和作用

1.2 任务分析与设计

1.1 任务描述

【核心内容】

【单元目标】

单元1 理解JavaScript脚本语言

前言

内容提要

版权信息

封面

封面

版权信息

内容提要

前言

单元1 理解JavaScript脚本语言

【单元目标】

【核心内容】

1.1 任务描述

1.2 任务分析与设计

1.2.1 JavaScript在Web中的地位和作用

1.2.2 JavaScript学习路线

1.3 关键知识和技术——搭建开发环境

1.3.1 什么是JavaScript

1.3.2 在HTML中使用JavaScript

1.3.3 浏览器渲染Web页面的过程

1.3.4 浏览器中的开发者工具

1.3.5 利用Node.js安装http-server服务器

1.4 任务实现

1.4.1 认识JavaScript词法符号

1.4.2 认识JavaScript数据类型

1.4.3 认识JavaScript变量

1.4.4 认识JavaScript常量

1.4.5 认识JavaScript运算符

1.4.6 认识JavaScript表达式

1.4.7 认识JavaScript语句

1.5 任务拓展——配置ECMAScript 6兼容环境

1.5.1 了解JavaScript的常用扩展库、常用框架和衍生语言

1.5.2 了解ECMAScript 6的新特性

1.5.3 配置ECMAScript 6的兼容环境

1.6 课后训练

【归纳总结】

单元2 设计网页换肤效果

【单元目标】

【核心内容】

2.1 任务描述

2.2 任务分析与设计

2.3 关键知识和技术——DOM和本地存储

2.3.1 HTML DOM的节点类型

2.3.2 HTML DOM节点的层级关系

2.3.3 DOM对象的继承关系

2.3.4 操作DOM节点

2.3.5 操作HTML元素

2.3.6 本地数据存储方案

2.4 任务实现

2.4.1 编写HTML文件

2.4.2 编写CSS文件

2.4.3 编写JavaScript脚本文件

2.5 任务拓展——设计网页文字的缩放效果

2.5.1 任务描述

2.5.2 任务要求

2.6 课后训练

【归纳总结】

单元3 设计网站的二级导航效果

【单元目标】

【核心内容】

3.1 任务描述

3.2 任务分析与设计

3.2.1 导航的表现形式

3.2.2 导航的设计流程

3.3 关键知识和技术——CSS和DOM事件

3.3.1 获取元素的计算样式

3.3.2 设置元素的行内样式

3.3.3 操作CSS类样式

3.3.4 操作CSS样式表

3.3.5 认识元素的尺寸和位置

3.3.6 认识DOM事件

3.3.7 事件处理程序

3.3.8 事件对象

3.3.9 事件类型

3.3.10 事件模拟

3.3.11 事件委托

3.4 任务实现

3.4.1 编写HTML文件

3.4.2 编写CSS文件

3.4.3 编写JavaScript脚本文件

3.5 任务拓展——设计网页选项卡效果

3.5.1 任务描述

3.5.2 任务要求

3.6 课后训练

【归纳总结】

单元4 设计公告栏信息滚动效果

【单元目标】

【核心内容】

4.1 任务描述

4.2 任务分析与设计

4.2.1 滚动原理

4.2.2 设计流程

4.3 关键知识和技术——函数和BOM

4.3.1 认识函数

4.3.2 函数的参数与返回值

4.3.3 箭头函数

4.3.4 闭包函数

4.3.5 递归函数

4.3.6 全局函数

4.3.7 认识BOM

4.3.8 window对象

4.3.9 location对象

4.3.10 navigator对象

4.3.11 screen对象

4.3.12 history对象

4.4 任务实现

4.4.1 编写HTML文件

4.4.2 编写CSS文件

4.4.3 编写JavaScript脚本文件

4.5 任务拓展——设计公告栏信息垂直滚动效果

4.5.1 任务描述

4.5.2 任务要求

4.6 课后训练

【归纳总结】

单元5 设计模态对话框效果

【单元目标】

【核心内容】

5.1 任务描述

5.2 任务分析与设计

5.2.1 模态对话框的实现原理

5.2.2 模态对话框的构成要素

5.2.3 模态对话框类设计

5.3 关键知识和技术——面向对象编程

5.3.1 认识面向对象

5.3.2 认识JavaScript对象

5.3.3 构造函数

5.3.4 原型对象

5.3.5 创建对象

5.3.6 管理对象

5.3.7 配置对象

5.3.8 原型链

5.3.9 对象继承

5.3.10 JavaScript类

5.3.11 内置对象

5.4 任务实现

5.4.1 编写HTML文件

5.4.2 编写CSS文件

5.4.3 编写JavaScript脚本文件

5.5 任务拓展——设计基于类的模态对话框效果

5.5.1 任务描述

5.5.2 任务要求

5.6 课后训练

【归纳总结】

单元6 设计网页轮播图效果

【单元目标】

【核心内容】

6.1 任务描述

6.2 任务分析与设计

6.2.1 动画原理

6.2.2 轮播效果的实现过程

6.3 关键知识和技术——JavaScript动画

6.3.1 JavaScript动画实现技术

6.3.2 使用CSS绘图

6.3.3 使用canvas绘图

6.4 任务实现

6.4.1 编写HTML文件

6.4.2 编写CSS文件

6.4.3 编写JavaScript脚本文件

6.5 任务拓展——设计手风琴图片切换效果

6.5.1 任务描述

6.5.2 任务要求

6.6 课后训练

【归纳总结】

单元7 设计表单校验效果

【单元目标】

【核心内容】

7.1 任务描述

7.2 任务分析与设计

7.2.1 分析表单校验任务

7.2.2 设计表单校验任务

7.3 关键知识和技术——正则表达式和表单校验

7.3.1 认识正则表达式

7.3.2 正则表达式的使用方法

7.3.3 HTML5表单校验属性和事件

7.3.4 CSS3表单校验伪类选择器

7.3.5 JavaScript调用约束校验API

7.4 任务实现

7.4.1 编写HTML文件

7.4.2 编写CSS文件

7.4.3 编写JavaScript脚本文件

7.5 任务拓展——设计登录表单校验效果

7.5.1 任务描述

7.5.2 任务要求

7.6 课后训练

【归纳总结】

单元8 设计网页抽奖器

【单元目标】

【核心内容】

8.1 任务描述

8.2 任务分析与设计

8.2.1 抽奖算法

8.2.2 设计抽奖功能

8.3 关键知识和技术——JavaScript数组

8.3.1 认识JavaScript数组

8.3.2 数组的基本操作

8.3.3 数组的函数式编程

8.4 任务实现

8.4.1 编写HTML文件

8.4.2 编写CSS文件

8.4.3 编写JavaScript脚本文件

8.5 任务拓展——设计手机号码滚动抽奖器

8.5.1 任务描述

8.5.2 任务要求

8.6 课后训练

【归纳总结】