文档详情

jQuery网页特效设计基础教程(慕课版)(第2版)-教学大纲、教案第1章 JavaScript基础.docx

发布:2025-05-07约3.46千字共14页下载文档
文本预览下载声明

课次

授课内容或实验内容

教学重点及层次要求

教学难点

课时分配

辅助设施

1

JavaScript基础及jQuery概述

JavaScript概述

JavaScript的开发工具

jQuery对象和DOM对象

2

多媒体

JavaScript的开发工具

JavaScript库

jQuery概述

jQuery下载与配置

jQuery对象和DOM对象

jQuery插件简介

2

使用jQuery选择器1

jQuery的工厂函数

基本选择器

2

多媒体

什么是jQuery选择器

jQuery选择器的优势

基本选择器

3

使用jQuery选择器2

层次选择器

层次选择器

过滤选择器

2

多媒体

过滤选择器

属性选择器

表单选择器

混淆选择器

选择器中的一些注意事项

4

实践课1

编写第一个JavaScript程序

jQuery选择器

2

计算机

表格隔行换色及鼠标指针指向行变色

5

使用jQuery操作DOM1

DOM操作的分类

对元素内容和值进行操作

2

多媒体

对元素内容和值进行操作

对DOM文档节点进行操作

6

使用jQuery操作DOM2

对DOM文档节点进行操作

对DOM文档节点进行操作

2

多媒体

对元素属性进行操作

对元素的CSS样式进行操作

7

实践课2

实现我的开心小农场

jQuery操作DOM节点

1

计算机

多媒体

8

jQuery中的事件处理与动画效果

jQuery中的事件处理

滑动动画效果

2

多媒体

jQuery中的动画效果

9

HTML表单概述

表单标记

输入标记

2

多媒体

输入标记

文本域标记

菜单和列表标记

10

使用jQuery操作表单和表格

使用jQuery操作表单元素

使用jQuery操作表格

2

多媒体

使用jQuery操作表格

11

实践课3

实现图片传送带

滑动动画效果

2

计算机

删除记录时的提示效果

京东登录注册表单

表单应用

1

计算机

12

Ajax在jQuery中的应用

Ajax技术简介

jQuery中的Ajax应用

2

多媒体

安装Web运行环境——AppServ

通过JavaScript应用Ajax

jQuery中的Ajax应用

Ajax的全局事件

13

jQueryUI的常用插件1

初识jQueryUI插件

jQueryUI的常用插件

2

多媒体

jQueryUI的常用插件

14

jQueryUI的常用插件2

jQueryUI的常用插件

jQueryUI的特效

2

多媒体

jQueryUI的特效

15

实践课4

使用Ajax实现留言板即时更新

jQueryUI的特效

2

计算机

使用jQuery实现许愿墙

16

常用的第三方jQuery插件

jQuery插件概述

常用jQuery插件的使用

2

多媒体

常用jQuery插件的使用

17

实践课5

jQuery性能优化与技巧

使用ColorPicker插件制作颜色选择器

ColorPicker插件

2

多媒体

计算机

jQuery性能优化

jQuery常用技巧

18

HTML5基础

HTML5新特性

浏览器对HTML5的支持

2

多媒体

浏览器对HTML5的支持

19

jQuery与HTML5编程

Canvas绘图

Canvas绘图

2

多媒体

图片旋转

WebStorage编程

20

实践课6

旅游信息网前台页面设计

jQuery与HTML5编程

2

计算机

21

实践课7

综合实战——使用jQuery实现携程网站特效

综合实战

2

计算机

第1章JavaScript基础

课程名称

jQuery网页特效设计基础教程

项目名称

JavaScript基础

任务名称

JavaScript基础

课时

1

项目性质

□演示性□验证性□设计性√综合性

授课班级

授课日期

授课地点

教学目标

知识目标

1.了解什么是JavaScript。

2.了解JavaScript的开发工具及使用。

3.了解如何编写JavaScript程序。

4.了解JavaScript的程序出错类型及调试方式。

5.了解JavaScript常用库。

能力目标

1.能够搭建JavaScript开发环境及工具使用。

2.能够使用JavaScript的调试方式来进行代码调试。

素质目标

1.培养学生独立自主的学习态度。

2.培养学生规范、严谨的工作态度。

教学内容

1.任务描述

2.任务展示与实现

(1)利用记事本编写JavaScript代码并验证其效果

(2)应用VSCode编程JavaScript脚本

(2)学生动手操作

3.教师讲解本任务涉及的知识点

4.任务小结

教学重点

1.JavaScript的应用领域

2.JavaScript的特点

3.编写JavaScript脚本

教学难点

1.应

显示全部
相似文档