网页设计技巧用Dreamweaver制作AJAX网页必备常识

Dreamweaver CS6

在用Dreamweaver CS6开拓AJAX网页之前，首先要理解一些开拓AJAX网页的根本知识。

AJAX是指Asynchromous Javascript and XML的缩写，翻译成中文便是异步Javascript 和XML。
所谓异步便是可以经由超文本传输协议（http）向做事器发出要求，并且在等待该相应时连续处理其余的数据。
AJAX的事情事理相称于在用户和做事器之间加了一个中间层，利用户操作与做事器相应异步化。
并不是所有的用户要求都提交给做事器，像一些数据验证和数据处理等，都交给AJAX引擎自己来做，只有确定须要从做事器读取新的数据时再由AJAX引擎代为向做事器提交要求。
例如，用户以调用一个做事器端脚本来从一个数据库中以XML办法检索数据，把数据发送到存储在一个数据库的做事库脚本，或者大略地装载一个XML文件以添补你的web站点而不须要刷新该页面。

AJAX图标

AJAX并不是一门新的措辞或技能，它实际上是几项技能按一定办法组合在一起，在共同的协作中发挥各自的浸染，每种技能都有其独特之处，合在一起就成了一个功能强大的新技能。

AJAX紧张包含了以下几种技能：

1.利用基于web标准的XHTML＋CSS呈现。

2.利用文档工具模型（DOM）进行动态显示及交互。

3.利用XML和XSLT进行数据交流及干系操作。

4.利用XMLHttpRequest进行异步数据查询、检索。

5.利用Javascript绑定和处理所有数据。

AJAX是利用客户端脚本与web做事器交流数据的web运用开拓方法。
它一个最大的特点是无需刷新页面就可向做事器传输或读写数据（又称无刷新更新页面），这样，web页面不用打断交互流程，进行重新加载，就可以动态地更新。
利用AJAX技能，可以把以前的一些做事器包袱的事情转嫁到客户端，利用客户端闲置的处理能力来处理，减轻做事器和带宽的包袱，达到节约ISP的空间及带宽租用本钱的目的，同时，利用AJAX技能，用户可以创建靠近本地桌面运用的直接、高可用、更丰富、更动态的web用户界面，因此，AJAX技能大受欢迎，在许多网站得了广泛运用，随着AJAX开拓技能的进步，必将会有更多网站利用该技能。

由于AJAX开拓须要具备较多的Javascript知识，而且要手工书写大量的代码，以是不是一样平常用户就能随便利用的。
为了减轻学习的难度，提高AJAX网页的开拓效率，adobe开拓了一种叫Spry框架的AJAX技能，并且将它集成在Dreamweaver CS6中，这样就可以让普通用户也能迅速开拓出具有良好用户体验的AJAX网页。

Spry框架

Spry框架是adobe出品的轻量级的支持AJAX的Javascript库，它以HTML为中央，利用最基本的HTML、CSS和Javascript来实现丰富的web页面体验。
利用Spry框架可以显示XML数据，并创建用来显示动态数据的交互式页面元素，而无需刷新全体页面。
虽然这些文件存放在做事器上，实际上是被加载到浏览器中运行的。
框架的用户将所有须要的文件链接到HTML文档中，以利用不同的组件，来得到更丰富的用户体验。

Spry数据：将XML数据添加到任何web页面上，并且许可以AJAX样式交互显示数据，紧张是通过Spry数据集来实现这一功能。

Spry表单工具：将表单元素，像文本域、列表等，与Javascript验证功能和友好的用户缺点信息提示结合起来，它包括验证文本域构件、验证文本区域构件、验证选择构件、验证复选框构件。

Spry布局工具：供应一系列精细的布局控件，包括选项卡式面板构件、菜单栏构件、可折叠面板构件、折叠构件。

Spry效果：是一个视觉增强功能，它用新级的功能来交互式的给页面元素添加分外显示效果，可以将Spry效果运用于利用Javascript 的HTML页面上险些所有的元素。
Spry效果包括显示/渐稳、高亮颜色、向上遮帘/向下遮帘、上滑/下滑、增大/紧缩、晃动、挤压。

为了便于AJAX网页的开拓，adobe将构件的观点引进了Spry框架。
构件是AJAX框架的基本功能，构件被称为下一代的页面UI的“AJAX”。
一个构件是由HTML、CSS、Javascript共同封装的系统用户界面。
在Dreamweaver CS6中，Spry构件是一个页面元素，Spry框架支持一组用标准的HTML、CSS和Javascript编写的可重用构件。
常用的构件有菜单栏、选项卡式面板、折叠构件等，这些工具很难建立，须要高等的编码能力，adobe公司预先做好这些构件，并且将它们集成在Dreamweaver CS6中，这样就可以让普通用户无需进行繁芜的编码操作也能方便快捷地建立起AJAX网页，实现繁芜的用户界面。
每个构件都关联着唯一的CSS和Javascript文件。
CSS文件包含着设置构件样式所需的全部信息，而Javascript文件则授予构件功能。
当用户利用Dreamweaver CS6界面插入构件时，Dreamweaver CS6会自动将这些文件链接到页面，以便构件中包含该页面的功能和样式。

1.阅后如果喜好，不妨点赞、评论和关注一下。

2.如果喜好玩软件，请关注本头条号阅读干系文章。

3.在学习中有什么问题，欢迎与我沟通互换，今日头条号搜索：微课传媒，我在这里等你哟！