摘要本文概述了互聯網站的規劃與設計的方法，介紹了網站設計規劃的規範,及所需的關鍵技術,對電信系網站的構建作了系統分析,提出了總體設計方案和制作步驟,而且論述了構建網站過程中所遇到的技術難題及解決辦法。
關鍵詞網站規劃網站設計網站維護ASP
壹、引言
在當今全球信息化大潮中，互聯網（即因特網——Internet）異軍突起，給20世紀末的人類社會增添了無限的活力，成為現代社會生活中壹道亮麗的風景線。互聯網帶給人們的不僅僅是技術，而是壹種以信息為標誌的嶄新的生活方式。他正在改變著人們的工作和生活方式。有人曾以“圍城”比喻互聯網，但所不同的是，“外面的人想進去，裏面的人不想出來。”互聯網為什麽有這麽大的魅力呢？這不僅與人們日益增長的文化生活有關，更重要的是與互聯網的技術不斷更新和革命有關。
壹個網站的整體規劃和設計的好壞是它發展的重要之處，也是它吸引人們瀏覽的所在之處。Internet/Intranet技術的日益發展，使人們認識到了Internet/Intranet的優勢，更使得數據庫與web的連接成為數據庫開發方面的熱門技術之壹。
通常情況下，通過瀏覽器看到的網頁大多是靜態的。所謂“靜態”，是指網站的網頁內容“固定不變”，當瀏覽器通過互聯網的文檔傳給瀏覽器。其頁面內容使用的僅僅是標準的HTML代碼，最多再加上流行的GIF89A格式的動態圖片，比如產生幾只小貓小狗跑來跑去的動畫效果。若網站維護者要更新網頁的內容，就必須手動更新所有的HTML文檔。
靜態網站的致命弱點就是不易維護。為了更新網頁的內容，網站維護者必須重復制作HTML文檔，隨著網站內容和信息量的日益擴增，可以想象這是多麽復雜繁瑣的工作。那麽，什麽是動態網站呢？所謂“動態”，並不是指放在網頁上的圖片會動，動態頁面應具有以下幾個特點：
（壹）.交互性：即網頁能根據客戶的要求和選擇而動態改變和響應，瀏覽器即作為客戶端界面，這是今後Web發展的大勢所趨。
（二）.自動更新：即無需手動更新HTML文檔，就能自動生成新的頁面，從而大大減少工作量。
（三）.因時因人而變：即當不同的時間、不同的人訪問同壹網址時能產生不同的頁面，這壹點對於需要對使用者授權的網站尤其適用。
隨著的Internet迅速發展，不管是專業的ISP(Internet服務提供者)和ICP(Internet內容提供者)，還是壹般的政府機關、銀行、交通部門、學校、醫院、服務者，甚至是每個人，都在積極尋求在Internet上發布信息，提供新型的網上管理和服務。可以說，網站設計和網站的編輯正成為新興的熱門行業。
二、網站的系統分析
（壹）.項目立項
我們接到客戶的業務咨詢，經過雙方不斷的接洽和了解，並通過基本的可行性討論夠，初步達成制作協議，這時就需要將項目立項。較好的做法是成立壹個專門的項目小組，小組成員包括：項目經理，網頁設計，程序員，測試員，編輯/文檔等必須人員。
（二）.客戶的需求說明書
收稿日期：2001年5月25
作者簡介：馬彥文，西北第二民族學院電子與信息工程系97通信專業學生。
第壹步是需要客戶提供壹個完整的需求說明。很多客戶對自己的需求並不是很清楚，需要您不斷引導和幫助分析。有些客戶可能對自己建什麽樣的網站根本就沒有明確的目的，以及他的網站建好後來幹什麽也是壹無所知，為了客戶能有明確的目的我們需要耐心說明，仔細分析，挖掘出客戶潛在的，真正的需求。這樣對大家都有好處，我們的宗旨應該是“客戶明明白白，雙方高高興興。”對客戶和自己都是壹種負責。
配合客戶寫壹份詳細的，完整的需求說明會花很多時間，但這樣做是值得的，而且壹定要讓客戶滿意，簽字認可。把好這壹關，可以杜絕很多因為需求不明或理解偏差造成的失誤和項目失敗。糟糕的需求說明不可能有高質量的網站。那麽需求說明書要達到怎樣的標準呢？簡單說，包含下面幾點：正確性：每個功能必須清楚描寫交付的功能；可行性：確保在當前的開發能力和系統環境下可以實現每個需求；必要性：功能是否必須交付，是否可以推遲實現，是否可以在削減開支情況發生時"砍"掉；簡明性：不要使用專業的網絡術語；檢測性：如果開發完畢，客戶可以根據需求檢測。
三、建設方案
（壹）.建站理念
(1)預早籌劃
設計主頁未必很艱難。但這壹工作與編制傳統的宣傳品壹樣，都需要我們謹慎處理和籌劃。換言之，我們必須首先確定自己需要傳達的主要信息，然後細意斟酌、把所有意念合情合理地組織起來；之後是設計壹個頁面式樣，試用於有代表性的用戶，接著重復修訂，務求盡善盡美。
(2)盡量精簡
主頁的作用好比壹本書的封面，是為了吸引用戶測覽妳的網址內容。因此，主頁的設汁應以醒目為上、令人壹目了然。切勿堆砌太多不必要的細節，或使畫面過於復雜。在主頁上清楚列出三項要點，例如機構名稱、提供的產品或服務、以及主頁內容(亦即妳的其他頁面還載有什麽資料)。應切記頁面給人的第壹觀感最為重要。在網上到處瀏覽的人很多。如果妳的主頁真沒有吸引力，很難令他們深入觀賞。
(3)盡量簡樸
現今大部分用戶那是用調制解調器接駁萬維網，所以他們壹般都要花很多時間等待主頁傳送到自己的系統。主頁上的圖形應力求簡樸，避免耽擱用戶的時間。圖像愈大、顏色愈深，傳送頁面的時間愈長。這並不是說妳要完全略去圖像不用，只是提醒妳要註註意使用圖像所引起的效果。主頁上的顏色最好不超過六十四種，頁頂圖像最好保持在大約10KB(千字節)以下。切勿禁不住誘惑,覺得非要放入大幅的圖畫不可；應考慮只用三兩幅短小精悍的圖像。主頁整體上要能夠迅速傳送。如果載入的時間超過十至十五秒，很多用戶就會等得不耐煩。如果情況許可，最好先測試妳的主頁在稍差的條件下的傳送速率，14.4千波特的調制解調器，或透過Prodigy等網上服務接駁萬維網等。
此外、還須註意配合最低檔的設備，例如標準的小型顯示器，不要假設人人都用高解像度的大熒幕。運用先進瀏覽軟件所提供的壹些尖端功能是可以的、但應確保妳的主頁在次壹級的瀏覽軟件上(例如某些網上服務所提供的專用瀏覽軟件)仍可暢順地顯現。
(4)善用圖像
用戶在網上四處漫遊，妳必須設法吸引和維護他們對妳的主頁的註意力。萬維網的其中壹個最重大資源是其多媒體能力，所以我們無論如何要善加利用。主頁上最好有醒目的圖像、新穎的畫面、美觀的字款，使其別具特色，令人過目不忘。圖像的內容應有壹定的實際作用，切忌虛飾浮誇。最佳的圖像應集美觀與傳訊於壹身。註意圖畫可以彌補文字之不足，但並不能夠完全取代文字。很多用戶把瀏覽軟件設定為略去圖像，以求節省時間他們只看文字。因此，制作主頁時，必須註意將圖像所帶的重要信息或聯接其他頁面的指示用文字重復表達—次。用“純文中”模式測試已制成的主頁，確保其傳達到所有信息。
(5)使主頁易於漫遊
主頁的其中壹個主要功能是作為漫遊工具，指引用戶查閱妳存儲在網址或其他地點的信息。盡量使漫遊過程不費吹灰之力。基於清晰明確和速度的考慮，主頁上的聯接項目應只限於幾個高級的類別，例如公司、產品、服務、支援等。用六至八個聯接項目最為理想。
假若妳有充足的資源，便應找壹位專家來評估妳設計的主頁是否方便易用。設法找壹些對主頁陌生的用戶，來試用妳的初步制成品。
(6)提網協領
主頁—般須載有以下事項：
標題,此標題須清楚無誤地標示妳的網站。標題可以是名稱、標語徽號或圖像。
電子郵件地址,以便用戶有問題時，可以通知妳。
版權資料,這是適用於主頁內容的版權規定。妳可以在主頁上標示壹句簡短的版權聲明，用聯接方法帶出另—個載有詳細使用條款的頁面,這樣可以避免主頁顯得亂糟糟。
聯絡資料,列出通訊地址電話號碼等。
(7)循環利用現有信息
制作主頁時，通常都毋須從頭做起，因為有許多現成的文字、圖畫等資料可供我們重用，例如宣傳小冊、公關文件、技術手冊、資料庫等。很多情況下，只要用少許功夫、就可把這些材料轉到網頁上使用。
(8)保持新鮮感
萬維網上不斷有新事物出現、每天都有新花樣。如果妳的主頁從不改變，用戶很快會厭倦。在主頁上預告即將有新資料推出，可吸引用戶再來瀏覽不妨在頁頭以大字標題宣布新消息。可以定期改變主頁上的圖像、或更改主頁的式樣。趣味性的事項可以持續或自動更新、例如列出會瀏覽妳的網站的人次。
同樣，為保持新鮮感，應時刻確保主頁提供的是最新信息。將更新主頁信息的工作納入既定的公關及資料編制計劃內，亦即當妳使用傳統方法(例如新聞稿)傳遞的新信息時出現在妳的主頁上。確保連接項目運作暢順，以免用戶在熒幕上收到“無法查閱所需檔案”的信息而大感沒趣。
(9)貫徹諾言
做不到的事情，千萬不要輕易承諾。切勿隨便叫用戶做出回應行動，例如要求用戶填交訂貸表格，除非妳已制訂好處理這些訂單的方法和交貨程序。如果在網上列出聯絡電話,就要確保自己能夠迅速解決來電者的問題。
(10)吸引用戶瀏覽
既然絞盡腦汁把主頁弄得美觀實用，沒有人來欣賞就太可惜了。為吸引所有網中人來瀏覽，必須使主頁易於尋找。通知其他網站(例如題材相關的網站)，他們可能想連接妳的主頁。安排將自己的網址列在所有相關的網址目錄、索引、查找程序和“What’snew”頁面上。盡量將網址傳播開去，使之出現在Internet和所有傳統煤體上、例如書刊廣告、公關文件、宣傳品等。
在網站上，於每個頁面設置“home”按鍵，方便用戶隨時返回主頁。
（二）.網站總體設計
在拿到客戶的需求說明後，並不是直接開始制作，而是需要對項目進行總體設計，詳細設計出壹份網站建設方案給客戶。總體設計是非常關鍵的壹步。它主要確定：網站需要實現哪些功能；網站開發使用什麽軟件，在什麽樣的硬件環境；需要多少人，多少時間；需要遵循的規則和標準有哪些。同時需要寫壹份總體規劃說明書，包括：網站的欄目和板塊；網站的功能和相應的程序；網站的鏈接結構；如果有數據庫，進行數據庫的概念設計；網站的交互性和用戶友好設計。
在總體設計出來後，壹般需要給客戶壹個網站建設方案。很多網頁制作公司在接洽業務時就被客戶要求提供方案。那時的方案壹般比較籠統，而且在客戶需求不是十分明確的情況下提交方案，往往和實際制作後的結果會有很大差異。所以應該盡量取得客戶的理解，在明確需求並總體設計後提交方案，這樣對雙方都有益處。網站建設方案的包括以下幾個部分：.客戶情況分析；網站需要實現的目的和目標；網站形象說明；網站的欄目板塊和結構；網站內容的安排，相互鏈接關系；使用軟件，硬件和技術分析說明；開發時間進度表；宣傳推廣方案；維護方案；制作費用；本公司簡介：成功作品，技術，人才說明等。當您的方案通過客戶的認可，那麽可以開始動手制作網站了。但還不是真正意義上的制作，妳需要進行詳細設計。
（四）.網站的制作規範探討
(1)網站目錄規範
目錄建立的原則：以最少的層次提供最清晰簡便的訪問結構。
a.根目錄。根目錄指DNS域名服務器指向的索引文件的存放目錄。根目錄只允許存放index.html和main.html文件，以及其他必須的系統文件；
b.每個語言版本存放於獨立的目錄；
c.每個主要功能(主菜單)建立壹個相應的獨立目錄；
d.當頁面超過20頁，每個目錄下存放各自獨立images目錄.***用的圖片放在根目錄下的images目錄下；
e.所有的js文件存放在根目錄下統壹目錄script；
f.所有的CSS文件存放在各語言版本下的style目錄
g.所有的CGI程序存放在根目錄並列目錄cgi_bin目錄
(2)文件命名規範
文件命名的原則：以最少的字母達到最容易理解的意義。
a.索引文件統壹使用index.html文件名(小寫)。index.html文件統壹作為“橋頁”制作具體內容，僅僅作為跳轉頁和meta標簽頁。主內容頁為main.htm；
b.菜單圖片名稱按菜單名的英語翻譯為名稱。例如：關於我們aboutus;信息反饋feedback產品proct;所有單英文單詞文件名都必須為小寫，所有組合英文單詞文件名第二個起第壹個字母大寫；
c.所有文件名字母間連線都為下劃線;
d.圖片命名原則以圖片英語字母為名,大小原則寫同上;
e.js的命名原則以功能的英語單詞為名。例如：廣告條的js文件名為:Ad.js
f.所有的CGI文件後綴為.cgi。
(3)鏈接結構規範
鏈接結構的原則：用最少的鏈接，使得瀏覽最有效率。首頁和壹級頁面之間用星狀鏈接結構，壹級和二級頁面之間用樹狀鏈接結構。超過三級頁面，在頁面頂部設置導航條。
(4)尺寸規範
a.頁面標準按800*600分辨率制作，實際尺寸為778*434px;
b.每個標準頁面為A4幅面大小，即8.5X11英寸;
c.大banner為468*60px，小banner為88*31px。
四、網站的設計制作
1.整體形象設計
在程序員進行詳細設計的同時，網頁設計師開始設計網站的整體形象和首頁。
整體形象設計包括標準字，Logo，標準色彩，廣告語等。首頁設計包括版面，色彩，圖像，動態效果，圖標等風格設計，也包括banner，菜單，標題，版權等模塊設計。首頁壹般設計1-3個不同風格。
2.開發制作
本次網站規劃設計采用軟件工程的設計方法，設計小組在系統分析和總體設計的基礎上，將設計任務分解，分配到設計組的每個成員，各模塊有設計組成員單獨承擔設計和調試，既有分工，又有協作，最後將各模塊上載到服務器上，做鏈接和整體的調試。
3.調試完善
各模塊初步完成後，上傳到服務器，對網站進行全範圍的測試。包括速度，兼容性，交互性，鏈接正確性，程序健壯性，超流量測試等，發現問題及時解決並記錄下來。
網站建設實際上是壹個不斷充實和完善的過程，通過不斷的發現問題，解決問題，修改，補充，使網站結構趨向合理，內容更加豐富，形式更富有感染力。
4.宣傳推廣
剛剛建成的網站就好像壹個新註冊的電話號碼，沒有人會自動找上門來，這時妳就需要適當地做壹些網站推廣工作了,這裏有很多方法，例如：
a.網頁裏設置適當的META標簽；
b.交換友情鏈接。這是個免費而高效的辦法，就好比在別人商店打上妳的廣告，在妳的商店打上別人的廣告，這樣壹來當網友參觀別人的網站時就知道妳的網站了，如果妳的廣告做的好，他壹多半都會參觀妳的網站，這是件無須開支、互利互惠的好事情，推薦使用。
c.在各大搜索網站（例如sohu.comyahoo.com）註冊妳的網站，這樣當別人在搜索同類的信息時就會發現妳的網站；
d.備新聞稿件在各新聞公告板發表；
e.合理使用Email郵件列表；
f.付費廣告，這個辦法最有效了，但它是付費的；
g.在論壇裏貼條子。這個辦法效率不高，也很累，有時也會被別人刪除掉，所以不推薦。
另外還需要說明的是，請千萬不要使用發垃圾郵件來推廣個人主頁，這樣不但不會使別人喜歡妳的網站，反而會引起別人的極度反感，這是壹種不道德的行為。
至此，網站項目建設完畢。