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

《javascript网页特效案例教程教案(普通班)》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、授课章节第一章第一个JavaScript小程序1.1了解JavaScript1.2JavaScript执行原理1.3JavaScript的版本1.4脚本编写工具1.5编写第一个JavaScript授课形式讲授授课时间第1周周2（8月30日）第7至8节教学目标知识目标：掌握脚本的基本结构(Script标签)简单记忆基本语法变量的定义与赋值数据类型与转换parseFloat等运算符和控制语句同Java灵活运用高级语法－自定义函数function能力目标：掌握函数的用法。素质目标：能根据功能分析出哪里需要添加函数。教学重点回顾

2、静态网页相关知识。掌握函数的用法。教学难点能根据功能分析出哪里需要添加函数。补充内容无教学场地及教具使用多媒体教室电脑投影pptdreamweaverMx2004教　学　过程方法手段时间分配导入组织教学,点名回顾HTML，它的基本元素。为什么还要学习JS？讲述10常州机电职业技术学院普通类课程教案新课第一个JavaScript小程序1.1了解JavaScript什么是JavaScript为什么要学JavaScript1.2JavaScript执行原理在脚本的执行过程中，浏览器客户端与应用服务器采用请求/响应模式进行交互分

3、解这个过程为1）浏览器接收用户的请求：2）向服务器请求某个包含JavaScript脚本的页面3)应用服务器端向浏览器发送响应信息，即把含有脚本的HTML文件发送到浏览器客户端，然后由浏览器从上到下逐条解析HTML标签和JavaScript脚本，并显示页面效果呈现给用户。使用客户端脚本的好处有以下两点：a)含脚本的页面只要下载一次，减少不必要的网络通信。b）脚本程序是浏览器客户端执行，而不是由服务器执行，因此可以减轻服务器端的压力。1.3JavaScript的版本JavaScript语言最初在Netscape2.0上发布，

4、此后不断发展，陆续推出了多个版本：JavaScript1.0到JavasScript1.6。其中JavaScript1.5,InternetExplorer6.0支持，Netscape6.0和Firefox1.0支持。JavaScript1.6目前有firefox1.5支持。1.4脚本编写工具记事本FrontPageDreamweaver1.5写第一个JavaScript工作任务3：写出第一个含有JavaScript的html，功能是弹出一个对话框，并调试成功！讲授20知识扩展：无练习或训练工作任务3：写出第一个含有Ja

5、vaScript的html，功能是弹出一个对话框，并调试成功！注意Dreamweaver的使用和JavaScript调试方法40课后小结15布置作业课后实战题15常州机电职业技术学院普通类课程教案授课章节1.6JavaScript的基本语法1.6.1变量声明和赋值1.6.2运算符号授课形式现场教学授课时间第1周周4（9月1日）第5至6节教学目标知识目标：掌握变量声明和赋值方法。能力目标：编写调用简单的JS代码，完成一定功能。素质目标：能根据功能分析出编程步骤，并在规定实践完成。教学重点运用变量声明和赋值知识,编写调用简单

6、的JS代码，完成一定功能。教学难点能根据功能分析出编程步骤，并在规定实践完成。补充内容无教学场地及教具使用机房电脑dreamweaverMX2004教　学　过程方法手段时间分配导入组织教学,点名回顾JS基本知识。JavaScript的执行原理是什么?分成几个步骤?大家简述一下JavaScript脚本的基本结构？常用的JavaScript编写工具是什么?如何调试JavaScript程序?讲述10常州机电职业技术学院普通类课程教案新课1.6Javascript的基本语法1.6.1变量的声明和赋值在JavaScript中，变量

7、的命名规则与Java相同。JavaScript是一种弱类型语言，也就是在变量声明时不需要指定变量类型，变量的类型会由赋给变量的值决定。1.6.2运算符号运算符对一个或多个变量或值（操作数）进行运算，并返回一个新值根据所执行的运算，运算符可分为以下类别：1）算术运算符用于连接运算表达式。算术运算符包括加（+）、减（−）、乘（*）、除（/）、取模（%）、自加（++）、自减（--）等运算符2）比较运算符用来连接操作数来组成比较表达式。比较运算符的基本操作过程是：首先对操作数进行比较，然后返回一个布尔值true或false。包括

8、>、<、>=、<=、==、!=3)JavaScript支持的常用逻辑运算符,包括！、

9、

10、、&&4)赋值运算符，包括=、+=、—=、*=、/=变量声明和赋值现场教学20知识扩展：无练习或训练使用变量和运算符,实现如下运算a=1,b=2,a+b=3c=”hello”d=”you”c+d=”helloyou”e=false