JavaScript网页特效案例教程教案(普通班)

常 州 机 电 职 业 技 术 学 院 普 通 类 课 程 教 案 授课章节 第一章 第一个Jav aScript 小程序 1.1 了解JavaScript 1.2 JavaScript 执行原理 1.3 JavaScript 的版本 1.4 脚本编写工具 1.5 编写第一个JAVASCRIPT 授课形式 讲授 授课时间 第 1 周 周 2 （ 8 月30 日） 第 7 至 8 节 教学目标 知识目标： 掌握脚本的基本结构(Script 标签) 简单记忆基本语法 变量的定义与赋值 数据类型与转换parseFloat 等 运算符和控制语句同Jav a 灵活运用高级语法－自定义函数fu nction 能力目标：掌握函数的用法。 素质目标：能根据功能分析出哪里需要添加函数。 教学重点 回顾静态网页相关知识。掌握函数的用法。 教学难点 能根据功能分析出哪里需要添加函数。 补充内容 无 教学场地 及教具使用 多媒体教室 电脑 投影 ppt dreamweaver Mx 2004 教 学 过 程 方法手段 时间分配 导 入 组织教学,点名 回顾 HTML，它的基本元素。 为什么还要学习 JS？ 讲述 10 常州机电职业技术学院普通类课程教案 新 课 第一个JavaScript 小程序 1.1 了解JavaScript 什么是JavaScript 为什么要学JavaScript 1.2JavaScript 执行原理 在脚本的执行过程中，浏览器客户端与应用服务器采用请求/响应模式进行交互 分解这个过程为 1）浏览器接收用户的请求： 2）向服务器请求某个包含JavaScript 脚本的页面 3)应用服务器端向浏览器发送响应信息，即把含有脚本的HTML 文件发送到浏览器客户端，然后由浏览器从上到下逐条解析HTML 标签和JavaScript 脚本，并显示页面效果呈现给用户。 使用客户端脚本的好处有以下两点： a)含脚本的页面只要下载一次，减少不必要的网络通信。 b）脚本程序是浏览器客户端执行，而不是由服务器执行，因此可以减轻服务器端的压力。 1.3JavaScript 的版本 JavaScript 语言最初在Netscape2.0 上发布，此后不断发展，陆续推出了多个版本：JavaScript1.0 到JavasScript1.6。其中JavaScript 1.5,Internet Explorer 6.0 支持，Netscape 6.0 和Firefox1.0 支持。JavaScript 1.6 目前有firefox1.5 支持。 1.4脚本编写工具 记事本 FrontPage Dreamweaver 1.5 写第一个JavaScript 工作任务3： 写出第一个含有JavaScript 的html，功能是弹出一个对话框，并调试成功！ 讲授 20 知识扩展：无 练习或训练 工作任务3： ...