当前位置:首页 > DIV+CSS教程 > 正文

视频:第3课 - CSS与AJAX的综合应用 - CSS与其他技术

作者:曾顺 来源:前沿视频教室 【 】 浏览: 添加日期:2008-06-26 我要评论(0)     

点击在线观看

下载该节视频教程 动力软件园分流下载 FLV播放器下载 或者使用QQ影音播放

Ajax(Asynchronous JavaScript and XML,异步JavaScript和XML)是目前很新的一项网络应用技术。确切的说Ajax不是一项技术,它是一组技术的集合,它能使浏览器为用户提供更为自然的浏览体验,就像在使用桌面应用程序一样。本课首先介绍AJAX的基础知识,然后重点讲解CSS在AJAX中的重要地位,以及简单的AJAX使用方法。

1.AJAX概述

Ajax是一项很有生命力的技术,它的出现引发了web应用的新一轮革命。目前网上的众多站点,使用Ajax技术的还非常有限,但可以预见在不远的将来,Ajax必然成为整个网络的主流。我们在这里主要对Ajax技术作概括性的介绍,包括Ajax的组成以及基本原理等。

  • 什么是AJAX
  • AJAX的关键元素
  • CSS的重要地位

2.AJAX入门

正如上一节所提到,Ajax作为一项新的web技术,结合了4种不同技术,实现了客户端与服务器端的异步通讯,并且对页面实行局部更新,大大增强了浏览的速度。Ajax的内容十分丰富,它能够将一个页面制作成强大的桌面应用程序,就像Google Map、Google Moon、Gmail等。关于Ajax的详细介绍,有兴趣的读者可以参考其它相关资料,我们在这里只是通过简单的实例,对Ajax进行初步的了解。

  • 创建XMLHttpRequest对象
  • 发出AJAX请求
  • 处理服务器响应
  • 加入CSS样式

3.AJAX实例:能够自由拖动布局区域的网页

如前面描述的,Ajax综合了各方面的技术,不但能够加快用户的访问速度,使得应用网页就像使用桌面应用程序一样,还可以实现各种特效。我们在这里以简单的拖动布局区域为例,展示Ajax的强大功能,并利用CSS修改页面的风格样式,效果如图所示。

(如果您觉得本站不错,请告诉身边的朋友,或转载到论坛、百度知道、贴吧等,记得带网址哟,不胜感激!)

〖DIV+CSS教程〗Tags: 视频 css应用 ajax应用

所属专题:视频教程

更多评论(0)..会员评论

出差旅游免费预订酒店

【视频教程】新手常见问题