資源描述：
《如何令你的網(wǎng)站“動感十足”》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。
1、如何令你的網(wǎng)站“動感十足”您的網(wǎng)站是否仍一如既往地保持“靜態(tài)”？目前呈幾何增長的互聯(lián)網(wǎng)網(wǎng)站中，有相當(dāng)一部分仍固守“靜態(tài)”，無形中已大大落后于時代的步伐。所謂“靜態(tài)”指的就是網(wǎng)站的網(wǎng)頁內(nèi)容“固定不變”，當(dāng)用戶瀏覽器通過互聯(lián)網(wǎng)的HTTP（HypertextTransportProtocol）協(xié)議向WEB服務(wù)器請求提供網(wǎng)頁內(nèi)容時，服務(wù)器僅僅是將原已設(shè)計好的靜態(tài)HTML文檔傳送給用戶瀏覽器。其頁面的內(nèi)容使用的僅僅是標(biāo)準(zhǔn)的HTML代碼，最多再加上流行的GIF89A格式的動態(tài)圖片，比如產(chǎn)生幾只小狗小貓跑來跑去的動畫效果。若網(wǎng)站維護(hù)者要更新網(wǎng)頁的內(nèi)容，就必須手動地來更新其所有的HTML文
2、檔?！办o態(tài)”網(wǎng)站的致命弱點就是不易維護(hù)，為了不斷更新網(wǎng)頁內(nèi)容，你必須不斷地重復(fù)制作HTML文檔，隨著網(wǎng)站內(nèi)容和信息量的日益擴(kuò)增，你就會感到工作量大得出乎想象。你不禁要問：那么什么是動態(tài)網(wǎng)站呢？這就是本文將重點講述的核心，所謂“動態(tài)”，并不是指那幾個放在網(wǎng)頁上的GIF動態(tài)圖片，在這里筆者為動態(tài)頁面的概念制定了以下幾條規(guī)則：1、“交互性”即網(wǎng)頁會根據(jù)用戶的要求和選擇而動態(tài)改變和響應(yīng)，將瀏覽器作為客戶端界面，這將是今后WEB發(fā)展的大事所趨。2、“自動更新”即無須手動地更新HTML文檔，便會自動生成新的頁面，可以大大節(jié)省工作量。3、“因時因人而變”，即當(dāng)不同的時間、不同的人訪問同一
3、網(wǎng)址時會產(chǎn)生不同的頁面，是不是很酷？現(xiàn)在你已經(jīng)對“動態(tài)”網(wǎng)站有了一個基本的概念，接下來應(yīng)挑選稱手的“兵刃”了。將網(wǎng)站“動態(tài)”化的方法很多，這要看你是出于何種需求。如果你是個人網(wǎng)站的維護(hù)者，使用的是免費主頁空間，那么絕大多數(shù)情況下你只能使用Java、JavaScript和最新的DHTML技術(shù)，如果你的主頁空間提供者能給予你CGI權(quán)限或ASP支持，那么你將能非常幸運地發(fā)揮真正的動態(tài)技術(shù)。關(guān)于CGI和ASP技術(shù)將在后面的著重討論，這里針對個人網(wǎng)站僅就最新的DHTML技術(shù)進(jìn)行重點介紹。究竟什么是DHTML？它與傳統(tǒng)的HTML有什么不同？DHTML就是當(dāng)網(wǎng)頁從WEB服務(wù)器下載后無須再
4、經(jīng)過服務(wù)器的處理，而在瀏覽器中直接動態(tài)地更新網(wǎng)頁的內(nèi)容、排版樣式、動畫。比如，當(dāng)鼠標(biāo)移至文章段落中，段落能夠變成藍(lán)色，或者當(dāng)你點擊一個超鏈后會自動生成一個下拉式的子超鏈目錄。這就是DynamicHTML（動態(tài)HTML），它是近年來網(wǎng)絡(luò)飛速發(fā)展進(jìn)程中最振奮人心也是最具實用性的創(chuàng)新之一。它是一種通過各種技術(shù)的綜合發(fā)展而得以實現(xiàn)的概念，這些技術(shù)包括JavaScript,VB0Script,DocumentObjectModel(文件目標(biāo)模塊)，Layers和CascadingStyleSheets(CSS樣式表)等。非常遺憾的是在網(wǎng)景Netscape和微軟IE瀏覽器幾番大戰(zhàn)后，我
5、們?nèi)詻]有得到一個對DHTML支持的統(tǒng)一標(biāo)準(zhǔn)。因此本文在介紹DHTML時不得不分別講述。讓我們先來看看MicrosoftIE4對DHTML的支持：1.動態(tài)內(nèi)容（DynamicContent）：動態(tài)地更新網(wǎng)頁的內(nèi)容，可"動態(tài)"地隨時插入、修改、或刪除網(wǎng)頁的元件，譬如文字、標(biāo)記等。2.動態(tài)排版樣式（DynamicStylesSheets）：通過W3C的“CascadingStyleSheets”（串聯(lián)式排版樣式，簡稱CSS1或CSS），提供了設(shè)定HTML標(biāo)記的字體大小、字型、粗細(xì)、字型樣式、行高度、文字顏色、加底線或加中間橫線、與邊緣距離、靠左右或置中、縮排、背景圖片或顏色等排版
6、功能。而“動態(tài)排版樣式”，可以“動態(tài)”地隨時地改變排版樣式。3.動態(tài)定位（DynamicPositioning）：通過W3C的“WorkingDraftonPositioningHTMLwithCascadingStyleSheets”，提供HTML元件在X、Y、Z軸的定位功能，讓設(shè)計者可以放置影像、控件、文字等在網(wǎng)頁上的任何位置上。而放置在不同的Z軸上，設(shè)計者就可以產(chǎn)生重疊的效果。4.內(nèi)建資料處理（DataAwareness）：無須復(fù)雜的程序，無須花費服務(wù)器太多資源，即可讓網(wǎng)頁設(shè)計者即時處理文檔。5.內(nèi)建多媒體支援：IE4.0結(jié)合CSS與內(nèi)建的ActiveXControl
7、s，提供多媒體支持的功能，包括轉(zhuǎn)換特效、濾鏡特效、路徑控制、順序控制、動畫、制圖、播放聲音和影像等多媒體功能。讓我們再來看看NetscapeCommunicator4.0對DHTML所提供的支持：1.動態(tài)排版樣式（DynamicStylesSheets）：支援W3C的“CascadingStyleSheets”（串聯(lián)式排版樣式，簡稱CSS1或CSS）、和自創(chuàng)的“JavaScriptStyleSheets”。2.DynamicLayers：提供圖文定位、改變圖文重疊順序、控制隱藏或顯示圖文、移動圖文的功能，讓您設(shè)計出
