第01次课教案正文.docVIP

教 案 正 文（一） 学院部门： 计算机系 任课教师：黄波 周 次 第 1 周 第 1 次课 授 课 时 间 2010 .3. 9 授课 题目 概论 上 课 教 室 A7220 授 课 方 式 课堂讲授（√）； 实践课（　） 教　学 时　数 2 教学 目标 与 要求 知识目标： 1. 了解为什么要学习Ajax技术； 2. 掌握Ajax的基本概念及其涉及的关键基本要素； 3. 了解一些常见的Ajax特效、应用范畴以及缺陷； 4. 了解本学期的教学安排； 技能目标： 掌握Ajax技术的概念、基本原理、组成元素。 能力目标： 掌握Ajax的概念，它的异步工作方式与传统网页同步工作方式的区别。 教学 方法 、 手段 、 媒介 教学方法： 讲授、示教、课堂互动、课堂指导、课后作业和辅导答疑。 教学手段： 使用PPT进行课堂讲解，并在课堂上指导学生练习； 教学媒介： 教科书、板书、幻灯片。 主要 教学 内容 、 重点 、 难点 及 时间 分配 教学内容： 1. 向学生简述为什么要学习Ajax技术（从应用以及就业上）； 2. 掌握Ajax的基本概念以及它的关键组成元素； 3. 了解一些常见的Ajax的应用、应用范畴以及缺陷； 4. 介绍下要学习的ASP.NET AJAX以及对未来技术的展望； 5. 介绍本课程的教学安排； 教学重点： Ajax技术的异步工作方式与传统网页同步工作方式的区别； Ajax的概念以及关键组成要素； Ajax技术的应用范畴以及缺陷； 教学的内容安排； 教学的考核方式及课堂纪律的规定； 教学难点： Ajax技术的异步工作方式与传统网页同步工作方式的区别； Ajax技术的4种主要技术以及每个技术的重用以及JavaScript的位置； Ajax技术的应用范畴以及缺陷。 教 案 正 文（二） 【导课】 对上学期的ASP.NET Web应用开发课程作个总结。 5分钟 【教学进程】 1．为什么学习Ajax技术 【讲授】（1）Ajax出现之前的Web，不管是静态网页还是动态网页，都面临网络延迟造成的效率低下的问题，以“淘宝网”的注册为例，分析原有的技术造成对网页程序的影响，分析出能否有一个新的技术能改进设计；（2）分析传统网页的同步工作方式在注册中存在的问题；（3）讲述新技术Ajax的异步工作方式；（4）介绍下Ajax技术的优势，并且强调它是Web程序员当前必须具备的技能之一。 【讨论】传统网页的这种注册方式存在的问题， 15 分钟 2. 什么是Ajax 【讲授】（1）Ajax的全称是Asynchronous JavaScript and XML（异步 JavaScript和XML），它极大地发掘了Web应用程序的潜力，开启了大量新的可能性，缩短了Web程序与Windows程序在可用性上的差距；（2）Ajax技术的4个基本组成要素：JavaScript、DOM、CSS、XMLHttpRequest对象；（3）这4个组成部分之间的关系，JavaScript就像胶水一样将各个部分粘合在一起。 【提问】简单回忆下什么是DOM操作？ 20 分钟 3. Ajax的应用 【讲授】（1）Ajax在目前主要的网站中的应用：淘宝网中的自动输入完成功能、较流行的三维电子地图的应用、163电邮中的在线播放器等；（2）Ajax技术的应用范畴：局部刷新、获取其他网页的内容、异步读取；（3）Ajax技术的缺陷：不利于搜索引擎的优化、不支持网页的后退功能、纯粹的JavaScript，代码凌乱、难以管理、重用率低、不支持智能终端设备。 10 分钟 4. Microsoft AJAX介绍 【讲授】微软公司推出Microsoft AJAX框架，作为对ASP.NET 2.0的补充，使微软的Web解决方案能够上下贯通。这是迄今为止对Ajax技术最完备且功能最强大的封装，开发者不用书写或不懂JavaScript，也能创建出Ajax应用程序。 5 分钟 5. AJAX的替代方案 【讲授】（1）先简要介绍下RIA(Rich Internet Application，富互联网应用系统）技术；（2）RIA的发展：Adobe公司的Flex平台、微软公司的SilverLight（这里强调是以Ajax为基础并非要取而代之）。 10 分钟 6. 课程教学安排 【讲授】课程的主要教学内容介绍、案例上的安排（上学期案例的延续，将其修改成一个基于AJAX的网站）、考核的目标（分为初级目标、中高级目标）、考核的方式及各占比例、需要的开发工具 15 分钟 7．作业及思考题布置 阅读第一章、安装开发工具、掌握Ajax技术的概念、基