網(wǎng)頁制作技術(shù)日新月異，新技術(shù)層出不窮，當很多用戶還沉浸在web1.0時代樂樂津道時，web 2.0已經(jīng)走到了我們的面前。AJAX作為web 2.0應用的一個重要組成部分，利用AJAX技術(shù)可以創(chuàng)建交互式網(wǎng)頁，給用戶提供良好的體驗，因此，它一出現(xiàn)就受到了廣大用戶的歡迎，成為網(wǎng)頁開發(fā)者的熱愛。然而AJAX網(wǎng)頁的開發(fā)需要具備了JavaScript、CSS、XML、XHTML知識，對許多網(wǎng)頁開發(fā)者來說難度較大。為了解決這個問題，提高網(wǎng)頁開發(fā)者的效率，adobe公司的網(wǎng)頁設計工具Dreamweaver CS6中專門集成了用來開發(fā)AJAX網(wǎng)頁的構(gòu)件，利用這些構(gòu)件，用戶不用書寫一句代碼，只需簡單地用鼠標進行拖放操作，就可以設計出令人羨慕的AJAX網(wǎng)頁，給你的網(wǎng)站增添光彩。

Dreamweaver CS6

在用Dreamweaver CS6開發(fā)AJAX網(wǎng)頁之前，首先要了解一些開發(fā)AJAX網(wǎng)頁的基礎知識。

一、什么是AJAX

AJAX是指Asynchromous Javascript and XML的縮寫，翻譯成中文就是異步Javascript 和XML。所謂異步就是可以經(jīng)由超文本傳輸協(xié)議（http）向服務器發(fā)出請求，并且在等待該響應時繼續(xù)處理另外的數(shù)據(jù)。AJAX的工作原理相當于在用戶和服務器之間加了一個中間層，使用戶操作與服務器響應異步化。并不是所有的用戶請求都提交給服務器，像一些數(shù)據(jù)驗證和數(shù)據(jù)處理等，都交給AJAX引擎自己來做，只有確定需要從服務器讀取新的數(shù)據(jù)時再由AJAX引擎代為向服務器提交請求。例如，用戶以調(diào)用一個服務器端腳本來從一個數(shù)據(jù)庫中以XML方式檢索數(shù)據(jù)，把數(shù)據(jù)發(fā)送到存儲在一個數(shù)據(jù)庫的服務庫腳本，或者簡單地裝載一個XML文件以填充你的web站點而不需要刷新該頁面。

AJAX圖標

AJAX并不是一門新的語言或技術(shù)，它實際上是幾項技術(shù)按一定方式組合在一起，在共同的協(xié)作中發(fā)揮各自的作用，每種技術(shù)都有其獨特之處，合在一起就成了一個功能強大的新技術(shù)。

AJAX主要包含了以下幾種技術(shù)：

1.使用基于web標準的XHTML＋CSS呈現(xiàn)。

2.使用文檔對象模型（DOM）進行動態(tài)顯示及交互。

3.使用XML和XSLT進行數(shù)據(jù)交換及相關操作。

4.使用XMLHttpRequest進行異步數(shù)據(jù)查詢、檢索。

5.使用Javascript綁定和處理所有數(shù)據(jù)。

AJAX是使用客戶端腳本與web服務器交換數(shù)據(jù)的web應用開發(fā)方法。它一個大的特點是無需刷新頁面就可向服務器傳輸或讀寫數(shù)據(jù)（又稱無刷新更新頁面），這樣，web頁面不用打斷交互流程，進行重新加載，就可以動態(tài)地更新。使用AJAX技術(shù)，可以把以前的一些服務器負擔的工作轉(zhuǎn)嫁到客戶端，利用客戶端閑置的處理能力來處理，減輕服務器和帶寬的負擔，達到節(jié)約ISP的空間及帶寬租用成本的目的，同時，使用AJAX技術(shù)，用戶可以創(chuàng)建接近本地桌面應用的直接、高可用、更豐富、更動態(tài)的web用戶界面，因此，AJAX技術(shù)大受歡迎，在許多網(wǎng)站得了廣泛應用，隨著AJAX開發(fā)技術(shù)的進步，必將會有更多網(wǎng)站使用該技術(shù)。

二、什么是Spry

由于AJAX開發(fā)需要具備較多的Javascript知識，而且要手工書寫大量的代碼，所以不是一般用戶就能隨便使用的。為了減輕學習的難度，提高AJAX網(wǎng)頁的開發(fā)效率，adobe開發(fā)了一種叫Spry框架的AJAX技術(shù)，并且將它集成在Dreamweaver CS6中，這樣就可以讓普通用戶也能迅速開發(fā)出具有良好用戶體驗的AJAX網(wǎng)頁。

Spry框架

Spry框架是adobe出品的輕量級的支持AJAX的Javascript庫，它以HTML為中心，使用最基本的HTML、CSS和Javascript來實現(xiàn)豐富的web頁面體驗。使用Spry框架可以顯示XML數(shù)據(jù)，并創(chuàng)建用來顯示動態(tài)數(shù)據(jù)的交互式頁面元素，而無需刷新整個頁面。雖然這些文件存放在服務器上，實際上是被加載到瀏覽器中運行的?？蚣艿挠脩魧⑺行枰奈募溄拥紿TML文檔中，以使用不同的組件，來獲得更豐富的用戶體驗。

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

Spry數(shù)據(jù)：將XML數(shù)據(jù)添加到任何web頁面上，并且允許以AJAX樣式交互顯示數(shù)據(jù)，主要是通過Spry數(shù)據(jù)集來實現(xiàn)這一功能。

Spry表單工具：將表單元素，像文本域、列表等，與Javascript驗證功能和友好的用戶錯誤信息提示結(jié)合起來，它包括驗證文本域構(gòu)件、驗證文本區(qū)域構(gòu)件、驗證選擇構(gòu)件、驗證復選框構(gòu)件。

Spry布局工具：提供一系列精致的布局控件，包括選項卡式面板構(gòu)件、菜單欄構(gòu)件、可折疊面板構(gòu)件、折疊構(gòu)件。

Spry效果：是一個視覺增強功能，它用新級的功能來交互式的給頁面元素添加特殊顯示效果，可以將Spry效果應用于使用Javascript 的HTML頁面上幾乎所有的元素。Spry效果包括顯示/漸穩(wěn)、高亮顏色、向上遮簾/向下遮簾、上滑/下滑、增大/收縮、晃動、擠壓。

為了便于AJAX網(wǎng)頁的開發(fā)，adobe將構(gòu)件的概念引進了Spry框架。構(gòu)件是AJAX框架的基本功能，構(gòu)件被稱為下一代的頁面UI的AJAX。一個構(gòu)件是由HTML、CSS、Javascript共同封裝的系統(tǒng)用戶界面。在Dreamweaver CS6中，Spry構(gòu)件是一個頁面元素，Spry框架支持一組用標準的HTML、CSS和Javascript編寫的可重用構(gòu)件。常用的構(gòu)件有菜單欄、選項卡式面板、折疊構(gòu)件等，這些對象很難建立，需要高級的編碼能力，adobe公司預先做好這些構(gòu)件，并且將它們集成在Dreamweaver CS6中，這樣就可以讓普通用戶無需進行復雜的編碼操作也能方便快捷地建立起AJAX網(wǎng)頁，實現(xiàn)復雜的用戶界面。每個構(gòu)件都關聯(lián)著唯一的CSS和Javascript文件。CSS文件包含著設置構(gòu)件樣式所需的全部信息，而Javascript文件則賦予構(gòu)件功能。當用戶使用Dreamweaver CS6界面插入構(gòu)件時，Dreamweaver CS6會自動將這些文件鏈接到頁面，以便構(gòu)件中包含該頁面的功能和樣式。

1.閱后如果喜歡，不妨點贊、評論和關注一下。

2.如果喜歡玩軟件，請關注本頭條號閱讀相關文章。

3.在學習中有什么問題，歡迎與我溝通交流，今日頭條號搜索：微課傳媒，我在這里等你喲！

非常感謝您讀完創(chuàng)新互聯(lián)的這篇文章："網(wǎng)頁設計技巧：用Dreamweaver制作AJAX網(wǎng)頁必備知識"，僅為提供更多信息供用戶參考使用或為學習交流的方便。我們公司提供：網(wǎng)站建設、網(wǎng)站制作、官網(wǎng)建設、SEO優(yōu)化、小程序制作等服務，歡迎聯(lián)系我們提供您的需求。

網(wǎng)站名稱：網(wǎng)頁設計技巧：用Dreamweaver制作AJAX網(wǎng)頁必備知識
當前網(wǎng)址：http://chinadenli.net/news18/324168.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、App開發(fā)、靜態(tài)網(wǎng)站、App設計、網(wǎng)頁設計公司、Google

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)