网页设计中用Dreamweaver制作AJAX网页需要掌握哪些知识。

网站建设技术日新月异,新技术层出不穷,当很多用户还沉浸在web1.0时代乐乐津道时,web 2.0已经走到了我们的面前。AJAX作为web 2.0应用的一个重要组成部分,利用AJAX技术可以创建交互式网页,给用户提供良好的体验,因此,它一出现就受到了广大用户的欢迎,成为网页开发者的热爱。然而AJAX网页的开发需要具备了JavaScript、CSS、XML、XHTML知识,对许多网页开发者来说难度较大。为了解决这个问题,提高网页开发者的效率,adobe公司的网页设计工具Dreamweaver CS6中专门集成了用来开发AJAX网页的构件,利用这些构件,用户不用书写一句代码,只需简单地用鼠标进行拖放操作,就可以设计出令人羡慕的AJAX网页,给你的网站增添光彩。

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

Dreamweaver CS6

在用Dreamweaver CS6开发AJAX网页之前,首先要了解一些开发AJAX网页的基础知识。

一、什么是AJAX

AJAX是指Asynchromous Javascript and XML的缩写,翻译成中文就是异步Javascript 和XML。所谓异步就是可以经由超文本传输协议(http)向服务器发出请求,并且在等待该响应时继续处理另外的数据。AJAX的工作原理相当于在用户和服务器之间加了一个中间层,使用户操作与服务器响应异步化。并不是所有的用户请求都提交给服务器,像一些数据验证和数据处理等,都交给AJAX引擎自己来做,只有确定需要从服务器读取新的数据时再由AJAX引擎代为向服务器提交请求。例如,用户以调用一个服务器端脚本来从一个数据库中以XML方式检索数据,把数据发送到存储在一个数据库的服务库脚本,或者简单地装载一个XML文件以填充你的web站点而不需要刷新该页面。

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

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开发技术的进步,必将会有更多网站使用该技术。

二、什么是Spry

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

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

Spry框架

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

三、Spry框架包括四种不同的工具

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会自动将这些文件链接到页面,以便构件中包含该页面的功能和样式。

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/48258.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
优化家优化家订阅用户
上一篇 2022年7月4日 01:01
下一篇 2022年7月4日 01:01

相关推荐

  • 如何建设网站标题与优化分析。

    我们都知道百度的优化规律。从建站开始,我们就精心规划需求。除了选择好的硬件设备。我们不能忽视网站的标题。无论是站内优化还是站外优化,都需要高质量的文章来引入流量。我们在建设网站的时候,也要注意网站的…

    2022年9月10日
    064
  • URL伪静态的优势以及对网站SEO优化的影响有哪些。

    如何解决URL伪静态?在人们成功建立一个新网站之后,人们总是需要对网站的SEO进行基本设置。其中一个重点是解决了URL伪静态,网络编辑会给大家详细介绍什么是URL伪静态,如何设置URL伪静态。 & emsp& emsp…

    2022年9月10日
    053
  • 教你这些都是提升网站建设用户体验的办法。

    这些都是提升网站建设用户体验的办法 符合大部分目标客户的审美习惯,并具有良好的引导性。网站在设计之前,必须做好相关的调查研究,明确目标客户群体,并针对目标客户做相关的分析,确定网站设计风格。 这些都是…

    2022年11月14日
    030
  • 搭建外贸网站的需求有哪些。

    随着国际贸易发展的越来越快,一些境外电商也发展起来,对于外贸网站的建设也越来越多,网站现在已经成为了一种很好的展示和宣传平台,但对于外贸网站建设是有很多要求的,那么在搭建外贸网站时的需求都有哪些呢? …

    2022年10月18日
    043
  • 玩转论坛营销的一些关键和技巧。

    一般看论坛帖子的人都是不耐烦的!太长的帖子,再吸引人也没几个人能看完!所以一定要把头发剪短!短发怎么粘?贴短发不代表要尽量剪短!而是我会多贴分红,以后续的形式发!就像电视剧一样,反复贴! 但是切记不要…

    2022年9月10日
    064
  • 教你在SEO优化中,如何收集外链资源。

      今天说说,在SEO优化中,如何收集外链资源。      1. 从竞争对手网站找外链。通过SEO优化工具很容易就能找到竞争对手的反链,通过分析竞争对手的反链构成,做好相对应的积累,并做到它有我有的境界。    …

    2022年12月4日
    00
  • 大型网站架构系列:负载均衡详解1。

    大型网站架构系列:负载均衡详解(1) 面对大量用户访问、高并发请求,海量数据,可以使用高性能的服务器、大型数据库,存储设备,高性能Web服务器,采用高效率的编程语言比如(Go,Scala)等,当单机容量达到极限时,…

    2022年7月3日 建站资讯
    0213
  • 网站图片如何做SEO优化。

    与其他搜索引擎不同,百度对图片的识别能力很强,所以网站上图片的优化也越来越重要。今天从网站制作过程中的图片和后期优化两个方面来分析。首先,在网站制作过程中,要考虑图片、产品或者新闻图片的一个比例,采…

    2022年9月10日
    058

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息