如何令你的網(wǎng)站“動(dòng)感十足”

《如何令你的網(wǎng)站“動(dòng)感十足”》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。

1、如何令你的網(wǎng)站“動(dòng)感十足”您的網(wǎng)站是否仍一如既往地保持“靜態(tài)”？目前呈幾何增長(zhǎng)的互聯(lián)網(wǎng)網(wǎng)站中，有相當(dāng)一部分仍固守“靜態(tài)”，無(wú)形中已大大落后于時(shí)代的步伐。所謂“靜態(tài)”指的就是網(wǎng)站的網(wǎng)頁(yè)內(nèi)容“固定不變”，當(dāng)用戶瀏覽器通過(guò)互聯(lián)網(wǎng)的HTTP（HypertextTransportProtocol）協(xié)議向WEB服務(wù)器請(qǐng)求提供網(wǎng)頁(yè)內(nèi)容時(shí)，服務(wù)器僅僅是將原已設(shè)計(jì)好的靜態(tài)HTML文檔傳送給用戶瀏覽器。其頁(yè)面的內(nèi)容使用的僅僅是標(biāo)準(zhǔn)的HTML代碼，最多再加上流行的GIF89A格式的動(dòng)態(tài)圖片，比如產(chǎn)生幾只小狗小貓跑來(lái)跑去的動(dòng)畫效果。若網(wǎng)站維護(hù)者要更新網(wǎng)頁(yè)的內(nèi)容，就必須手動(dòng)地來(lái)更新其所有的HTML文

2、檔。“靜態(tài)”網(wǎng)站的致命弱點(diǎn)就是不易維護(hù)，為了不斷更新網(wǎng)頁(yè)內(nèi)容，你必須不斷地重復(fù)制作HTML文檔，隨著網(wǎng)站內(nèi)容和信息量的日益擴(kuò)增，你就會(huì)感到工作量大得出乎想象。你不禁要問(wèn)：那么什么是動(dòng)態(tài)網(wǎng)站呢？這就是本文將重點(diǎn)講述的核心，所謂“動(dòng)態(tài)”，并不是指那幾個(gè)放在網(wǎng)頁(yè)上的GIF動(dòng)態(tài)圖片，在這里筆者為動(dòng)態(tài)頁(yè)面的概念制定了以下幾條規(guī)則：1、“交互性”即網(wǎng)頁(yè)會(huì)根據(jù)用戶的要求和選擇而動(dòng)態(tài)改變和響應(yīng)，將瀏覽器作為客戶端界面，這將是今后WEB發(fā)展的大事所趨。2、“自動(dòng)更新”即無(wú)須手動(dòng)地更新HTML文檔，便會(huì)自動(dòng)生成新的頁(yè)面，可以大大節(jié)省工作量。3、“因時(shí)因人而變”，即當(dāng)不同的時(shí)間、不同的人訪問(wèn)同一

3、網(wǎng)址時(shí)會(huì)產(chǎn)生不同的頁(yè)面，是不是很酷？現(xiàn)在你已經(jīng)對(duì)“動(dòng)態(tài)”網(wǎng)站有了一個(gè)基本的概念，接下來(lái)應(yīng)挑選稱手的“兵刃”了。將網(wǎng)站“動(dòng)態(tài)”化的方法很多，這要看你是出于何種需求。如果你是個(gè)人網(wǎng)站的維護(hù)者，使用的是免費(fèi)主頁(yè)空間，那么絕大多數(shù)情況下你只能使用Java、JavaScript和最新的DHTML技術(shù)，如果你的主頁(yè)空間提供者能給予你CGI權(quán)限或ASP支持，那么你將能非常幸運(yùn)地發(fā)揮真正的動(dòng)態(tài)技術(shù)。關(guān)于CGI和ASP技術(shù)將在后面的著重討論，這里針對(duì)個(gè)人網(wǎng)站僅就最新的DHTML技術(shù)進(jìn)行重點(diǎn)介紹。究竟什么是DHTML？它與傳統(tǒng)的HTML有什么不同？DHTML就是當(dāng)網(wǎng)頁(yè)從WEB服務(wù)器下載后無(wú)須再

4、經(jīng)過(guò)服務(wù)器的處理，而在瀏覽器中直接動(dòng)態(tài)地更新網(wǎng)頁(yè)的內(nèi)容、排版樣式、動(dòng)畫。比如，當(dāng)鼠標(biāo)移至文章段落中，段落能夠變成藍(lán)色，或者當(dāng)你點(diǎn)擊一個(gè)超鏈后會(huì)自動(dòng)生成一個(gè)下拉式的子超鏈目錄。這就是DynamicHTML（動(dòng)態(tài)HTML），它是近年來(lái)網(wǎng)絡(luò)飛速發(fā)展進(jìn)程中最振奮人心也是最具實(shí)用性的創(chuàng)新之一。它是一種通過(guò)各種技術(shù)的綜合發(fā)展而得以實(shí)現(xiàn)的概念，這些技術(shù)包括JavaScript,VB0Script,DocumentObjectModel(文件目標(biāo)模塊)，Layers和CascadingStyleSheets(CSS樣式表)等。非常遺憾的是在網(wǎng)景Netscape和微軟IE瀏覽器幾番大戰(zhàn)后，我

5、們?nèi)詻](méi)有得到一個(gè)對(duì)DHTML支持的統(tǒng)一標(biāo)準(zhǔn)。因此本文在介紹DHTML時(shí)不得不分別講述。讓我們先來(lái)看看MicrosoftIE4對(duì)DHTML的支持：1.動(dòng)態(tài)內(nèi)容（DynamicContent）：動(dòng)態(tài)地更新網(wǎng)頁(yè)的內(nèi)容，可"動(dòng)態(tài)"地隨時(shí)插入、修改、或刪除網(wǎng)頁(yè)的元件，譬如文字、標(biāo)記等。2.動(dòng)態(tài)排版樣式（DynamicStylesSheets）：通過(guò)W3C的“CascadingStyleSheets”（串聯(lián)式排版樣式，簡(jiǎn)稱CSS1或CSS），提供了設(shè)定HTML標(biāo)記的字體大小、字型、粗細(xì)、字型樣式、行高度、文字顏色、加底線或加中間橫線、與邊緣距離、靠左右或置中、縮排、背景圖片或顏色等排版

6、功能。而“動(dòng)態(tài)排版樣式”，可以“動(dòng)態(tài)”地隨時(shí)地改變排版樣式。3.動(dòng)態(tài)定位（DynamicPositioning）：通過(guò)W3C的“WorkingDraftonPositioningHTMLwithCascadingStyleSheets”，提供HTML元件在X、Y、Z軸的定位功能，讓設(shè)計(jì)者可以放置影像、控件、文字等在網(wǎng)頁(yè)上的任何位置上。而放置在不同的Z軸上，設(shè)計(jì)者就可以產(chǎn)生重疊的效果。4.內(nèi)建資料處理（DataAwareness）：無(wú)須復(fù)雜的程序，無(wú)須花費(fèi)服務(wù)器太多資源，即可讓網(wǎng)頁(yè)設(shè)計(jì)者即時(shí)處理文檔。5.內(nèi)建多媒體支援：IE4.0結(jié)合CSS與內(nèi)建的ActiveXControl

7、s，提供多媒體支持的功能，包括轉(zhuǎn)換特效、濾鏡特效、路徑控制、順序控制、動(dòng)畫、制圖、播放聲音和影像等多媒體功能。讓我們?cè)賮?lái)看看NetscapeCommunicator4.0對(duì)DHTML所提供的支持：1.動(dòng)態(tài)排版樣式（DynamicStylesSheets）：支援W3C的“CascadingStyleSheets”（串聯(lián)式排版樣式，簡(jiǎn)稱CSS1或CSS）、和自創(chuàng)的“JavaScriptStyleSheets”。2.DynamicLayers：提供圖文定位、改變圖文重疊順序、控制隱藏或顯示圖文、移動(dòng)圖文的功能，讓您設(shè)計(jì)出