网页设计中用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日

相关推荐

  • 企业网站搭建如何提高易读性。

    企业网站搭建要易懂易读易会,更有利于留住客户,提高用户体验,对客户也更加友好,让网站能够更容易的留住用户,所以在网站搭建的时候,一定要考虑到提高网站的易读性,那么企业网站搭建中又该如何提高易读性呢?…

    2022年10月20日
    045
  • 我来分享网站建设良好的网站导航把握以下几点原则。

    网站建设导航菜单是让用户更深入了解网站体验的关键组成部分。想象一下,第一次访问网站的访客,每次点击网站导航如果用户无法找到信息出现负面体验时,一般不会返回网站,良好的网站导航把握以下几点原则视觉上区…

    2023年6月17日
    02
  • 轴承公司网站建设制作费用大概需要多少钱?

    先来聊聊:轴承行业网站建设有哪些好处?1.全网开放通过建设一个网站,可以更好的展示个人/企业或者机构. 因此,建设一个与自身形象相称或者更新颖的网站,是当前时代必不可少的选择!2.有利于提升企业形象一般来说…

    2023年4月29日
    07
  • 九张GIF动画介绍网页设计史 。

    网页设计最早被归类在数字商业设计下,最后独立成为一个非常专业的行业。里面有很多故事。从科技的角度来看,由于网页设计集成了很多技术,而这些技术往往是最先进的技术,因此受到科技行业的高度关注。视觉设计师…

    2022年9月10日 网站搭建
    074
  • 企业网站seo关键词优化怎么做。

    关键词没有排名一切皆无。 企业网站SEO关键词优化到位一切皆有,怎么做好企业网站的关键词排名是困扰大部分SEO从业者的问题。 搜索引擎是一套程序,会按照程序的设定来判断一个网站的排序结果,从这个角度来讲,任…

    2022年7月1日
    0121
  • 做百度推广好还是做seo优化好。

    随着互联网的发展,企业面临着SEO优化和百度推广的选择。那么北京SEO优化就给大家分享一下如何选择SEO优化和百度推广。 SEO推广方法分析:传统SEO优化无法在短时间内获得好的排名。如果是一般的关键词,到达百度首页…

    2022年9月10日
    062
  • 设计师常去的免费高清图片素材网站。

    作为设计师,经常去各大网站淘素材、淘图片,那是再正常不过的事了,但是,遇到的情况要么是图片像素低不够清晰,要么就是有水印然后PS一大堆处理,要么就是有版权不敢使用害怕侵权。以下的一些免费高清,并且无版…

    2022年7月4日 建站资讯
    0136
  • 你不可忽视的网站建设技巧。

    目前很多小伙伴也在尝试学习网站建设,会和航嘉网站建设技术小编在线聊天,讨论很多存在的问题。今天小编就给正在学习网站建设和打算建设网站的用户分享一些网站建设小技巧,希望对你有所帮助。以下分享的几点将有…

    2022年9月10日
    056

联系我们

QQ:951076433

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