资源描述
辽中县职业教育中心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什么是JavaScriptJavaScript的基本结构JavaScript简单应用实现案例我的第一个JS程序第二节：计算每日温差（2课时）变量的声明和赋值数据类型运算符注释实现案例计算每日温差上机实战（2课时）,教法与学法,案例分析法任务驱动法分组讨论法,教学过程简介,上课问好安全教育：禁止吃零食禁止插座充电禁止使用化妆用品禁止带有手脚上的交流导入多媒体讲解,本章任务,唐诗鉴赏问候语显示根据输入的学生成绩计算平均分计算员工工资,本章目标,掌握JavaScript的基本结构掌握JavaScript在页面中的应用掌握脚本的基本语法,示例文字,回顾HTML-1,常用的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的基本语法,输出HelloWorld!document.write(HelloWorld!);,JavaScript的使用方式,Html页面内嵌JS代码外部JS文件简短缩写方式,常见的输入和输出,警告（alert）alert(“提示信息”);提示（prompt）prompt(“提示信息”,“输入框的默认信息”);,演示案例,需求描述弹出“我的第一个JS程序”消息框,演示案例,思路分析创建HTML文件在中添加使用alert()弹出消息,JavaScript核心语法,核心语法,数据类型,变量,运算符号,控制语句,注释,语法约定,输入/输出,变量的声明和赋值,varcount;,count=5;,定义变量,赋值,“var”用于声明变量的关键字“count”变量名,varx,y,z=10;,varcount=10;,同时声明和赋值变量,声明多个变量,数据类型,数据类型undefinedbooleanstringnumberNull,使用typeof函数查看数据类型,typeof运算符返回值如下：undefined：变量被声明后，但未被赋值string：用单引号或双引号来声明的字符串boolean：true或falsenumber：整数或浮点数object：javascript中的对象、数组和null,类型转换,parseInt(String)将字符串转换为整型数字如:parseInt(“86”)将字符串“86”转换为整型值86parseFloat(String)将字符串转换为浮点型数字如:parseFloat(“34.45”)将字符串“34.45”转换为浮点值34.45,运算符号,注释,alert(恭喜你！注册会员成功);/在页同上弹出注册会员成功的提示框,/*使用for循环运行“document.write(HelloWorld);”5次使用document.write在页面上输出“HelloWorld”*/,单行注释以/开始，以行末结束，例如：,多行注释以/*开始，以*/结束，符号/*/指示中间的语句是该程序中的注释。例如：,演示案例,需求描述需要计算一天的温差（温差=当日的最高气温-当日的最低气温）。在页面接收用户输入的最高气温和最低气温，计算后在页面显示结果,演示案例,思路分析prompt()函数接收气温值计算温差打印温差,总结,大家简述一下JavaScript脚本的基本结构？JavaScript在页面中的应用有哪几种？请举例typeof返回类型都有哪些？,
展开阅读全文