2014-2015学年-说课-JavaScript基础语法.ppt

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,辽中县职业教育中心,2014-2015,学年,第二学期,北校区教师说课比赛,说课内容：,JavaScript,基础语法,说课教师：侯腾飞,所属部门：计算机教研室,本次说课内容简介,与北大青鸟合作办学简介,BEWEB课程体系简介,本课程相关内容说明,当前学生学习情况,本章教学安排,教法与学法,教学过程简介,课后学生学习反馈,与北大青鸟合作办学简介,学校提供环境、教师,学生服从学校管理,北大青鸟提供教材及课件,北大青鸟负责和学生签署顶岗实习就业协议,北大青鸟承诺：当学生完成所安排的课程的学习，,并通过相关考试，北大青鸟将负责,安排顶岗实习。

BEWEB,课程体系,第二学期,第一学期,计算机与网络基础,美术基础,使用,Photoshop,设计网页,使用,Dreamweaver,制作网页,网站配色与布局,使用,Illustrator,设计图形,第一学年,第三学期,第四学期,使用,CSS+DIV,制作网页,制作,JavaScript,脚本特效,制作,Flash,动画,毕业设计,使用,PHP+MySql,开发网站,创意设计项目实战,第二学年,职业导向训练手册（软技能）,第三学年,顶岗实习,本课程相关内容说明,JavaScript,概念,JavaScript,是一种轻型的、解释型的程序设计语言,具有：面向对象的功能,可以用来：,表示,Web,浏览器窗口及其内容的对象,客户端程序编写,达到：,网页从静态到动态的效果,本课程相关内容说明,训练技能,使用,JavaScript,实现表单验证,使用,JavaScript,制作网页广告特效,使用,JavaScript,制作弹出窗口特效,使用,JavaScript,实现时钟特效,使用,JavaScript,实现级联显示功能,使用,JavaScript+CSS,实现,CSS,样式特效,本课程相关内容说明,本课程设计思路,本课程总共,13,章，分为,JavaScript,基础语法、程序逻辑控制、特效制作、表单验证及综合应用五部分。

具体章节课时安排如下：,第一章：,6,课时；第二章：,6,课时；第三章：,6,课时,第四章：,6,课时；第五章：,6,课时；第六章：,6,课时,第七章：,6,课时；第八章：,8,课时；第九章：,8,课时,第十章：,10,课时；第十一章：,8,课时；,第十二章：,8,课时；第十三章：,12,课时当前所教班级学生情况,春季班学生和秋季班学生,男生和女生,走读生和住宿生,爱学习的和不爱学习的,爱劳动的和不爱劳动的,本章教学安排,本章共分为两节，每节又都包含五小节,第一节：我的第一个,JS,程序（,2,课时）,为什么要学习,JavaScript,什么是,JavaScript,JavaScript,的基本结构,JavaScript,简单应用,实现案例,我的第一个,JS,程序,第二节：计算每日温差（,2,课时）,变量的声明和赋值,数据类型,运算符,注释,实现案例,计算每日温差,上机实战,（,2,课时）,教法与学法,案例分析法,任务驱动法,分组讨论法,教学过程简介,上课问好,安全教育：,禁止吃零食,禁止插座充电,禁止使用化妆用品,禁止带有手脚上的交流,导入,多媒体讲解,本章任务,唐诗鉴赏,问候语显示,根据输入的学生成绩计算平均分,计算员工工资,本章目标,掌握,JavaScript,的基本结构,掌握,JavaScript,在页面中的应用,掌握脚本的基本语法,示例文字,回顾,HTML-1,常用的,HTML,标签有哪些？,请说说表格的基本结构以及,跨行、跨列的用法,？,单元格内容,单元格内容,标签名称,说 明,界定一个完整的,HTML,文档,定义文档的头部,设定显示在浏览器左上方的标题内容,定义文档的主体,定义文字的字体、字号和颜色,定义文本的段落,在文本中插入一个换行,插入一张图像,插入一条水平分隔线,定义超级链接,实现页面中的滚动文字或图片,回顾,HTML-2,请简述表单的基本结构？常用表单元素有哪些？,如何使用样式表定义统一的字体外观和文本框的细边框样式？,表单的基本结构：,常用的表单元素有：,文本框（,text,）、密码框（,password,）、单选按钮（,radio,）、,复选框（,checkbox,）、列表框（,和,）、,按钮（,button,、,submit,和,reset,）、多行文本框（,）。

统一的字体外观：,font-family:,黑体,;,font-size:18px;,color:#FF0000;,细边框样式：,border-width:1px;,border-style:solid;,为什么要学习,JavaScript,表单验证,示例：贵美网上商城注册,页面动态效果,示例：层的切换、树形菜单,JavaScript,的组成,DOM,JavaScript,ECMAScript,BOM,ECMAScript,:,核心语法,DOM:,文档对象模型,BOM:,浏览器对象模型,ECMAScript,语法标准,语法,变量和数据类型,运算符,逻辑控制语句,关键字、保留字,对象,编码遵循,ECMAScript,标准,浏览器对象模型,BOM,文档对象模型,DOM,脚本的执行原理,应用,服务器,IE,IE,解析,HTML,标签和,JavaScript,脚本,从服务器端下载含,JavaScript,的页面,返回响应,客户端请求含,JS,的页面,发送请求,1,用户输入,2,3,JavaScript,的基本语法,输出,Hello World!,document.write(Hello World!);,JavaScript,的使用方式,Html,页面内嵌,JS,代码,外部,JS,文件,简短缩写方式,常见的输入和输出,警告（,alert,）,alert,(“,提示信息,”);,提示（,prompt,）,prompt,(“,提示信息,”,“,输入框的默认信息,”);,演示案例,需求描述,弹出“我的第一个,JS,程序”消息框,演示案例,思路分析,创建,HTML,文件,在,中添加,使用,alert(),弹出消息,JavaScript,核心语法,核心语法,数据类型,变量,运算符号,控制语句,注释,语法约定,输入,/,输出,变量的声明和赋值,var count;,count=5;,定义变量,赋值,“var”,用于声明变量的关键字,“count”,变量名,var x,y,z=10;,var count=10;,同时声明和赋值变量,声明多个变量,数据类型,数据类型,undefined,boolean,string,number,Null,使用,typeof,函数查看数据类型,typeof,运算符返回值如下：,undefined,：变量被声明后，但未被赋值,string,：,用单引号或双引号来声明的字符串,boolean,：,true,或,false,number,：,整数或浮点数,object,：,javascript,中的对象、数组和,null,类型转换,parseInt(String),将字符串转换为整型数字,如,:,parseInt,(“86”),将字符串,“,86”,转换为整型值,86,p,arseFloat,(String,),将字符串转换为浮点型数字,如,:,parseFloat,(“34.45”),将字符串,“,34.45”,转换为浮点值,34.45,运算符号,类型,运算符,算术运算符,+-*/%+-,赋值运算符,=,比较运算符,=!=,逻辑运算符,&|!,注释,alert(,恭喜你！注册会员成功,);,/,在页同上弹出注册会员成功的提示框,/*,使用,for,循环运行“,document.write(Hello World);,”,5,次,使用,document.write,在页面上输出“,Hello World,”,*/,单行注释以,/,开始，以行末结束，例如：,多行注释以,/*,开始，以,*,/,结束，符号,/*/,指示中间的语句是该程序中的注释。

例如：,演示案例,需求描述,需要计算一天的温差（温差,=,当日的最高气温,-,当日的最低气温）在页面接收用户输入的最高气温和最低气温，计算后在页面显示结果,演示案例,思路分析,prompt(),函数接收气温值,计算温差,打印温差,总结,大家简述一下,JavaScript,脚本的基本结构？,JavaScript,在页面中的应用有哪几种？请举例,typeof,返回类型都有哪些？,总结并布置作业,。