-
自然排名 點擊多少均不要錢喲！
可能會幫您的生意提高幾倍，幾十倍 -
互聯(lián)網(wǎng)站規(guī)劃與設(shè)計
摘要 本文概述了互聯(lián)網(wǎng)站的規(guī)劃與設(shè)計的方法，介紹了網(wǎng)站設(shè)計規(guī)劃的規(guī)范,及所需的關(guān)鍵技術(shù),對電信系網(wǎng)站的構(gòu)建作了系統(tǒng)分析,提出了總體設(shè)計方案和制作步驟,而且論述了構(gòu)建網(wǎng)站過程中所遇到的技術(shù)難題及解決辦法。
關(guān)鍵詞 網(wǎng)站規(guī)劃 網(wǎng)站設(shè)計 網(wǎng)站維護 ASP
一、引言
在當(dāng)今全球信息化大潮中，互聯(lián)網(wǎng)（即因特網(wǎng)——Internet）異軍突起，給20世紀(jì)末的人類社會增添了無限的活力，成為現(xiàn)代社會生活中一道亮麗的風(fēng)景線。 互聯(lián)網(wǎng)帶給人們的不**是技術(shù)，而是一種以信息為標(biāo)志的嶄新的生活方式。 他正在改變著人們的工作和生活方式。有人曾以“圍城”比喻互聯(lián)網(wǎng)，但所不同的是，“外面的人想進去，里面的人不想出來。”互聯(lián)網(wǎng)為什么有這么大的魅力呢？這不僅與人們?nèi)找嬖鲩L的文化生活有關(guān)，更重要的是與互聯(lián)網(wǎng)的技術(shù)不斷更新和革命有關(guān)。
一個網(wǎng)站的整體規(guī)劃和設(shè)計的好壞是它發(fā)展的重要之處， 也是它吸引人們?yōu)g覽的所在之處。Internet/Intranet技術(shù)的日益發(fā)展，使人們認(rèn)識到了Internet/Intranet的優(yōu)勢，更使得數(shù)據(jù)庫與web的連接成為數(shù)據(jù)庫開發(fā)方面的熱門技術(shù)之一。
通常情況下，通過瀏覽器看到的網(wǎng)頁大多是靜態(tài)的。所謂“靜態(tài)”，是指網(wǎng)站的網(wǎng)肌輔崗盒瞢谷哥貪工楷頁內(nèi)容“固定不變”， 當(dāng)瀏覽器通過互聯(lián)網(wǎng)的HTTP（Hypertext Transport Protocol）協(xié)議向Web服務(wù)器請求提供網(wǎng)頁時，服務(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)容， 網(wǎng)站維護者必須重復(fù)制作HTML文檔，隨著網(wǎng)站內(nèi)容和信息量的日益擴增，可以想象這是多么復(fù)雜繁瑣的工作。那么，什么是動態(tài)網(wǎng)站呢？所謂“動態(tài)”，并不是指放在網(wǎng)頁上的圖片會動，動態(tài)頁面應(yīng)具有以下幾個特點：
（一）.交互性：即網(wǎng)頁能根據(jù)客戶的要求和選擇而動態(tài)改變和響應(yīng)，瀏覽器即作為客戶端界面，這是今后Web發(fā)展的大勢所趨。
（二）.自動更新：即無需手動更新HTML文檔， 就能自動生成新的頁面，從而大大減少工作量。
（三）.因時因人而變：即當(dāng)不同的時間、不同的人訪問同一網(wǎng)址時能產(chǎn)生不同的頁面，這一點對于需要對使用者授權(quán)的網(wǎng)站尤其適用。
隨著的Internet迅速發(fā)展，不管是網(wǎng)站制作專業(yè)的ISP(Internet服務(wù)提供者)和ICP(Internet內(nèi)容提供者)，還是一般的**、銀行、交通部門、學(xué)校、醫(yī)院、服務(wù)者，甚至是每個人，都在積更尋求在Internet上發(fā)布信息，提供新型的網(wǎng)上管理和服務(wù)?？梢哉f，網(wǎng)站設(shè)計和網(wǎng)站的編輯正成為新興的熱門行業(yè)。
二、網(wǎng)站的系統(tǒng)分析
（一）.項目立項
我們接到客戶的業(yè)務(wù)咨詢，經(jīng)過雙方不斷的接洽和了解，并通過基本的可行性討論夠，初步達成制作協(xié)議，這時就需要將項目立項。較好的做法是成立一個專門的項目小組，小組成員包括：項目經(jīng)理，網(wǎng)頁設(shè)計，程序員，測試員，編輯/文檔等必須人員。
（二）.客戶的需求說明書
收稿日期 ： 2001年5月25
作者簡介：馬彥文，西北**民族學(xué)院電子與信息工程系97通信專業(yè)學(xué)生。
前幾步是需要客戶提供一個完整的需求說明。很多客戶對自己的需求并不是很清楚，需要您不斷引導(dǎo)和幫助分析。有些客戶可能對自己建什么樣的網(wǎng)站根本就沒有明確的目的，以及他的網(wǎng)站建好后來干什么也是一無所知，為了客戶能有明確的目的我們需要耐心說明，仔細分析，挖掘出客戶潛在的，真正的需求。這樣對大家都有好處，我們的宗旨應(yīng)該是“客戶明明白白，雙方高高興興。”對客戶和自己都是一種負責(zé)。
配合客戶寫一份詳細的，完整的需求說明會花很多時間，但這樣做是值得的，而且一定要讓客戶滿意，簽字認(rèn)可。把好這一關(guān)，可以杜更很多因為需求不明或理解偏差造成的失誤和項目失敗。糟糕的需求說明不可能有高質(zhì)量的網(wǎng)站。那么需求說明書要達到怎樣的標(biāo)準(zhǔn)呢？簡單說，包含下面幾點：正確性：每個功能必須清楚描寫交付的功能；可行性：確保在當(dāng)前的開發(fā)能力和系統(tǒng)環(huán)境下可以實現(xiàn)每個需求；必要性：功能是否必須交付，是否可以推遲實現(xiàn)，是否可以在削減開支情況發(fā)生時"砍"掉；簡明性：不要使用專業(yè)的網(wǎng)絡(luò)術(shù)語；檢測性：如果開發(fā)完畢，客戶可以根據(jù)需求檢測。
三、建設(shè)方案
（一）.建站理念
(1)預(yù)早籌劃
設(shè)計主頁未必很艱難。但這一工作與編制傳統(tǒng)的宣傳品一樣，都需要我們謹(jǐn)慎處理和籌劃。換言之，我們必須首先 確定自己需要傳達的主要信息，然后細意斟酌、把所有意念合情合理地組織起來；之后是設(shè)計一個頁面式樣，試用于有代表性的用戶，接著重復(fù)修訂，務(wù)求盡善盡美。
(2)盡量精簡
主頁的作用好比一本書的封面，是為了吸引用戶測覽你的網(wǎng)址內(nèi)容。因此，主頁的設(shè)汁應(yīng)以醒目為上、令人一目了然。切勿堆砌太多不必要的細節(jié)，或使畫面過于復(fù)雜。在主頁上清楚列出三項要點，例如機構(gòu)名稱、提供的產(chǎn)品或服務(wù) 、以及主頁內(nèi)容(亦即你的其他頁面還載有什么資料)。應(yīng)切記頁面給人的前幾觀感更為重要。在網(wǎng)上到處瀏覽的人很多。如果你的主頁真沒有吸引力，很難令他們深入觀賞。
(3)盡量簡樸
現(xiàn)今大部分用戶那是用調(diào)制解調(diào)器接駁萬維網(wǎng)，所以他們一般都要花很多時間等待主頁傳送到自己的系統(tǒng)。主頁上的圖形應(yīng)力求簡樸， 避免耽擱用戶的時間。圖像愈大、顏色愈深，傳送頁面的時間愈長。這并不是說你要完全略去圖像不用，只是提醒你要注注意使用圖像所引起的效果。主頁上的顏色更好不超過六十四種，頁更圖像更好保持在大約10KB(千字節(jié))以下。切勿禁不住誘惑,覺得非要放入大幅的圖畫不可；應(yīng)考慮只用三兩幅短小精悍的圖像。主頁整體上要能夠迅速傳送。如果載入的時間超過十至十五秒，很多用戶就會等得不耐煩。如果情況許可，更好先測試你的主頁在稍差的條件下的傳送速率，14.4千波特的調(diào)制解調(diào)器，或透過 Prodigy 等網(wǎng)上服務(wù)接駁萬維網(wǎng)等。
此外、還須注意配合更低檔的設(shè)備，例如標(biāo)準(zhǔn)的小型顯示器，不要假設(shè)人人都用高解像度的大熒幕。運用先進瀏覽軟件所提供的一些**功能是可以的、但應(yīng)確保你的主頁在次一級的瀏覽軟件上(例如某些網(wǎng)上服務(wù)所提供的專用瀏覽軟件)仍可暢順地顯現(xiàn)。
(4)善用圖像
用戶在網(wǎng)上四處漫游，你必須設(shè)法吸引和維護他們對你的主頁的注意力。萬維網(wǎng)的其中一個更重大資源是其多媒體能力，所以我們無論如何要善加利用。主頁上更好有醒目的圖像、新穎的畫面、美觀的字款，使其別具特色，令人過目不忘。圖像的內(nèi)容應(yīng)有一定的實記凹各用，切忌虛飾浮夸。更佳的圖像應(yīng)集美觀與傳訊于一身。注意圖畫可以彌補文字之不足，但并不能夠完全取代文字。很多用戶把瀏覽軟件設(shè)定為略去圖像，以求節(jié)省時間他們只看文字。因此，制作主頁時，必須注意將圖像所帶的重要信息或聯(lián)接其他頁面的指示用文字重復(fù)表達—次。用“純文中”模式測試已制成的主頁，確保其傳達到所有信息。
(5)使主頁易于漫游
主頁的其中一個主要功能是作為漫游工具，指引用戶查閱你存儲在網(wǎng)址或其他地點的信息。盡量使漫游過程不費吹灰之力?；谇逦鞔_和速度的考慮，主頁上的聯(lián)接項目應(yīng)只限于幾個**的類別，例如公司、產(chǎn)品、服務(wù)、支援等。用六至八個聯(lián)接項目更為理想。
此外，你提供的信息不應(yīng)埋藏在重重疊疊的頁面之下。穿越五個以上的聯(lián)接項目已足以令人厭煩。因此，你必須在廣度和深度之間求取平衡。如果你的網(wǎng)址上有太多信息，你可能要編制較長的頁面或使用更多聯(lián)接項目，甚至可能要建立多個主頁、 使每個主頁載有不同的信息。如果能夠讓用戶在主頁上以關(guān)鍵字或詞語查找所需的信息，肯定受用戶歡迎。
假若你有充足的資源，便應(yīng)找一位專家來網(wǎng)站建設(shè)評估你設(shè)計的主頁是否方便易用。設(shè)法找一些對主頁陌生的用戶，來試用你的初步制成品。
(6)提網(wǎng)協(xié)領(lǐng)
主頁—般須載有以下事項：
標(biāo)題,此標(biāo)題須清楚無誤地標(biāo)示你的網(wǎng)站。標(biāo)題可以是名稱、標(biāo)語徽號或圖像。
電子郵件地址 ,以便用戶有問題時，可以通知你。
版權(quán)資料,這是適用于主頁內(nèi)容的版權(quán)規(guī)定。你可以在主頁上標(biāo)示一句簡短的版權(quán)聲明，用聯(lián)接方法帶出另—個載有詳細使用條款的頁面,這樣可以避免主頁顯得亂糟糟。
聯(lián)絡(luò)資料 ,列出通訊地址電話號碼等。
(7)循環(huán)利用現(xiàn)有信息
制作主頁時，通常都毋須從頭做起，因為有許多現(xiàn)成的文字、圖畫等資料可供我們重用，例如宣傳小冊、公關(guān)文件、技術(shù)手冊、資料庫等。很多情況下，只要用少許功夫、就可把這些材料轉(zhuǎn)到網(wǎng)頁上使用。
(8)保持新鮮感
萬維網(wǎng)上不斷有新事物出現(xiàn)、每天都有新花樣。如果你的主頁從不改變，用戶很快會厭倦。在主頁上預(yù)告即將有新資料推出，可吸引用戶再來瀏覽不妨在頁頭以大字標(biāo)題宣布新消息?？梢远ㄆ诟淖冎黜撋系膱D像、或更改主頁的式樣。趣味性的事項可以持續(xù)或自動更新、例如列出會瀏覽你的網(wǎng)站的人次。
同樣，為保持新鮮感，應(yīng)時刻確保主頁提供的是更新信息。將更新主頁信息的工作納入既定的公關(guān)及資料編制計劃內(nèi)，亦即當(dāng)你使用傳統(tǒng)方法(例如新聞稿)傳遞的新信息時出現(xiàn)在你的主頁上。確保連接項目運作暢順，以免用戶在熒幕上收到“無法查閱所需檔案”的信息而大感沒趣。
(9)貫徹諾言
做不到的事情，千萬不要輕易承諾。切勿隨便叫用戶做出回應(yīng)行動，例如要求用戶填交訂貸表格，除非你已制訂好處理這些訂單的方法和交貨程序。如果在網(wǎng)上列出聯(lián)絡(luò)電話,就要確保自己能夠迅速解決來電者的問題。
(10)吸引用戶瀏覽
既然絞盡腦汁把主頁弄得美觀實用，沒有人來欣賞就太可惜了。為吸引所有網(wǎng)中人來瀏覽，必須使主頁易于尋找。通知其他網(wǎng)站(例如題材相關(guān)的網(wǎng)站)，他們可能想連接你的主頁。安排將自己的網(wǎng)址列在所有相關(guān)的網(wǎng)址目錄、索引、查找程序和“What’s new”頁面上。盡量將網(wǎng)址傳播開去，使之出現(xiàn)在 Internet和所有傳統(tǒng)煤體上、例如書刊廣告、公關(guān)文件、宣傳品等。
在網(wǎng)站上，于每個頁面設(shè)置“home”按鍵，方便用戶隨時返回主頁。
萬維網(wǎng)充滿生命力、正在不斷演進，所以一些現(xiàn)制作網(wǎng)站時適用的經(jīng)驗，將來未必合用。舉例來說，將來家居用戶有高速線路接駁Internet，就可以消除數(shù)據(jù)傳輸目前的所受的限制、使主頁的篇幅可以更長，頁面更華麗。新的瀏覽功能、例如Sun的 HotJava瀏覽軟件所提供的先進功能、將使萬維網(wǎng)更強勁和更方便溝通。 HotJava將主頁由靜態(tài)的文件轉(zhuǎn)為動態(tài)的實體， 提供諸如即時制作動畫、背景音樂、即時存入資料(例如不斷更新股票價格)、話音廣播等功能、為網(wǎng)上用戶帶來更多樂趣。有好的主頁，還須有精良的設(shè)備支持。網(wǎng)站服務(wù)器不斷推陳出新，使建設(shè)網(wǎng)站的工作愈來愈容易。 以 S u n的Netra Internet Server為例、全套設(shè)備包括上網(wǎng)所需的軟硬件,以及建立完善的**能網(wǎng)站所需購各種軟硬件設(shè)施。這些發(fā)展為萬維網(wǎng)及其用戶開拓了壯闊的前景。建設(shè)網(wǎng)站的上作，從未如此容易過。
（二）.網(wǎng)站總體設(shè)計
在拿到客戶的需求說明后，并不是直接開始制作，而是需要對項目進行總體設(shè)計，詳細設(shè)計出一份網(wǎng)站建設(shè)方案給客戶?？傮w設(shè)計是非常關(guān)鍵的一步。它主要確定：網(wǎng)站需要實現(xiàn)哪些功能；網(wǎng)站開發(fā)使用什么軟件，在什么樣的硬件環(huán)境；需要多少人，多少時間；需要遵循的規(guī)則和標(biāo)準(zhǔn)有哪些。同時需要寫一份總體規(guī)劃說明書，包括：網(wǎng)站的欄目和板塊；網(wǎng)站的功能和相應(yīng)的程序；網(wǎng)站的鏈接結(jié)構(gòu)；如果有數(shù)據(jù)庫，進行數(shù)據(jù)庫的概念設(shè)計；網(wǎng)站的交互性和用戶友好設(shè)計。
在總體設(shè)計出來后，一般需要給客戶一個網(wǎng)站建設(shè)方案。很多網(wǎng)頁制作公司在接洽業(yè)務(wù)時就被客戶要求提供方案。那時的方案一般比較籠統(tǒng)，而且在客戶需求不是十分明確的情況下提交方案，往往和實際制作后的結(jié)果會有很大差異。所以應(yīng)該盡量取得客戶的理解，在明確需求并總體設(shè)計后提交方案，這樣對雙方都有益處。網(wǎng)站建設(shè)方案的包括以下幾個部分：.客戶情況分析；網(wǎng)站需要實現(xiàn)的目的和目標(biāo)；網(wǎng)站形象說明；網(wǎng)站的欄目板塊和結(jié)構(gòu)；網(wǎng)站內(nèi)容的安排，相互鏈接關(guān)系；使用軟件，硬件和技術(shù)分析說明；開發(fā)時間進度表；宣傳推廣方案；維護方案；制作費用；本公司簡介：成功作品，技術(shù)，人才說明等。當(dāng)您的方案通過客戶的認(rèn)可，那么可以開始動手制作網(wǎng)站了。但還不是真正意義上的制作，你需要進行詳細設(shè)計。
（四）.網(wǎng)站的制作規(guī)范探討
(1)網(wǎng)站目錄規(guī)范
目錄建立的原則：以更少的層次提供更清晰簡便的訪問結(jié)構(gòu)。
a.根目錄。根目錄指DNS域名服務(wù)器指向的索引文件的存放目錄。根目錄只允許存放index.html和main.html文件，以及其他必須的系統(tǒng)文件；
b.每個語言版本存放于前幾立的目錄；
c.每個主要功能(主菜單)建立一個相應(yīng)的前幾立目錄；
d.當(dāng)頁面超過20頁，每個目錄下存放各自前幾立images目錄.共用的圖片放在根目錄下的images目錄下；
e.所有的js文件存放在根目錄下統(tǒng)一目錄script；
f.所有的CSS文件存放在各語言版本下的style目錄
g.所有的CGI程序存放在根目錄并列目錄cgi_bin目錄
(2)文件命名規(guī)范
文件命名的原則：以更少的字母達到更容易理解的意義。
a.索引文件統(tǒng)一使用index.html文件名(小寫)。index.html文件統(tǒng)一作為“橋頁”制作具體內(nèi)容，**作為跳轉(zhuǎn)頁和meta標(biāo)簽頁。主內(nèi)容頁為main.htm；
b.菜單圖片名稱按菜單名的英語翻譯為名稱。例如：關(guān)于我們aboutus;信息反饋feedback 產(chǎn) 品product;所有單英文單詞文件名都必須為小寫，所有組合英文單詞文件名**個起前幾個字母大寫；
c.所有文件名字母間連線都為下劃線;
d.圖片命名原則以圖片英語字母為名,大小原則寫同上;
e.js的命名原則以功能的英語單詞為名。例如：廣告條的js文件名為:Ad.js
f.所有的CGI文件后綴為.cgi。
(3)鏈接結(jié)構(gòu)規(guī)范
鏈接結(jié)構(gòu)的原則：用更少的鏈接，使得瀏覽更有效率。首頁和一級頁面之間用星狀鏈接結(jié)構(gòu)，一級和二級頁面之間用樹狀鏈接結(jié)構(gòu)。超過三級頁面，在頁面更部設(shè)置導(dǎo)航條。
(4)尺寸規(guī)范
a.頁面標(biāo)準(zhǔn)按800*600分辨率制作，實際尺寸為778*434px;
b.每個標(biāo)準(zhǔn)頁面為A4幅面大小，即8.5X11英寸;
c.大banner為468*60px，小banner為88*31px。
四、網(wǎng)站的設(shè)計制作
1.整體形象設(shè)計
在程序員進行詳細設(shè)計的同時，網(wǎng)頁設(shè)計師開始設(shè)計網(wǎng)站的整體形象和首頁。
整體形象設(shè)計包括標(biāo)準(zhǔn)字，Logo，標(biāo)準(zhǔn)色彩，廣告語等。 首頁設(shè)計包括版面，色彩，圖像，動態(tài)效果，圖標(biāo)等風(fēng)格設(shè)計，也包括banner，菜單，標(biāo)題，版權(quán)等模塊設(shè)計。首頁一般設(shè)計1-3個不同風(fēng)格。
2.開發(fā)制作
本次網(wǎng)站規(guī)劃設(shè)計采用軟件工程的設(shè)計方法，設(shè)計小組在系統(tǒng)分析和總體設(shè)計的基礎(chǔ)上，將設(shè)計任務(wù)分解，分配到設(shè)計組的每個成員，各模塊有設(shè)計組成員單前幾承擔(dān)設(shè)計和調(diào)試，既有分工，又有協(xié)作，更后將各模塊上載到服務(wù)器上，做鏈接和整體的調(diào)試。
3.調(diào)試完善
各模塊初步完成后，上傳到服務(wù)器，對網(wǎng)站進行全范圍的測試。包括速度，兼容性，交互性，鏈接正確性，程序健壯性，超流量測試等，發(fā)現(xiàn)問題及時解決并記錄下來。
網(wǎng)站建設(shè)實際上是一個不斷充實和完善的過程，通過不斷的發(fā)現(xiàn)問題，解決問題，修改，補充，使網(wǎng)站結(jié)構(gòu)趨向合理，內(nèi)容更加豐富，形式更富有感染力。
4.宣傳推廣
剛剛建成的網(wǎng)站就好像一個新注冊的電話號碼，沒有人會自動找上門來，這時你就需要適當(dāng)?shù)刈鲆恍┚W(wǎng)站推廣工作了,這里有很多方法，例如：
a.網(wǎng)頁里設(shè)置適當(dāng)?shù)腗ETA標(biāo)簽；
b.交換友情鏈接。這是個免費而**的辦法，就好比在別人商店打上你的廣告，在你的商店打上別人的廣告，這樣一來當(dāng)網(wǎng)友參觀別人的網(wǎng)站時就知道你的網(wǎng)站了，如果你的廣告做的好，他一多半都會參觀你的網(wǎng)站，這是件無須開支、互利互惠的好事情，推薦使用。
c. 在各大搜索網(wǎng)站（例如sohu.com yahoo.com）注冊你的網(wǎng)站，這樣當(dāng)別人在搜索同類的信息時就會發(fā)現(xiàn)你的網(wǎng)站；
d.備新聞稿件在各新聞公告板發(fā)表；
e.合理使用Email郵件列表；
f.付費廣告，這個辦法更有效了，但它是付費的；
g.在論壇里貼條子。這個辦法效率不高，也很累，有時也會被別人刪除掉，所以不推薦。
另外還需要說明的是，請千萬不要使用發(fā)垃圾郵件來推廣個人主頁，這樣不但不會使別人喜歡你的網(wǎng)站，反而會引起別人的更度反感，這是一種不道德的行為。
至此，網(wǎng)站項目建設(shè)完畢。
公司的網(wǎng)站制作該關(guān)注本身高科技的客戶群 通過多種形態(tài)與顧客維持商議。吸收著我們的用戶不斷地和企業(yè)網(wǎng)頁實施彼此了解，從而起到推銷的效益。如何做電子商務(wù)網(wǎng)站策劃書全部操作服務(wù)：網(wǎng)頁設(shè)計制作、模板設(shè)計、程序開發(fā)、網(wǎng)站維護、等全部 只要各位僅為給予網(wǎng)站設(shè)計因而所需的資料內(nèi)容和人民幣就行了。我們的服務(wù)宗旨：專業(yè)、真心、誠信、信用前幾 客戶的愉快是企業(yè)執(zhí)著的**標(biāo)桿。
