教学单元设计-Javascript程序设计.docx
《教学单元设计-Javascript程序设计.docx》由会员分享,可在线阅读,更多相关《教学单元设计-Javascript程序设计.docx(50页珍藏版)》请在咨信网上搜索。
1、课程单元设计课程名称:Jav名cript程序设计适用专业:20级软件技术所属院系:信息工程学院编制人: 制定时间: 202L 8二o二一年至二o二二年第一学期作业布置实现根据价格高低来判断是否 奢侈品的程序实现讲解集体参与网络资源 多媒体 电脑10分钟学习成果懂得利用各种条件语句来进行流程上的判断教学后记UavaScript程序设计教案设计一、教案头本单元标题:第2章JavaScript基础授课班级:20软件1,2, 3课时:2上课地点:实训5教学目标能力目标知识目标1、能正确理解并使用循环逻辑控制 语句1、循环语句能力训练任务 及案例一能力训练任务各种循环语句的运用二、案例案例1: brea
2、k语句例如案例2: continue语句例如参考资料Javascript技术教程二、(单元)教学设计教学环节教学内容教学方法 及手段学生活动教学资源 及工具时间 分配导入复习条件语句课件演示听讲教材 网络资源 多媒体10分钟讲授实例:利用循环计算从1累加 到100o通过实例的讲解来解 释循环语句使用的规那么课件演示 模拟演练听讲实际操作教材 网络资源 多媒体 电脑30分钟操练实现:在网页中显示做 1,000, 000次加操作所耗费的 时间演示 讲解实际操作教材 网络资源 多媒体 电脑30分钟总结循环语句的循环起始、条件及 自加表达式的考前须知讲解集体参与教材10分钟作业布置计算从出生到现在的天
3、数讲解集体参与网络资源 多媒体 电脑10分钟学习成果正确使用循环语句教学后记UavaScript程序设计教案设计一、教案头本单元标题:第2章JavaScript基础授课班级:20软件1,2, 3课时:2上课地点:实训5教学目标能力目标知识目标1、能正确理解并使用函数,理解对 象和B0M基础1、函数、对象和B0M基础能力训练任务 及案例一能力训练任务正确使用函数来实现功能二、案例案例1: JavaScript函数调用例如案例2: argument例如案例3: date对象例如案例4: date对象例如案例5: confirm对话框演小小例参考资料Javascript技术教程二、(单元)教学设计教
4、学环节教学内容教学方法 及手段学生活动教学资源 及工具时间 分配导入复习循环语句课件演示听讲教材 网络资源 多媒体10分钟讲授1 .实例:对两个数进行加减乘 除四那么运算。通过事例的讲解 加深学生对函数的理解2 . Date对象的介绍及B0M中 常用的对象介绍课件演示 模拟演练听讲实际操作教材 网络资源 多媒体 电脑30分钟操练实现:使用有参函数的调用实 现对两数的四那么运算演示 讲解实际操作教材 网络资源 多媒体30分钟电脑总结无参及有参函数使用的注意事 项讲解集体参与教材10分钟作业布置通过函数实现计算在网页中显 示做1,000, 000次加操作所耗 费的时间讲解集体参与网络资源 多媒体
5、电脑10分钟学习成果正确使用函数来实现功能教学后记UavaScript程序设计教案设计一、教案头本单元标题:第3章Javascript开发授课班级:20软件1,2, 3课时:2上课地点:实训5教学目标能力目标知识目标1、能正确使用alert ()函数及浏览 器的开发人员工具来对程序进行调 试。1、调试js程序的工具及手段能力训练任务 及案例一能力训练任务学会进行单步运行、单步跳过及怎样添加监视点二 案例案例1:九九乘法表参考资料Javascript技术教程二、(单元)教学设计教学环节教学内容教学方法 及手段学生活动教学资源 及工具时间 分配导入复习javascript基本语法课件演示听讲教材
6、网络资源 多媒体10分钟讲授实例:打印九九乘法表。通过 对实例的调试讲解,让学生掌 握使用alert ()函数及浏览器 的开发人员工具调试程序课件演示 模拟演练听讲实际操作教材 网络资源 多媒体 电脑30分钟操练实现:调试打印菱形程序演示 讲解实际操作教材 网络资源 多媒体 电脑30分钟总结使用浏览器的开发人员工具单 步调试需要注意的事项讲解集体参与教材10分钟作业布置用JavaScript计算借贷支出讲解集体参与网络资源 多媒体 电脑10分钟学习成果学会进行单步运行、单步跳过及怎样添加监视点教学后记UavaScript程序设计教案设计一、教案头本单元标题:第4章 CSS基础授课班级:20软件
7、1,2, 3课时:4上课地点:实训5教学目标能力目标知识目标1、能正确使用二种方式来实现控制页面方法2、掌握三种CSS选择器的使用1、CSS的概念2、CSS控制页面的方法3、CSS选择器能力训练任务 及案例一能力训练任务正确使用三种方式来实现控制页面方法三种CSS选择器的使用二 案例案例1:行内样式表简单实用例如案例2:嵌入式样式表应用例如案例3:导入式样式表应用例如参考资料Javascript技术教程二、(单元)教学设计教学环节教学内容教学方法 及手段学生活动教学资源 及工具时间 分配导入复习js调试程序方法课件演示听讲教材 网络资源 多媒体10分钟讲授1.分别使用三种方法实现控制 页面种文
8、字及图片的风格样式 2 .对网页中不同标签分别使用 标记选择器,类别选择器及ID 选择器来控制页面不同元素的 风格样式课件演示 模拟演练听讲实际操作教材网络资源 多媒体 电脑80分钟操练对一个页面中不同的元素实现 不同的风格样式演示 讲解实际操作教材网络资源60分钟多媒体 电脑总结三种选择器的不同适应环境讲解集体参与教材15分钟作业布置对个人网站实现不同的风格样 式设计讲解集体参与网络资源 多媒体 电脑15分钟学习成果正确使用三种方式来实现控制页面方法 懂得三种CSS选择器的使用教学后记UavaScript程序设计教案设计一、教案头本单兀标题:第4章 CSS基础授课班级:20软件1,2, 3课
9、时:4上课地点:实训5教学目标能力目标知识目标1、能对文字设置各种效果2、能对图片设置双边框及图文混排效果3、能对页面背景进行设置1、CSS设置文字效果2、CSS设置图片效果3、CSS设置页面背景能力训练任务 及案例一、能力训练任务掌握各种CSS文字效果的设置及页面背景的设置二 案例案例1:段落样式首行缩进案例2:字体间隔应用例如案例3:首字放大应用例如案例4:图文混排简单例如案例5:背景颜色、图片设置例如参考资料Javascript技术教程二、(单元)教学设计教学环节教学内容教学方法 及手段学生活动教学资源 及工具时间 分配导入复习三种CSS选择器课件演示听讲教材 网络资源 多媒体10分钟讲
10、授1、对给定的一段文字设置首字 放大,字体字号等效果。2、四张图片实现双边框效果。课件演示 模拟演练听讲实际操作教材网络资源 多媒体 电脑80分钟操练设置页面的背景为一张具有双 边框效果的图片演示 讲解实际操作教材 网络资源 多媒体 电脑60分钟UavaScript程序设计教案设计一、教案头本单元标题:第1章 JavaScript概述授课班级:20软件1,2, 3课时:4上课地点:实训5教学目标能力目标知识目标1 .理解Javascript的起源2 .能安装代码编辑器EditPlus或 者 DreamViewer 软件3 .掌握编辑器的基本用法4 .掌握编辑器EditPlus或者DreamVi
11、ewer软件的基本用法1. Javascript 的起源2. .浏览器之争3. JavaScript的编辑环境4. JavaScript的实现与小体验能力训练任务 及案例一能力训练任务编写第一个JavaScript网页二 案例案例1:定时翻开窗口案例2:日期选择器参考资料Javascript技术教程二、(单元)教学设计教学环节教学内容教学方法 及手段学生活动教学资源 及工具时间 分配导入Javascript 的起源课件、视频听讲教材 网络资源 多媒体10分钟讲授1 .浏览器之间的冲突2 .标准的制定3 .Javascript 的实现 ECMAscript、 DOM、 BOM)4 .编辑器 Ed
12、itPlus 或 DreamViewer 的安装5 编辑器 EditPlus 或 DreamV i ewer的基本功 能6编辑实现第一个js程序课件演示 模拟演练听讲实际操作教材 网络资源 多媒体 电脑60分钟总结文字效果的属性,图片及图文 混排的不同属性设置讲解集体参与教材15分钟作业布置对个人网站种的文字图片及段 落实现不同的风格样式设计讲解集体参与网络资源 多媒体 电脑15分钟学习成果学会页面背景的设置及各种文字样式的设计教学后记UavaScript程序设计教案设计一、教案头本单元标题:第5章CSS进阶授课班级:20软件1,2, 3课时:4上课地点:实训5教学目标能力目标知识目标1、能使
13、用DIV与SPAN标记布局页面2、盒模型布局页面1、块级元素和行内级元素2、DIV与SPAN标记布局页面3、盒模型能力训练任务 及案例一、能力训练任务学会DIV与SPAN标记布局页面及盒模型布局二 案例案例1: DIV标记例如案例2: div与span元素样式比照案例3:盒子模型结构例如案例4:边框例如案例5: padding使用例如案例6: margin例如参考资料Javascript技术教程二、(单元)教学设计教学环节教学内容教学方法 及手段学生活动教学资源 及工具时间 分配导入复习CSS基础内容课件演示听讲教材 网络资源 多媒体10分钟讲授1 .通过盒子模型结构例如讲解 块级和行内级元素
14、的区别及适 应范围。2 .讲解盒模型种 padding, margin, border 的 区 别。课件演示 模拟演练听讲实际操作教材 网络资源 多媒体 电脑80分钟操练图文层叠例如的实现演示 讲解实际操作教材 网络资源 多媒体 电脑65分钟总结DIV及SPAN标记布局页面及盒 模型概念在页面布局中的优势讲解集体参与教材15分钟作业布置设计一个页面,使访问者用鼠 标指向页面上的不同文字时, 鼠标的形状会有所不同。讲解集体参与网络资源 多媒体 电脑10分钟学习成果1、懂得div的运用2、完成border、padding margin属性例如操作教学后记UavaScript程序设计教案设计一、教案
15、头本单元标题:第5章CSS进阶授课班级:20软件1,2, 3课时:4上课地点:实训5教学目标能力目标知识目标1、能使用三种css浮动定位2、能使用简单的position定位布 局页面1、CSS浮动定位2、CSS position 定位能力训练任务 及案例一、能力训练任务CSS布局定位二 案例案例1:浮动定位例如案例2: position定位例如参考资料Javascript技术教程二、(单元)教学设计教学环节教学内容教学方法 及手段学生活动教学资源 及工具时间 分配导入复习盒模型课件演示听讲教材 网络资源 多媒体10分钟讲授1 .通过一个图文混排的实例讲 解浮动定位float属性的三个 值。2
16、.通过position定位例如讲 解position定位的使用课件演示 模拟演练听讲实际操作教材 网络资源 多媒体 电脑80分钟操练歌曲编辑列表实例的实现演示 讲解实际操作教材 网络资源 多媒体 电脑65分钟总结浮动定位在图文混排中的使用 及position定位在布局页面 中的使用讲解集体参与教材15分钟作业布置水平菜单例如讲解集体参与网络资源 多媒体 电脑10分钟学习成果完成Position定位即float定位例如操作教学后记UavaScript程序设计教案设计一、教案头本单元标题:第6章DOM模型授课班级:20软件1,2, 3课时:4上课地点:实训5教学目标能力目标知识目标1、正确理解D0
17、M树概念及D0M树中 各个节点关系2、能动态查看和修改页面中节点元 素1、D0M及D0M技术简介2、页面中的D0M模型框架能力训练任务 及案例一能力训练任务1、访问指定节点的方法2、查看/修改属性节点二 案例案例1: D0M技术应用简单例如案例2: D0M基本方法综合例如案例2: D0M常用方法综合例如案例2:网页中的D0M模型框架例如参考资料Javascript技术教程二、(单元)教学设计教学环节教学内容教学方法 及手段学生活动教学资源 及工具时间 分配导入复习浮动定位及position定 位知识课件演示听讲教材 网络资源 多媒体10分钟讲授通过动态修改图片元素的实例 来加深D0M树的理解及
18、掌握访 问指定节点的方法和查看/修 改属性节点的方法课件演示 模拟演练听讲实际操作教材 网络资源 多媒体 电脑80分钟操练实现点击按钮修改图片节点对 象及获取图片的安装路径等属 性值演示 讲解实际操作教材 网络资源 多媒体 电脑65分钟总结DOM树中节点间关系及动态修 改或获取节点属性值讲解集体参与教材15分钟作业布置编写一个Web页面:每0.2秒 在浏览器窗口的状态栏中滚动 显示一次当前浏览器的信息。 在输出内容前加一个输出次数 的计数。这样每次的显示效果 有所不同。提示:浏览器信息可由window 对象的子对象navigator获 得,用indow. status设置状态 栏的内容。讲解集
19、体参与网络资源 多媒体 电脑10分钟学习成果完本钱讲所有例如操作教学后记UavaScript程序设计教案设计一、教案头本单元标题:第6章DOM模型授课班级:20软件1,2, 3课时:4上课地点:实训5教学目标能力目标知识目标1、正确理解D0M树不同节点及其属 性2、使用HTML DOM设置页面风格样 式1、DOM模型中的节点2、非标准的innerHTML属性3、D0M 与 CSS能力训练任务 及案例一能力训练任务1、DOM模型中三种节点及其属性2、HTML DOM设置页面风格样式二 案例案例1:元素节点例如案例2:本义节点例如案例3:属性节点例如案例4: DOM与CSS改变样式例如参考资料Ja
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 教学 单元 设计 Javascript 程序设计
1、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前自行私信或留言给上传者【二***】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
6、文档遇到问题,请及时私信或留言给本站上传会员【二***】,需本站解决可联系【 微信客服】、【 QQ客服】,若有其他问题请点击或扫码反馈【 服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【 版权申诉】”(推荐),意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:4008-655-100;投诉/维权电话:4009-655-100。