JavaScript网页特效案例教程教案[普通班].docVIP

授课章节 第一章 第一个JavaScript小程序 1.1 了解JavaScript 1.2 JavaScript执行原理 1.3 JavaScript的版本 1.4 脚本编写工具 1.5 编写第一个JavaScript 授课形式 讲授 授课时间 第 1 周 周 2 （ 8月30 日） 第 7 至 8 节 教学目标 知识目标： 掌握脚本的基本结构(Script标签) 简单记忆基本语法 变量的定义与赋值 数据类型与转换parseFloat等 运算符和控制语句同Java 灵活运用高级语法－自定义函数function 能力目标：掌握函数的用法。 素质目标：能根据功能分析出哪里需要添加函数。 教学重点 回顾静态网页相关知识。掌握函数的用法。 教学难点 能根据功能分析出哪里需要添加函数。 补充内容 无 教学场地 及教具使用 多媒体教室 电脑 投影 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： 写出第一个含有JavaScript的html，功能是弹出一个对话框，并调试成功！ 注意Dreamweaver的使用和JavaScript调试方法 40 课后小结 15 布置作业 课后实战题1 5 授课章节 1.6 JavaScript的基本语法 1.6.1 变量声明和赋值 1.6.2 运算符号 授课形式 现场教学 授课时间 第 1 周 周 4 （9月 1 日） 第 5 至 6 节 教学目标 知识目标： 掌握变量声明和赋值方法。 能力目标：编写调用简单的JS代码，完成一定功能。 素质目标：能根据功能分析出编程步骤，并在规定实践完成。 教学重点 运用变量声明和赋值知识,编写调用简单的JS代码，完成一定功能。 教学难点 能根据功能分析出编程步骤，并在规定实践完成。 补充内容 无 教学场地 及教具使用 机房 电脑 dreamweaver MX 2004 教　学　过 程 方法手段 时间分配 导 入 组织教学,点名 回顾JS基本知识。 JavaScript的执行原理是什么?分成几个步骤? 大家简述一下JavaScript脚本的基本结构？ 常用的JavaScript编写工具是什么? 如何调试JavaScript程序? 讲述 10 新 课 1.6 Javascript的基本语法 1.6.1变量的声明和赋值 在JavaScript中，变量的命名规则与Java相同。JavaScript是一种弱类型语言，也就是在变量声明时不需要指定变量类型，变量的类型会由赋给变量的值决定。 1.6.2运算符号 运算符对一个或多个变量或值（操作数）进行运算，并返回一个新值 根据所执行的运算，运算符可分为以下类别： 1）算术运算符用于连接运算表达式。算术运算符包括加（+）、减（?）、乘（*）、除（/）、取模（%）、自加（++）、自减（--）等运算符 2）比较运算符用来连接操作数来组成比较表达式。比较运算符的