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