教学单元设计-Javascript程序设计

课程单元设计课程名称：Jav名cript程序设计适用专业：20级软件技术所属院系：信息工程学院编制人：制定时间：202L8二o二一年至二o二二年第一学期

作业布置实现根据价格高低来判断是否奢侈品的程序实现讲解集体参与网络资源多媒体电脑10分钟学习成果懂得利用各种条件语句来进行流程上的判断教学后记UavaScript程序设计》教案设计一、教案头本单元标题：第2章JavaScript基础授课班级：20软件1,2,3课时：2上课地点：实训5教学目标能力目标知识目标1、能正确理解并使用循环逻辑控制语句1、循环语句能力训练任务及案例一'能力训练任务各种循环语句的运用二、案例案例1：break语句例如案例2：continue语句例如参考资料Javascript技术教程二、（单元）教学设计

教学环节教学内容教学方法及手段学生活动教学资源及工具时间分配导入复习条件语句课件演示听讲教材网络资源多媒体10分钟讲授实例：利用循环计算从1累加到100o通过实例的讲解来解释循环语句使用的规那么课件演示模拟演练听讲实际操作教材网络资源多媒体电脑30分钟操练实现：在网页中显示做1,000,000次加操作所耗费的时间演示讲解实际操作教材网络资源多媒体电脑30分钟总结循环语句的循环起始、条件及自加表达式的考前须知讲解集体参与教材10分钟作业布置计算从出生到现在的天数讲解集体参与网络资源多媒体电脑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技术教程二、（单元）教学设计

教学环节教学内容教学方法及手段学生活动教学资源及工具时间分配导入复习循环语句课件演示听讲教材网络资源多媒体10分钟讲授.实例：对两个数进行加减乘除四那么运算。通过事例的讲解加深学生对函数的理解.Date对象的介绍及B0M中常用的对象介绍课件演示模拟演练听讲实际操作教材网络资源多媒体电脑30分钟操练实现：使用有参函数的调用实现对两数的四那么运算演示讲解实际操作教材网络资源多媒体30分钟电脑总结无参及有参函数使用的注意事项讲解集体参与教材10分钟作业布置通过函数实现计算在网页中显示做1,000,000次加操作所耗费的时间讲解集体参与网络资源多媒体电脑10分钟学习成果正确使用函数来实现功能教学后记UavaScript程序设计》教案设计一、教案头本单元标题：第3章Javascript开发授课班级：20软件1,2,3课时：2上课地点：实训5教学目标能力目标知识目标1、能正确使用alert()函数及浏览器的开发人员工具来对程序进行调试。1、调试js程序的工具及手段能力训练任务及案例一'能力训练任务学会进行单步运行、单步跳过及怎样添加监视点二'案例案例1:九九乘法表参考资料Javascript技术教程二、(单元)教学设计

教学环节教学内容教学方法及手段学生活动教学资源及工具时间分配导入复习javascript基本语法课件演示听讲教材网络资源多媒体10分钟讲授实例：打印九九乘法表。通过对实例的调试讲解，让学生掌握使用alert()函数及浏览器的开发人员工具调试程序课件演示模拟演练听讲实际操作教材网络资源多媒体电脑30分钟操练实现：调试打印菱形程序演示讲解实际操作教材网络资源多媒体电脑30分钟总结使用浏览器的开发人员工具单步调试需要注意的事项讲解集体参与教材10分钟作业布置用JavaScript计算借贷支出讲解集体参与网络资源多媒体电脑10分钟学习成果学会进行单步运行、单步跳过及怎样添加监视点教学后记UavaScript程序设计》教案设计一、教案头本单元标题：第4章CSS基础授课班级：20软件1,2,3课时：4上课地点：实训5教学目标能力目标知识目标1、能正确使用二种方式来实现控制页面方法2、掌握三种CSS选择器的使用1、CSS的概念2、CSS控制页面的方法3、CSS选择器能力训练任务及案例一'能力训练任务正确使用三种方式来实现控制页面方法三种CSS选择器的使用二'案例案例1:行内样式表简单实用例如案例2：嵌入式样式表应用例如案例3：导入式样式表应用例如参考资料Javascript技术教程二、（单元）教学设计

教学环节教学内容教学方法及手段学生活动教学资源及工具时间分配导入复习js调试程序方法课件演示听讲教材网络资源多媒体10分钟讲授1.分别使用三种方法实现控制页面种文字及图片的风格样式2.对网页中不同标签分别使用标记选择器，类别选择器及ID选择器来控制页面不同元素的风格样式课件演示模拟演练听讲实际操作教材网络资源多媒体电脑80分钟操练对一个页面中不同的元素实现不同的风格样式演示讲解实际操作教材网络资源60分钟多媒体电脑总结三种选择器的不同适应环境讲解集体参与教材15分钟作业布置对个人网站实现不同的风格样式设计讲解集体参与网络资源多媒体电脑15分钟学习成果正确使用三种方式来实现控制页面方法懂得三种CSS选择器的使用教学后记UavaScript程序设计》教案设计一、教案头本单兀标题：第4章CSS基础授课班级：20软件1,2,3课时：4上课地点：实训5教学目标能力目标知识目标1、能对文字设置各种效果2、能对图片设置双边框及图文混排效果3、能对页面背景进行设置1、CSS设置文字效果2、CSS设置图片效果3、CSS设置页面背景能力训练任务及案例一、能力训练任务掌握各种CSS文字效果的设置及页面背景的设置二'案例案例1:段落样式首行缩进案例2：字体间隔应用例如案例3：首字放大应用例如案例4：图文混排简单例如案例5：背景颜色、图片设置例如参考资料Javascript技术教程二、（单元）教学设计

教学环节教学内容教学方法及手段学生活动教学资源及工具时间分配导入复习三种CSS选择器课件演示听讲教材网络资源多媒体10分钟讲授1、对给定的一段文字设置首字放大，字体字号等效果。2、四张图片实现双边框效果。课件演示模拟演练听讲实际操作教材网络资源多媒体电脑80分钟操练设置页面的背景为一张具有双边框效果的图片演示讲解实际操作教材网络资源多媒体电脑60分钟UavaScript程序设计》教案设计一、教案头本单元标题：第1章JavaScript概述授课班级：20软件1,2,3课时：4上课地点：实训5教学目标能力目标知识目标.理解Javascript的起源.能安装代码编辑器EditPlus或者DreamViewer软件.掌握编辑器的基本用法.掌握编辑器EditPlus或者DreamViewer软件的基本用法Javascript的起源.浏览器之争JavaScript的编辑环境JavaScript的实现与小体验能力训练任务及案例一'能力训练任务编写第一个JavaScript网页二'案例案例1:定时翻开窗口案例2：日期选择器参考资料Javascript技术教程二、（单元）教学设计

教学环节教学内容教学方法及手段学生活动教学资源及工具时间分配导入Javascript的起源课件、视频听讲教材网络资源多媒体10分钟讲授.浏览器之间的冲突.标准的制定.Javascript的实现ECMAscript、DOM、BOM）.编辑器EditPlus或DreamViewer的安装编辑器EditPlus或DreamViewer的基本功能6编辑实现第一个js程序课件演示模拟演练听讲实际操作教材网络资源多媒体电脑60分钟总结文字效果的属性，图片及图文混排的不同属性设置讲解集体参与教材15分钟作业布置对个人网站种的文字图片及段落实现不同的风格样式设计讲解集体参与网络资源多媒体电脑15分钟学习成果学会页面背景的设置及各种文字样式的设计教学后记

UavaScript程序设计》教案设计一、教案头本单元标题：第5章CSS进阶授课班级：20软件1,2,3课时：4上课地点：实训5教学目标能力目标知识目标1、能使用DIV与SPAN标记布局页面2、盒模型布局页面1、块级元素和行内级元素2、DIV与SPAN标记布局页面3、盒模型能力训练任务及案例一、能力训练任务学会DIV与SPAN标记布局页面及盒模型布局二'案例案例1：DIV标记例如案例2：＜div＞与＜span＞元素样式比照案例3：盒子模型结构例如案例4：边框例如案例5：padding使用例如案例6：margin例如参考资料Javascript技术教程二、（单元）教学设计

教学环节教学内容教学方法及手段学生活动教学资源及工具时间分配导入复习CSS基础内容课件演示听讲教材网络资源多媒体10分钟讲授.通过盒子模型结构例如讲解块级和行内级元素的区别及适应范围。.讲解盒模型种padding,margin,border的区别。课件演示模拟演练听讲实际操作教材网络资源多媒体电脑80分钟操练图文层叠例如的实现演示讲解实际操作教材网络资源多媒体电脑65分钟总结DIV及SPAN标记布局页面及盒模型概念在页面布局中的优势讲解集体参与教材15分钟作业布置设计一个页面，使访问者用鼠标指向页面上的不同文字时，鼠标的形状会有所不同。讲解集体参与网络资源多媒体电脑10分钟学习成果1、懂得div的运用2、完成border、padding>margin属性例如操作教学后记UavaScript程序设计》教案设计一、教案头本单元标题：第5章CSS进阶授课班级：20软件1,2,3课时：4上课地点：实训5教学目标能力目标知识目标1、能使用三种css浮动定位2、能使用简单的position定位布局页面1、CSS浮动定位2、CSSposition定位能力训练任务及案例一、能力训练任务CSS布局定位二'案例案例1:浮动定位例如案例2：position定位例如参考资料Javascript技术教程二、（单元）教学设计

教学环节教学内容教学方法及手段学生活动教学资源及工具时间分配导入复习盒模型课件演示听讲教材网络资源多媒体10分钟讲授.通过一个图文混排的实例讲解浮动定位float属性的三个值。.通过position定位例如讲解position定位的使用课件演示模拟演练听讲实际操作教材网络资源多媒体电脑80分钟操练歌曲编辑列表实例的实现演示讲解实际操作教材网络资源多媒体电脑65分钟总结浮动定位在图文混排中的使用及position定位在布局页面中的使用讲解集体参与教材15分钟作业布置水平菜单例如讲解集体参与网络资源多媒体电脑10分钟学习成果完成Position定位即float定位例如操作教学后记UavaScript程序设计》教案设计一、教案头本单元标题：第6章DOM模型授课班级：20软件1,2,3课时：4上课地点：实训5教学目标能力目标知识目标1、正确理解D0M树概念及D0M树中各个节点关系2、能动态查看和修改页面中节点元素1、D0M及D0M技术简介2、页面中的D0M模型框架能力训练任务及案例一'能力训练任务1、访问指定节点的方法2、查看/修改属性节点二'案例案例1：D0M技术应用简单例如案例2：D0M基本方法综合例如案例2：D0M常用方法综合例如案例2：网页中的D0M模型框架例如参考资料Javascript技术教程二、（单元）教学设计

教学环节教学内容教学方法及手段学生活动教学资源及工具时间分配导入复习浮动定位及position定位知识课件演示听讲教材网络资源多媒体10分钟讲授通过动态修改图片元素的实例来加深D0M树的理解及掌握访问指定节点的方法和查看/修改属性节点的方法课件演示模拟演练听讲实际操作教材网络资源多媒体电脑80分钟操练实现点击按钮修改图片节点对象及获取图片的安装路径等属性值演示讲解实际操作教材网络资源多媒体电脑65分钟总结DOM树中节点间关系及动态修改或获取节点属性值讲解集体参与教材15分钟作业布置编写一个Web页面：每0.2秒在浏览器窗口的状态栏中滚动显示一次当前浏览器的信息。在输出内容前加一个输出次数的计数。这样每次的显示效果有所不同。提示：浏览器信息可由window对象的子对象navigator获得，用indow.status设置状态栏的内容。讲解集体参与网络资源多媒体电脑10分钟学习成果完本钱讲所有例如操作教学后记

UavaScript程序设计》教案设计一、教案头本单元标题：第6章DOM模型授课班级：20软件1,2,3课时：4上课地点：实训5教学目标能力目标知识目标1、正确理解D0M树不同节点及其属性2、使用HTMLDOM设置页面风格样式1、DOM模型中的节点2、非标准的innerHTML属性3、D0M与CSS能力训练任务及案例一'能力训练任务1、DOM模型中三种节点及其属性2、HTMLDOM设置页面风格样式二'案例案例1:元素节点例如案例2：本义节点例如案例3：属性节点例如案例4：DOM与CSS改变样式例如参考资料Javascript技术教程二、（单元）教学设计

教学环节教学内容教学方法及手段学生活动教学资源及工具时间分配导入复习DOM树结构课件演示听讲教材网络资源多媒体10分钟讲授1,通过实例讲解元素节点、文本节点及属性节点的属性值2.通过HTMLDOM动态修改HTML元素的CSS风格样式课件演示模拟演练听讲实际操作教材网络资源多媒体电脑80分钟操练练习：使用HTMLDOM对象的属性访问演示讲解实际操作教材网络资源多媒体电脑65分钟总结三种节点不同属性值HTMLDOM与CSS关系讲解集体参与教材15分钟作业布置使用HTMLDOM修改字体颜色，类型及字体大小讲解集体参与网络资源多媒体电脑10分钟学习成果完本钱讲所有例如操作教学后记UavaScript程序设计》教案设计一、教案头本单元标题：第7章事件机制授课班级：20软件1,2,3课时：2上课地点：实训5教学目标能力目标知识目标1、理解事件的驱动和响应2、能捕捉鼠标操作事件1、事件机制简介2、鼠标操作事件能力训练任务及案例一、能力训练任务JavaScript事件运用二'案例案例1:鼠标事件案例2：键盘事件参考资料Javascript技术教程二、（单元）教学设计

教学环节教学内容教学方法及手段学生活动教学资源及工具时间分配导入复习D0M节点的属性课件演示听讲教材网络资源多媒体10分钟讲授1.事件的产生.事件的响应.7种鼠标事件课件演示模拟演练听讲实际操作教材网络资源多媒体电脑20分钟操练练习捕捉各种鼠标操作事件演示讲解实际操作教材网络资源多媒体电脑40分钟总结事件机制一定是包含事件的产生和事件的响应7种鼠标事件发生及响应机制讲解集体参与教材10分钟作业布置屏蔽鼠标右键讲解集体参与网络资源多媒体10分钟uHelloWorldv操练.器EditPlus或DreamViewer的安装.使用EditPlus实现第一个js程序“Helloworldv演示实际操作教材网络资源多媒体电脑70分钟总结1、vascript概况2、实现js程序的流程讲解集体参与教材20分钟作业布置1、给网站首页加上自动问候的功能。网页将可以在不同的时段向访问者显示不同的问候语，例如在上午8:00—9:00就向用户显示“早上好”，如果在下午那么显示“下午好”。我们将定义的时间段对应得问候语列在下面：0:00—06:00你不会是熬通宵吧，别太辛苦哦！06:00—08:00早上好08:00—11:00上午好11:00—13:00午饭吃过了吗13:00—17:00下午好17:00—24:00晚上好2.完成个人网站中“欢迎光临”标语的显示讲解集体参与网络资源多媒体电脑20分钟1、完成第一个JavaScript网页编写2、完成定时翻开窗口操作3、完成日期选择器操作学习成果学习成果学习成果

学习成果电脑学习成果学会鼠标及键盘事件的运用教学后记UavaScript程序设计》教案设计一、教案头本单元标题：第7章事件机制授课班级：20软件1,2,3课时：2上课地点：实训5教学目标能力目标知识目标理解并正确响应键盘操作事件1、键盘操作事件2、其他事件能力训练任务及案例一、能力训练任务JavaScript事件运用二'案例案例1：设置各级菜单的CSS样式风格案例2：为菜单添加伸缩效果参考资料Javascript技术教程二、（单元）教学设计

教学环节教学内容教学方法及手段学生活动教学资源及工具时间分配导入复习事件机制及鼠标操作事件课件演示听讲教材网络资源多媒体10分钟讲授.三种基本的键盘操作事件.页面加载，表单提交等其他事件课件演示模拟演练听讲实际操作教材网络资源多媒体电脑20分钟操练可伸缩的两级菜单建立HTML框架演示讲解实际操作教材网络资源多媒体电脑40分钟总结事件机制一定是包含事件的产生和事件的响应3种键盘操作事件发生及一些其他事件的理解和捕捉讲解集体参与教材10分钟作业布置可伸缩两级菜单的风格样式设置及菜单添加伸缩效果讲解集体参与网络资源多媒体电脑10分钟学习成果完成菜单伸缩效果的设置教学后记UavaScript程序设计》教案设计一、教案头本单元标题：第8章表格与表单授课班级：20软件1,2,3课时：4上课地点：实训5教学目标能力目标知识目标css控制表格样式和D0M动态控制表格1、学会css控制表格样式2、D0M动态控制表格能力训练任务及案例一'能力训练任务表格样式的控制二、案例案例1：CSS及D0M控制表格参考资料Javascript技术教程二、（单元）教学设计

教学环节教学内容教学方法及手段学生活动教学资源及工具时间分配导入Css样式的使用回顾课件演示听讲教材网络资源多媒体10分钟讲授.表格的相关标记.表格颜色的设置.表格的边框课件演示模拟演练听讲实际操作教材网络资源多媒体电脑60分钟操练动态的添加表格及修改里面的内容，删除表格等演示讲解实际操作教材网络资源多媒体电脑90分钟总结CSS控制表格样式，D0M动态控制表格，实现表格的增删改操作。讲解集体参与教材10分钟作业布置CSS及D0M控制表格讲解集体参与网络资源多媒体10分钟电脑学习成果完成表格样式的控制，学会DOM动态控制表格教学后记UavaScript程序设计》教案设计一、教案头本单元标题：第8章表格与表单授课班级：20软件1,2,3课时：4上课地点：实训5教学目标能力目标知识目标控制表单以及表单元素的使用1、控制表单2、表单元素的灵活运用3.文本框的设置能力训练任务及案例一'能力训练任务控制表单以及表单元素的使用二、案例案例1:自动提示的文本框参考资料Javascript技术教程二、（单元）教学设计

教学环节教学内容教学方法及手段学生活动教学资源及工具时间分配导入表单的制作课件演示听讲教材网络资源多媒体10分钟讲授.表单的相关标记及表单元素.表单元素的访问.文本框的设置.按钮等设置课件演示模拟演练听讲实际操作教材网络资源多媒体电脑20分钟操练控制表单及文本框、单项选择按钮、复选按钮和下拉菜单的设置演示讲解实际操作教材网络资源多媒体电脑30分钟总结控制表单及其表单元素的熟练使用讲解集体参与教材10分钟作业布置自动提示的文本框讲解集体参与网络资源多媒体电脑10分钟学习成果学会表单的制作及控制表单教学后记UavaScript程序设计》教案设计一、教案头本单元标题：第9章JavaScript设计与优化授课班级：20软件1,2,3课时：4上课地点：实训5教学目标能力目标知识目标调试与优化javascript.常见错误和异常.错误处理.使用调试器.JavaScript优化能力训练任务及案例一、能力训练任务Javascript的调试与优化二'案例案例1:等号与赋值混淆案例2：括号不匹配案例3：访问不存在的变量参考资料Javascript技术教程二、（单元）教学设计

教学环节教学内容教学方法及手段学生活动教学资源及工具时间分配导入除数为。的情况，典型的计算问题课件演示听讲教材网络资源多媒体10分钟讲授.常见错误和异常.错误处理.使用调试器.JavaScript优化课件演示模拟演练听讲实际操作教材网络资源多媒体电脑60分钟操练错误与异常的查找和处理错误、异常的调试与优化演示讲解实际操作教材网络资源多媒体电脑90分钟总结JavaScript的调试与优化，通过熟悉的trycatch等方法。讲解集体参与教材10分钟作业布置自动提示的文本框讲解集体参与网络资源多媒体电脑10分钟学习成果学会JavaScript的优化。教学后记UavaScript程序设计》教案设计一、教案头本单元标题：第10章Ajax基础授课班级：20软件1,2,3课时：4上课地点：实训5教学目标能力目标知识目标.了解和掌握Ajax的主要特点。.熟悉Ajax的程序开发环境，掌握Ajax语言的上机步骤。.熟练掌握源程序的建立、编辑、编译、保存和运行的基本方法。.会编写简单的Ajax应用程序。.认识CSS,熟悉CSS的语法结构。.掌握CSS语言中3种基本引用方式、样式表定义及使用。.掌握不同引用方式下，样式表的引用规那么。.熟练掌握内联式、嵌入式和链接式。能力训练任务及案例一'能力训练任务.熟悉Visualstudio的启动和退出以及Visualstudio的编辑、编译、连接和运行命令。.了解Visualstudio开发环境的配置。二'案例案例1：认识Visualstudio的菜单栏、工具栏，工具箱，解决资源方案管理器，代码编辑窗口。参考资料Javascript技术教程二、（单元）教学设计

教学环节教学内容教学方法及手段学生活动教学资源及工具时间分配导入Visualstudio开发环境与配置课件、视频听讲教材网络资源多媒体10分钟讲授.熟悉各种样式表定义形式。.各种属性的使用功能。.各类引用样式表规那么。课件演示模拟演练听讲实际操作教材网络资源多媒体电脑60分钟教学后记操练熟练使用Visualstudio2008演示实际操作教材网络资源多媒体电脑90分钟总结Javascript概况讲解集体参与教材10分钟作业布置.设计一个内联式样式表引用方式的例题SetStyle.html.设计一个嵌入式样式表的使用例题SetStyleJn.html讲解集体参与网络资源多媒体电脑10分钟客户靛对象和李件仇事件）v〈顺PageLangua<e=*vvb-AutoEventVirexip=<vfalse**CodeBehind=^Defaultaspx,vb*Inherits=</WebApplicationl._Default*—1A<1DOCTYPEhtmlPUBLIC"-〃W3C〃DTDXHTIIL10Tr5；itionJ〃EN”—,w3,ordTR/xhtmll/DTD/xhtell-trMMitic3O\tml〃w・ww3ork/1999/xhtmlft〉1<titl«)无标题页</title></head>]<body>3<for»id=*for®l*runat=**server*>]<div></div></form>“body)</htnl>1V<>S设计,口掂分也_源|教学后记UavaScript程序设计》教案设计一、教案头本单元标题：第11章jQuery基础授课班级：20软件1,2,3课时：6上课地点：实训5教学目标能力目标知识目标.jQuery概述.jQuery的.jQuery与CSS3.使用选择器.管理选择结果.采用jQuery链选择器功能函数前缀解决window,onload函数的冲突创立D0M元素自定义添加“$”解决的冲突能力训练任务及案例一'能力训练任务XMLRequest的使用二、案例案例1:设计一个用户注册实例例参考资料Javascript技术教程二、（单元）教学设计

教学环节教学内容教学方法及手段学生活动教学资源及工具时间分配导入CSS基础课件、视频听讲教材网络资源多媒体10分钟讲授jQuery概述jQuery的"$"jQuery与CSS3使用选择器管理选择结果采用jQuery链课件演示模拟演练听讲实际操作教材网络资源多媒体电脑110分钟操练属性选择器$(aa[href=10-9.html]).addClass("myClass");包含选择器$("li：has(a)")位置选择器演示实际操作教材网络资源多媒体电脑130分钟$("p:first-child”)过滤选择器$("input[name=cbx]:checked")实现反向过滤$("input:not(:radio)")总结主流的JavaScript框架YUIDojomooToolsPrototypejQueryMore..讲解集体参与教材10分钟作业布置1.jQuery下载讲解集体参与网络资源多媒体电脑10分钟当前版本官方网站下载：:〃/2.jQuery安装在页面头部head中，添加js<scripttype="text/javascriptsrc="・/script/jquery.js/zX/script>3MyEclipse中可以实现jQuery的智能提示学习成果完成jQuery的下载教学后记

UavaScript程序设计》教案设计一、教案头本单元标题：第12章jQuery控制页面授课班级：20软件1,2,3课时：4上课地点：实训5教学目标能力目标知识目标通过标记属性，元素的样式，页面的元素，jQuery处理事件完成jQuery控制标记属性元素样式页面的元素JQuery处理事件能力训练任务及案例一'能力训练任务比window,onload更快一些的载入二'案例案例1:制作双色表格案例2：巧妙的伪装链接参考资料Javascript技术教程二、（单元）教学设计

教学环节教学内容教学方法及手段学生活动教学资源及工具时间分配导入JQuery基础课件、视频听讲教材网络资源多媒体10分钟讲授.标记属性.元素样式.页面的元素.JQuery处理事件课件演示模拟演练听讲实际操作教材网络资源多媒体电脑20分钟操练使用编辑器EditPlus制作双色表格演示实际操作教材网络资源多媒体电脑130分钟总结标记属性元素样式页面的元素讲解集体参与教材10分钟JQuery处理事件作业布置平安邮件列表讲解集体参与网络资源多媒体电脑10分钟学习成果$(document}.ready(function(){$.post("mailtolnfo.php,f(pass:"secret”),function(txt){$(•div.email,>.html(txt>;$(*div.email*].slideDown;'；))；教学后记UavaScript程序设计》教案设计一、教案头本单元标题：第13章用jQuery制作动画与特效授课班级：20软件1,2,3课时：4上课地点：实训5教学目标能力目标知识目标.显示与隐藏元素.元素显隐的渐入渐出效果.幻灯片效果显示与隐藏元素元素显隐的渐入渐出效果幻灯片效果能力训练任务及案例一、能力训练任务制作伸缩的导航条二、案例案例1：QQ切换用户风格案例2：无刷新评论最终版本参考资料Javascript技术教程二、（单元）教学设计

教学环节教学内容教学方法及手段学生活动教学资源及工具时间分配导入jQuery基础课件、视频听讲教材网络资源多媒体10分钟讲授.显示与隐藏元素.元素显隐的渐入渐出效果.幻灯片效果课件演示模拟演练听讲实际操作教材网络资源多媒体电脑20分钟操练检测浏览器盒子模型处理JavaScript对象获取外部代码演示实际操作教材网络资源多媒体电脑130分钟总结jQuery动画与特效讲解集体参与教材10分钟作业布置切换用户风格讲解集体参与网络资源多媒体电脑10分钟学习成果无刷新评论最终版本教学后记UavaScript程序设计》教案设计一、教案头本单元标题：第14章实训授课班级：20软件1,2,3课时：4上课地点：实训5教学目标能力目标知识目标实训对前面所学知识的整合运用能力训练任务及案例一'能力训练任务设计个人网站二、案例实训参考资料Javascript技术教程二、（单元）教学设计

教学环节教学内容教学方法及手段学生活动教学资源及工具时间分配导入课件演示听讲教材网络资源多媒体0分钟讲授课件演示模拟演练听讲实际操作教材网络资源多媒体电脑0分钟操练利用前面所学内容制作个人网站演示讲解实际操作教材网络资源多媒体电脑160分钟总结制作个人网站讲解集体参与教材10分钟作业布置制作个人网站讲解集体参与网络资源多媒体电脑10分钟学习成果制作个人网站教学后记UavaScript程序设计》教案设计一、教案头本单元标题：第2章JavaScript基础授课班级：20软件1,2,3课时：2上课地点：实训5教学目标能力目标知识目标1、变量的声明及赋值1、语法2、变量能力训练任务及案例一'能力训练任务1、JavaScript语法学习