admin 管理员组

文章数量: 1184232


2024年3月14日发(作者：hbuilder网页制作源代码)

第10章 JavaScript特效

课程名称

任务名称

项目性质

授课班级

JavaScript前端开发程序

设计

JavaScript特效

项目名称

课时

JavaScript特效

4

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

能力目标：

授课日期

授课地点

1. 具备使用JavaScript实现网页特效的能力

知识目标：

教学目标

1. 掌握JavaScript完成特效的方法

2. 掌握JavaScript不同特效的完成方法

素质目标：

1. 培养学生信息搜集能力

2. 培养学生团结合作、互帮互助的能力

1. JavaScript特效

2. 任务展示与实现

教学内容

完成不同类型的特效

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

4. 实训与小结

教学重点

教学难点

JavaScript特效

JavaScript特效

1. 装有EditPlus、Dreamweaver的电脑

2. 教学课件PPT

3. 教材：《JavaScript前端开发程序设计教程（微课版）》李玉臣 臧金梅 人民邮电出版社

教学准备

作业设计

1

教学过程

教学

环节

课前组

织

课程

说明

教学内容与过程

（教学内容、教学方法、组织形式、教学手段）

做好课前“5分钟”教学管理（多媒体、实训室），做好上课前的各项准备工作（打开电脑、打

开课件、打开软件、打开U盘中的素材位置、打开授课计划、教案等），吸引学生注意力。

【课前说明】

使用JavaScript技术完成各种特效

【目的】

使学生从了解本单元的学习目标、学习重点、考评方式等方面明确学习本单元知识的要求和目

标。掌握使用JavaScript技术实现各种特效的方法

课程

内容

描述

一、JavaScript不同类型的特效

1. 页面导航栏特效

2. 页面文本特效

3. 图形特效

二、各种特效

案例：

1. 树形目录式导航菜单设计

2. 以打字效果滚动显示文本

课堂

实训

同步训练：

1. 带有注释的导航菜单设计

2. 随机显示文字牌

3. 自动变形的图片特效

3

总结

评价

通过学习，学生能够掌握JavaScript实现的各种特效技能

4


本文标签： 打开 显示 学习 实现

版权声明：本文标题：JavaScript前端开发程序设计教程第10章教案 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/p/1710358615a569438.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。