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

Dreamweaver CS6

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

一、什么是AJAX

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

AJAX圖標

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

AJAX主要包含了以下幾種技術：

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技術，可以把以前的一些服務器負擔的工作轉嫁到客戶端，利用客戶端閑置的處理能力來處理，減輕服務器和帶寬的負擔，達到節(jié)約ISP的空間及帶寬租用成本的目的，同時，使用AJAX技術，用戶可以創(chuàng)建接近本地桌面應用的直接、高可用、更豐富、更動態(tài)的web用戶界面，因此，AJAX技術大受歡迎，在許多網站得了廣泛應用，隨著AJAX開發(fā)技術的進步，必將會有更多網站使用該技術。

二、什么是Spry

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

Spry框架

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

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

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

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

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

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

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

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

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

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

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

網站名稱：網頁設計技巧：用Dreamweaver制作AJAX網頁必備知識
當前網址：http://aaarwkj.com/news18/324168.html

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

廣告

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