1 引言
1.1 從Internet說起
可以毫不夸張地說Internet的出現(xiàn)和迅速發(fā)展已經(jīng)改變并將繼續(xù)深刻改變我們的生活、我們生活的世界以及其他一切的一切。如今越來越多的計算機(jī)加入這個網(wǎng)絡(luò)，時至今日誰亦無法準(zhǔn)確地知道連接在Internet上的計算機(jī)到底有多少。而Internet成功的原因就在于它將全世界豐富多采的信息“無縫”集成并最大限度地實(shí)現(xiàn)了與用戶交互。用戶通過Internet，仿佛整個世界就在自己的計算機(jī)中：既可以查找和瀏覽感興趣的任何信息，也可以把自己推向Internet，讓更多的人們了解自己。事實(shí)上，Internet的繁榮除了新技術(shù)對它的支持外，從根本上得益于千千萬萬個信息提供者，此所謂“海不辭水，故能成其大；山不辭土石，故能成其高”。置身于浩如煙海的信息海洋中，除了想更熟練地掌握信息查詢利用技巧外，作為一位未來的信息工作者，會并不僅僅滿足于做信息的被動接收者，而有極其強(qiáng)烈的欲望想要在Internet這個開放的大舞臺上擁有一個屬于自己、展現(xiàn)自我的空間，同時也為Internet的繼續(xù)繁榮貢獻(xiàn)自己的一份心力。
1.2 關(guān)于WWW
Internet最重要的技術(shù)是WorldWideWeb，也被簡稱為WWW或者Web。它賦予Internet更強(qiáng)的生命力，因而也是目前Internet上功能最強(qiáng)大和增長最快的服務(wù)類型。WWW是建立在客戶機(jī)／服務(wù)器模式之上的，以HTML語言和HTTP協(xié)議為基礎(chǔ)，能夠提供各種Internet服務(wù)并采用一致用戶界面的應(yīng)用系統(tǒng)。
1.3 理解Web站點(diǎn)
WWW上的有機(jī)細(xì)胞便是一個個Web站點(diǎn)，而每個Web站點(diǎn)在物理構(gòu)成上就是一系列在內(nèi)容上彼此相關(guān)、在功能上緊密集成的HTML頁面的集合。WWW網(wǎng)上最基本的傳輸單位正是Web頁面。WWW服務(wù)器利用超鏈接非線性地組織相關(guān)的多媒體信息頁，這些信息既可放置在—臺主機(jī)上，也可以放在不同地理位置的不同主機(jī)上；超鏈接由URL支持；WWW客戶機(jī)則負(fù)責(zé)向服務(wù)器發(fā)送頁面請求和負(fù)責(zé)如何顯示頁面。
2 Web站點(diǎn)的設(shè)計
2.1 設(shè)計原則
縱觀Internet上許許多多優(yōu)秀的Web站點(diǎn)，它們各有所長。同時也有很多共同之處，對此加以分析總結(jié)，并以此作為Web站點(diǎn)開發(fā)的設(shè)計原則，實(shí)在是一項(xiàng)事半功倍之舉�，F(xiàn)將其詳述如下：
（1）超媒體＝多媒體 超鏈接：信息技術(shù)的飛速發(fā)展提供了人們更貼近現(xiàn)實(shí)地利用信息的可能。今天，文本、圖形、圖象、聲頻、視頻等多種媒體已經(jīng)全部融合在一起并實(shí)現(xiàn)在網(wǎng)絡(luò)中快速地傳輸。同時超鏈接技術(shù)的產(chǎn)生更符合人們的非線性思維方式，使Web的使用格外方便；也是超鏈接，使得Web站點(diǎn)成為一個緊密組織的有機(jī)體，并構(gòu)建起與外部的聯(lián)系。超媒體實(shí)際就是多媒體與超鏈接的結(jié)合，因此Web站點(diǎn)的設(shè)計應(yīng)該充分利用，發(fā)揮多媒體的親和力和超鏈接的易于使用性。
（2）動態(tài)、交互性：這里所說的動態(tài)遠(yuǎn)遠(yuǎn)超過了動畫、視頻此類的活動含義，而是與交互緊密聯(lián)系著的。傳統(tǒng)的靜態(tài)Web站點(diǎn)，在服務(wù)器的文件系統(tǒng)中存儲有事先制作好的全部HTML文件，瀏覽器請求某頁面時，服務(wù)器僅僅是檢索這個頁面并發(fā)送到瀏覽器。而動態(tài)Web站點(diǎn)可以根據(jù)用戶的請求來動態(tài)地產(chǎn)生頁面。CGI、ISAPI、NSAPI是目前常用的對基于服務(wù)器的功能進(jìn)行這一擴(kuò)充的三種方式，后來出現(xiàn)的ASP技術(shù)也能在Web服務(wù)器端完成類似的功能。因此一個設(shè)計得好的Web站點(diǎn)應(yīng)充分實(shí)現(xiàn)與用戶進(jìn)行交互，即不讓用戶只作為被動的信息接收者，而應(yīng)給他們提供有選擇地接收信息甚至主動提供信息的可能。
（3）系統(tǒng)無關(guān)性：Web頁面都是用HTML語言書寫的，用戶所看到的頁面是瀏覽器對Web頁面HTML文件解釋顯示的結(jié)果。隨著HTML語言標(biāo)準(zhǔn)的升級，以及不少組織也紛紛制定自己的標(biāo)準(zhǔn)和擴(kuò)展，其眾多的標(biāo)簽與屬性已提供了表現(xiàn)頁面的越來越強(qiáng)大的功能，使得開發(fā)者能夠盡可能隨心所欲地控制頁面的外觀。但是理解HTML局限性是十分重要的。不同的瀏覽器對特定頁面的顯示可能會不一樣，原因在于它們對HTML標(biāo)準(zhǔn)和屬性的解釋不一樣。也就是說，NetscapeNavigator瀏覽器無法解釋顯示Microsoft的IE擴(kuò)展，低版本的瀏覽器無法支持對HTML升級新標(biāo)準(zhǔn)的解釋。自由、開放是Internet的特點(diǎn)，因此當(dāng)我們竭力把HTML頁面設(shè)計得更漂亮、更完美時，應(yīng)充分考慮到讓它能夠在步入Web的不同的系統(tǒng)中都能夠被查看到，那么至少應(yīng)遵循兩個原則：一是盡可能少地使用某組織制定的特有的HTML標(biāo)準(zhǔn)與擴(kuò)展；二是充分考慮低版本瀏覽器、系統(tǒng)運(yùn)行性能低的用戶的存在，對他們提供向下的候選替補(bǔ)顯示方式。
（4）不斷更新：如果某Web站點(diǎn)的信息內(nèi)容與形式長時間得不到更新，瀏覽者勢必厭倦，對其失去興趣。因此好的Web站點(diǎn)還有一個秘訣就是常換常新，永保年青。
2.2 設(shè)計步驟
一個優(yōu)秀的Web站點(diǎn)是所提供的信息(包括單純基于Web的內(nèi)容和技術(shù)服務(wù))的內(nèi)容與形式的完美結(jié)合的典范，為此Web站點(diǎn)的開發(fā)大體上按下述步驟進(jìn)行：
（1）信息內(nèi)容的準(zhǔn)備——根本之根本：即確定Web站點(diǎn)的設(shè)計方向，向外界提供哪些種類、具體什么內(nèi)容的信息，并準(zhǔn)備好相關(guān)素材。
（2）信息內(nèi)容的組織——錦上添花：即對上述準(zhǔn)備的各項(xiàng)素材加以組織，確定內(nèi)容基礎(chǔ)上的形式，主要包括頁面之間的聯(lián)系、頁面的格式、布局與美化等等。
（3）技術(shù)上的實(shí)現(xiàn)——決定性的關(guān)鍵：即針對準(zhǔn)備、組織好的信息，最后從技術(shù)上加以實(shí)現(xiàn)計劃中的Web站點(diǎn)，大到全局概貌，小至各項(xiàng)細(xì)節(jié)乃及其他相關(guān)技術(shù)。否則，設(shè)計得再優(yōu)秀的Web站點(diǎn)也只是海市蜃樓。
2.3 開發(fā)平臺
進(jìn)行設(shè)計的軟硬件環(huán)境視不同設(shè)計者的設(shè)計要求、個人喜好等而不同，本人本次所實(shí)踐開發(fā)的個人站點(diǎn)采用客戶端開發(fā)形式，使用的軟件工具如下：
（1）主要開發(fā)軟件：Microsoft FrontPage98。FrontPage98是幫助用戶實(shí)現(xiàn)自動化Web站點(diǎn)創(chuàng)建、管理與發(fā)布的功能強(qiáng)大的軟件工具。主要組成部分包括：FrontPageEditor和FrontPageExplorer。Editor是一個所見即所得的HTML編輯器，無需直接編寫HTML代碼，不僅可直接在工作窗口中輸入文本，插入圖象、聲音，建立超鏈接，插入腳本和其他對象；而且具有內(nèi)嵌的瀏覽器，省去原來文本編輯器與瀏覽器之間的頻繁切換，使用戶可用大部分精力控制頁面布局。Explorer運(yùn)用七種視圖：文件夾視圖、所有文件視圖、導(dǎo)航視圖、鏈接視圖、鏈接狀態(tài)、主題視圖、任務(wù)視圖全方位細(xì)致地對Web站點(diǎn)實(shí)行管理。尤其FrontPage98的功能更趨強(qiáng)大完善，例如一旦某文件換名、移動，系統(tǒng)則自動修改與此有關(guān)的鏈結(jié)；自動尋找孤立文件；提供專業(yè)水平的主題給用戶利用，使得使用FrontPage對Web站點(diǎn)實(shí)行管理顯得游刃有余。此外，它還包括一個支持HTTP協(xié)議和通用網(wǎng)關(guān)接口標(biāo)準(zhǔn)(CGI標(biāo)準(zhǔn))的PersonalWebServer。
（2）Web發(fā)布軟件：WS－FTP95—Pro。
（3）其他輔助軟件：Applet Headline Factory 2.0，Visual AppletConfiguratorV1.1，Hypersnap.DX3.10.Final.Pro。
2.4 重要技術(shù)細(xì)節(jié)
（1）Java小程序(Applet)：Java是一種“簡單、面向?qū)ο蟆⒎植际�、解釋型、安全、體系結(jié)構(gòu)中立、可移植、高性能、多線程和動態(tài)的”語言，可以用來編寫?yīng)毩⒌膽?yīng)用程序(Application)，也可以用來創(chuàng)建小程序(Applet)。Applet必須運(yùn)行于瀏覽器內(nèi)。目前Applet在WWW上的運(yùn)用極為廣泛，因?yàn)橥ㄟ^它可實(shí)現(xiàn)很多功能(諸如產(chǎn)生實(shí)時動畫，在頁面上實(shí)時運(yùn)行游戲和程序，訪問數(shù)據(jù)庫和其他信息源，提供與用戶更多的交互過程等)。在Web頁面中插入Java之前，首先要由Java編譯器把Applet的源代碼(．java文件)編譯成瀏覽器能識別的虛擬機(jī)字節(jié)碼文件(．class文件)，然后在HTML文件中插入〈APPLET〉標(biāo)記調(diào)用，客戶端瀏覽器自服務(wù)器下載此含有Applet的頁面時，若瀏覽器支持Java，則加以正確解釋顯示。
（2）腳本(Script)：腳本語言的廣泛使用是基于如何減輕Web服務(wù)器的負(fù)擔(dān)這一出發(fā)點(diǎn)，因此有客戶端腳本和服務(wù)器端腳本之分。使用哪一種腳本，要充分考慮保持客戶端和服務(wù)器端的平衡：既要充分利用客戶端的CPU，又不能讓客戶機(jī)承擔(dān)太多的計算任務(wù)，否則它無法對用戶響應(yīng)。目前Web頁面中可使用的腳本語言有Javascipt和Vbscript兩種，通過 標(biāo)記嵌入使用。
（3）組件(Component)：Frontpage組件是被內(nèi)置于Frontpage對象中的用于作者保存一副頁面或用戶瀏覽該頁時的解釋執(zhí)行代碼，F(xiàn)rontpage組件可以生成HTML，在某些情況下生成服務(wù)器端和客戶端代碼。當(dāng)頁面包括的組件被瀏覽器捕獲后或在一個表單被提交給表單處理組件時，運(yùn)行組件可以動態(tài)地擴(kuò)充，這和一個CGI程序在服務(wù)器上的運(yùn)行相似；而創(chuàng)作組件只有在頁面被保存時才能執(zhí)行。Frontpage98中的運(yùn)行組件有：ComfirmatiOnField，DefauItForm Handler，Discussion，HitCounter，Registration；創(chuàng)作組件有： BannerAdmanager，Comment，HoverButton，Include Page，InsertHtml，Marquee，Scheduled lmage，Scheduledlnclude，Subtitution，Table ofContent，Timestamp。
（4）表單(Form)：表單是提供給用戶輸入信息的區(qū)域，它是Web頁面和站點(diǎn)具有交互性特征的關(guān)鍵。它可把各種輸入信息以各Form元素名字-值對的形式傳送給服務(wù)器端的處理程序即指定的句柄(諸如CGI等)，通過它們來處理用戶請求，并動態(tài)產(chǎn)生HTML文件。表單在HTML文件通過
標(biāo)記使用，各Form元素包括：單行文本框Text，多行文本框Textarea，單選按鈕Radio，復(fù)選框或下拉列表Slect，密碼專用區(qū)域PassWord，提交按鈕Submit，重置按鈕Reset，提交圖象Image，隱藏域Hidden。
（5）帖(Frame)：帖技術(shù)將瀏覽器的顯示窗口分為多個顯示區(qū)域,每個顯示區(qū)域（Frame）可包含一個獨(dú)立的頁面。在Web頁面中采用Frame，可使Web游覽器中的某個顯示區(qū)域的內(nèi)容保持不變，同時目標(biāo)區(qū)域的顯示內(nèi)容隨著用戶所選擇的超鏈接而改變；而且便于用戶了解整個頁面的結(jié)構(gòu)，并可以方便地在各個不同頁面中轉(zhuǎn)移，同時也便于站點(diǎn)內(nèi)容的擴(kuò)充與更新。
3 Web站點(diǎn)的管理
很多人會把Web站點(diǎn)的開發(fā)簡單地定位成設(shè)計加開發(fā)。事實(shí)上，對Web站點(diǎn)的管理絕對是Web站點(diǎn)開發(fā)生命期中極為重要而且是不可或缺的一項(xiàng)工作。它主要包括發(fā)布前的測試和發(fā)布后的維護(hù)：測試的主要工作是確保Web站點(diǎn)預(yù)計的各項(xiàng)功能均得以實(shí)現(xiàn)；維護(hù)則涉及對現(xiàn)有Web站點(diǎn)中錯誤的修正、功能的完善以及其他內(nèi)容的更新。如果已發(fā)布的Web站點(diǎn)，漏洞百出（例如存在很多斷鏈接），或者存在的錯誤長時間得不到改正，或者一張臉孔萬年不變，難以想象，這樣的Web站點(diǎn)會留得住網(wǎng)上沖浪者的匆匆腳步。此外管理工作還包括在線宣傳自己的主頁，例如通過搜索引擎注冊或進(jìn)行廣告圖案交換等等。
4 Web站點(diǎn)的發(fā)布
發(fā)布說到底就是將Web站點(diǎn)復(fù)制到ISP服務(wù)器上。如果有自己的ISP服務(wù)器，這項(xiàng)工作當(dāng)然格外簡單，否則就需要在網(wǎng)上尋找、選擇、申請、利用免費(fèi)個人主頁空間，一般均采用在線申請、FTP上傳方式，多數(shù)對所提供的空間有限制，有的還規(guī)定最遲更新周期。實(shí)際上傳時，應(yīng)充分細(xì)致了解待上傳的ISP服務(wù)商對其所提供的個人主頁空間的限制及附帶的免費(fèi)服務(wù)等才能加以充分利用，并及時解決上傳過程中出現(xiàn)的具體問題。
5 小結(jié)
綜上所述，優(yōu)秀Web站點(diǎn)的開發(fā)必須自設(shè)計之初便嚴(yán)格遵循有關(guān)設(shè)計原則，并在設(shè)計過程中盡可能地獲得先進(jìn)Web技術(shù)的支持，無論發(fā)布前后均應(yīng)實(shí)施有效管理。尤其需要指出的是：Web站點(diǎn)的迷人外表固然重要，但一個真正優(yōu)秀的Web站點(diǎn)的根本魅力來自于其信息對用戶的吸引，因此站點(diǎn)開發(fā)人員必須在信息資源的組織管理上多下功夫，不斷充實(shí)自已、提高創(chuàng)新能力，才能成為一名網(wǎng)絡(luò)精品信息的提供者，在Internet上永遠(yuǎn)保有自已的一份生存、發(fā)展空間。
