如何令你的網(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（Hypertext Transport Pr otocol）協(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)站維護者要更新網(wǎng)頁的內(nèi)容，就必須手動地來更新其所有的HTML文檔。

　　“靜態(tài)”網(wǎng)站的致命弱點就是不易維護，為了不斷更新網(wǎng)頁內(nèi)容，你必須不斷地重復(fù)制作HTML文檔，隨著網(wǎng)站內(nèi)容和信息量的日益擴增，你就會感到工作量大得出乎想象。

　　你不禁要問：那么什么是動態(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)不同的時間、不同的人訪問同一網(wǎng)址時會產(chǎn)生不同的頁面，是不是很酷？

　　現(xiàn)在你已經(jīng)對“動態(tài)”網(wǎng)站有了一個基本的概念，接下來應(yīng)挑選稱手的“兵刃”了。將網(wǎng)站“動態(tài)”化的方法很多，這要看你是出于何種需求。如果你是個人網(wǎng)站的維護者，使用的是免費主頁空間，那么絕大多數(shù)情況下你只能使用Java、Java Script和最新的DHTML技術(shù)，如果你的主頁空間提供者能給予你CGI權(quán)限或ASP支持，那么你將能非常幸運地發(fā)揮真正的動態(tài)技術(shù)。關(guān)于CGI和ASP技術(shù)將在后面的著重討論，這里針對個人網(wǎng)站僅就最新的DHTML技術(shù)進行重點介紹。

　　究竟什么是DHTML？它與傳統(tǒng)的HTML有什么不同？DHTML就是當(dāng)網(wǎng)頁從WEB服務(wù)器下載后無須再經(jīng)過服務(wù)器的處理，而在瀏覽器中直接動態(tài)地更新網(wǎng)頁的內(nèi)容、排版樣式、動畫。比如，當(dāng)鼠標(biāo)移至文章段落中，段落能夠變成藍色，或者當(dāng)你點擊一個超鏈后會自動生成一個下拉式的子超鏈目錄。這就是Dynamic HTML（動態(tài)HTML），它是近年來網(wǎng)絡(luò)飛速發(fā)展進程中最振奮人心也是最具實用性的創(chuàng)新之一。它是一種通過各種技術(shù)的綜合發(fā)展而得以實現(xiàn)的概念，這些技術(shù)包括Java Script , VB0Script, Document Object Model (文件目標(biāo)模塊)，Layers和Cascading Style Sheets ( CSS樣式表)等。非常遺憾的是在網(wǎng)景Netscape和微軟IE瀏覽器幾番大戰(zhàn)后，我們?nèi)詻]有得到一個對DHTML支持的統(tǒng)一標(biāo)準(zhǔn)。因此本文在介紹DHTML時不得不分別講述。讓我們先來看看Microsoft IE 4對DHTML的支持：
　　1 .動態(tài)內(nèi)容（Dynamic Content）：動態(tài)地更新網(wǎng)頁的內(nèi)容，可"動態(tài)"地隨時插入、修改、或刪除網(wǎng)頁的元件，譬如文字、標(biāo)記等。
　　2 .動態(tài)排版樣式（Dynamic Styles Sheets）：通過W3C的“Cascading Style Sheets”（串聯(lián)式排版樣式，簡稱CSS1或CSS），提供了設(shè)定HTML標(biāo)記的字體大小、字型、粗細、字型樣式、行高度、文字顏色、加底線或加中間橫線、與邊緣距離、靠左右或置中、縮排、背景圖片或顏色等排版功能。而“動態(tài)排版樣式”，可以“動態(tài)”地隨時地改變排版樣式。
　　3 .動態(tài)定位（Dynamic Positioning）：通過W 3 C的“Working Draft on Positioning HTML with Cascading Style Sheets”，提供HTML元件在X、Y、Z軸的定位功能，讓設(shè)計者可以放置影像、控件、文字等在網(wǎng)頁上的任何位置上。而放置在不同的Z軸上，設(shè)計者就可以產(chǎn)生重疊的效果。
　　4 .內(nèi)建資料處理（Data Awareness）：無須復(fù)雜的程序，無須花費服務(wù)器太多資源，即可讓網(wǎng)頁設(shè)計者即時處理文檔。
　　5 .內(nèi)建多媒體支援：IE 4.0結(jié)合CSS與內(nèi)建的ActiveX Controls，提供多媒體支持的功能，包括轉(zhuǎn)換特效、濾鏡特效、路徑控制、順序控制、動畫、制圖、播放聲音和影像等多媒體功能。

　　讓我們再來看看Netscape Communicator 4.0對DHTML所提供的支持：
　　1 .動態(tài)排版樣式（Dynamic Styles Sheets）：支援W 3 C的“Cascading Style Sheets”（串聯(lián)式排版樣式，簡稱CSS1或CSS）、和自創(chuàng)的“Java Script Style Sheets”。
　　2 .Dynamic Layers：提供圖文定位、改變圖文重疊順序、控制隱藏或顯示圖文、移動圖文的功能，讓您設(shè)計出“動畫”的效果！
　　3 .Dynamic Fonts：提供由服務(wù)器下載字型的功能�？梢婋m然IE 4.0和Netscape Communicator 4.0都提供了“Dynamic HTML”的支持，但是事實上兩者除了對“Cascading Style Sheets”的規(guī)格相近外，其余都相差甚遠。因此當(dāng)你設(shè)計DHTML頁面時必須充分考慮到兼容性的問題，選擇稱手的“兵刃”和方法對于設(shè)計者來說始終是最重要的。有關(guān)DHTML的使用方法和設(shè)計技巧作者將在第二章《動態(tài)網(wǎng)頁設(shè)計十八般武藝》中仔細講解，請密切關(guān)注。

　　或許對于一個個人網(wǎng)站來說充分運用DHTML技術(shù)足以令網(wǎng)頁栩栩如生，動感十足。然而對于建立商業(yè)網(wǎng)站的企業(yè)而言，僅僅擁有DHTML是遠遠不夠的。因為僅僅發(fā)生在客戶瀏覽器端的動態(tài)效果是無法滿足商業(yè)網(wǎng)站大量信息查詢，客戶咨詢，資源交互等“動態(tài)”需求的。因此作為商業(yè)網(wǎng)站的設(shè)計者，必須要設(shè)計出更具實用性和交互性的“動態(tài)”網(wǎng)站。由于絕大多數(shù)商業(yè)網(wǎng)站都具有大量的數(shù)據(jù)和信息，而建網(wǎng)的初衷也就是在于方便客戶查詢企業(yè)資料，方便同客戶的交流，及時獲得信息反饋。那么，就必然會面臨如何讓使用者在瀏覽器界面中，通過互聯(lián)網(wǎng)或內(nèi)聯(lián)網(wǎng)（Intranet）查詢WEB數(shù)據(jù)庫的資料，甚至輸入、更新和刪除WEB服務(wù)器上的資料。下面筆者就簡單介紹幾種常用的“動態(tài)”網(wǎng)站設(shè)計方法：

　　1、CGI（Common Gateway Interface）通用網(wǎng)關(guān)接口的傳統(tǒng)方式，當(dāng)用戶在瀏覽器端填好表單（form）要求輸入的資料，提出HTTP請求后，WEB服務(wù)器端將執(zhí)行一個表單所設(shè)定的可執(zhí)行的CGI應(yīng)用程序，CGI程序分析表單（form）中所輸入的資料，存取WEB數(shù)據(jù)庫，將查詢執(zhí)行的結(jié)果以HTML的格式返回給瀏覽器。使用CGI方式存取WEB數(shù)據(jù)庫，有很多的缺點，譬如不易開發(fā)、變更修改成本高、功能有限、不易偵錯、執(zhí)行速度慢等，而且由于并非整合于HTML文檔之中，因此必須使用與HTML完全不同的設(shè)計過程來設(shè)計一個可執(zhí)行的應(yīng)用程序。

　　2、IDC（Internet Database Connector）互聯(lián)網(wǎng)數(shù)據(jù)庫連接頭是Windows NT Server內(nèi)含Internet Information Server（簡稱IIS）2.0的特征之一，它提供了一種使你的互聯(lián)網(wǎng)數(shù)據(jù)庫內(nèi)容得以發(fā)布并可與用戶交互的方法，它實際上是一個包含于IIS中的I S A P I應(yīng)用程序。你只需掌握HTML和SQL的基本知識并寫為數(shù)不多的代碼就能編出具有交互能力的數(shù)據(jù)庫應(yīng)用程序，讓使用者在瀏覽器界面中得以查詢、輸入、更新、和刪除WEB服務(wù)器上的數(shù)據(jù)資料。正如VB程序員所喜歡的那樣，構(gòu)成IDC應(yīng)用程序的文件是解釋性的，由于設(shè)計簡易，只要準(zhǔn)備兩個檔案，即可在用戶端的瀏覽器中存取WEB服務(wù)器的數(shù)據(jù)資料，且無須編譯，因此具有快速的開發(fā)循環(huán)和反饋。但這種簡單性的代價是犧牲了許多靈活性，使你不得不放棄許多對用戶接口的控制，并幾乎放棄了所有驗證數(shù)據(jù)的能力。因而I D C僅適用于簡單的WEB應(yīng)用程序。

　　3、ActiveX Data Object（ADO）是WEB數(shù)據(jù)庫應(yīng)用的最佳選擇。
　　ActiveX Data Object（簡稱ADO）究竟是什么呢？ActiveX Data Object的技術(shù)，讓您可以與Active Server Pages（簡稱ASP）結(jié)合以建立提供數(shù)據(jù)資訊的網(wǎng)頁內(nèi)容，只需在網(wǎng)頁面中執(zhí)行Structured Query Language（結(jié)構(gòu)化查詢語言，簡稱SQL）指令，讓用戶在瀏覽器界面中輸入、更新、和刪除WEB服務(wù)器上的數(shù)據(jù)資料。當(dāng)用戶端的瀏覽器填好表單所要求輸入的資料并按下“Submit”按鈕后，經(jīng)過互聯(lián)網(wǎng)、內(nèi)聯(lián)網(wǎng)傳送HTTP請求到WEB服務(wù)器，該請求在WEB服務(wù)器執(zhí)行一個表單所指定的Active Server Pages程序（后綴名為. ASP的文檔）。一個. ASP文檔是一個純文字檔，包括：HTML標(biāo)記（tags）、VBScript或JScript語言的程序代碼、ASP語法、和結(jié)構(gòu)化查詢語言SQL指令。IIS3.0 / 4.0 WEB服務(wù)器執(zhí)行. ASP文檔，通過ODBC驅(qū)動程式，連接到支持ODBC的數(shù)據(jù)庫上，執(zhí)行ASP文檔所指定的SQL指令，最后將執(zhí)行的結(jié)果以HTML的格式傳送給用戶瀏覽器。ADO具有容易使用、開發(fā)執(zhí)行快速、消耗系統(tǒng)資源較少，和占用磁盤空間小等優(yōu)點。

　　以上就是目前設(shè)計商業(yè)網(wǎng)站常用的“動態(tài)”技術(shù)，由于本人的工作和使用經(jīng)驗，筆者較傾向于ADO和ASP的結(jié)合，從長遠來看這對搭檔也勢必成為今后一段時間內(nèi)“動態(tài)”WEB的核心技術(shù)。因此在本文第二章《動態(tài)網(wǎng)頁設(shè)計十八般武藝》中，筆者將就ADO和ASP的使用進行展開講述，敬請期待。