網(wǎng)頁制作技術(shù)日新月異，新技術(shù)層出不窮，當(dāng)很多用戶還沉浸在web1.0時代樂樂津道時，web 2.0已經(jīng)走到了我們的面前。AJAX作為web 2.0應(yīng)用的一個重要組成部分，利用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)頁設(shè)計工具Dreamweaver CS6中專門集成了用來開發(fā)AJAX網(wǎng)頁的構(gòu)件，利用這些構(gòu)件，用戶不用書寫一句代碼，只需簡單地用鼠標(biāo)進行拖放操作，就可以設(shè)計出令人羨慕的AJAX網(wǎng)頁，給你的網(wǎng)站增添光彩。

Dreamweaver CS6

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

一、什么是AJAX

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

AJAX圖標(biāo)

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

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

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

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

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

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

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

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

二、什么是Spry

由于AJAX開發(fā)需要具備較多的Javascript知識，而且要手工書寫大量的代碼，所以不是一般用戶就能隨便使用的。為了減輕學(xué)習(xí)的難度，提高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ù)的交互式頁面元素，而無需刷新整個頁面。雖然這些文件存放在服務(wù)器上，實際上是被加載到瀏覽器中運行的。框架的用戶將所有需要的文件鏈接到HTML文檔中，以使用不同的組件，來獲得更豐富的用戶體驗。

三、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)件、驗證復(fù)選框構(gòu)件。

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

Spry效果：是一個視覺增強功能，它用新級的功能來交互式的給頁面元素添加特殊顯示效果，可以將Spry效果應(yīng)用于使用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框架支持一組用標(biāo)準(zhǔn)的HTML、CSS和Javascript編寫的可重用構(gòu)件。常用的構(gòu)件有菜單欄、選項卡式面板、折疊構(gòu)件等，這些對象很難建立，需要高級的編碼能力，adobe公司預(yù)先做好這些構(gòu)件，并且將它們集成在Dreamweaver CS6中，這樣就可以讓普通用戶無需進行復(fù)雜的編碼操作也能方便快捷地建立起AJAX網(wǎng)頁，實現(xiàn)復(fù)雜的用戶界面。每個構(gòu)件都關(guān)聯(lián)著唯一的CSS和Javascript文件。CSS文件包含著設(shè)置構(gòu)件樣式所需的全部信息，而Javascript文件則賦予構(gòu)件功能。當(dāng)用戶使用Dreamweaver CS6界面插入構(gòu)件時，Dreamweaver CS6會自動將這些文件鏈接到頁面，以便構(gòu)件中包含該頁面的功能和樣式。

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

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

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

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

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

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