建網(wǎng)站的投入可是很大的。
首先是申請免費個人主頁空間(當然也可以申請付費的,看你自己的情況了)。你可以在搜索引擎中以“免費資源”為關鍵字進行搜索,在找到的網(wǎng)頁中查看免費個人主頁部分,進入提供免費個人主頁的網(wǎng)站之后,再按步驟完成申請表格。然后是編輯個人網(wǎng)頁。如果你是初學者,建議你使用FrontPage,因為它是一個所見即所得的網(wǎng)頁編輯軟件,也是微軟OFFICE的一個組件,使用起來和WORD有很多類似之處。最后是上傳網(wǎng)頁。請按提供個人主頁空間服務的網(wǎng)站上的上傳說明中的方法上傳你編輯好的網(wǎng)頁。經(jīng)過這些步驟,你的個人主頁就建立了。
如何建立一個網(wǎng)站?
一、引言
一個網(wǎng)站的整體規(guī)劃和設計的好壞是它發(fā)展的重要之處, 也是它吸引人們?yōu)g覽的所在之處。Internet/Intranet技術的日益發(fā)展,使人們認識到了Internet/Intranet的優(yōu)勢,更使得數(shù)據(jù)庫與web的連接成為數(shù)據(jù)庫開發(fā)方面的熱門技術之一。
通常情況下,通過瀏覽器看到的網(wǎng)頁大多是靜態(tài)的。所謂“靜態(tài)”,是指網(wǎng)站的網(wǎng)頁內容“固定不變”, 當瀏覽器通過互聯(lián)網(wǎng)的HTTP(Hypertext Transport Protocol)協(xié)議向Web服務器請求提供網(wǎng)頁時,服務器僅僅是將原來設計好的靜態(tài)HTML文檔傳給瀏覽器。其頁面內容使用的僅僅是標準的HTML代碼,最多再加上流行的GIF89A 格式的動態(tài)圖片,比如產(chǎn)生幾只小貓小狗跑來跑去的動畫效果。 若網(wǎng)站維護者要更新網(wǎng)頁的內容,就必須手動更新所有的HTML文檔。靜態(tài)網(wǎng)站的致命弱點就是不易維護。為了更新網(wǎng)頁的內容, 網(wǎng)站維護者必須重復制作HTML文檔,隨著網(wǎng)站內容和信息量的日益擴增,可以想象這是多么復雜繁瑣的工作。
那么,什么是動態(tài)網(wǎng)站呢?所謂“動態(tài)”,并不是指放在網(wǎng)頁上的圖片會動,動態(tài)頁面應具有以下幾個特點:
(一)交互性:即網(wǎng)頁能根據(jù)客戶的要求和選擇而動態(tài)改變和響應,瀏覽器即作為客戶端界面,這是今后Web發(fā)展的大勢所趨。
(二)自動更新:即無需手動更新HTML文檔, 就能自動生成新的頁面,從而大大減少工作量。
(三)因時因人而變:即當不同的時間、不同的人訪問同一網(wǎng)址時能產(chǎn)生不同的頁面,這一點對于需要對使用者授權的網(wǎng)站尤其適用。
隨著的Internet迅速發(fā)展,不管是專業(yè)的ISP(Internet服務提供者)和ICP(Internet內容提供者),還是一般的政府機關、銀行、交通部門、學校、醫(yī)院、服務者,甚至是每個人,都在積極尋求在Internet上發(fā)布信息,提供新型的網(wǎng)上管理和服務。可以說,網(wǎng)站設計和網(wǎng)站的編輯正成為新興的熱門行業(yè)。
二、網(wǎng)站的系統(tǒng)分析
(一)項目立項
我們接到客戶的業(yè)務咨詢,經(jīng)過雙方不斷的接洽和了解,并通過基本的可行性討論夠,初步達成制作協(xié)議,這時就需要將項目立項。較好的做法是成立一個專門的項目小組,小組成員包括:項目經(jīng)理,網(wǎng)頁設計,程序員,測試員,編輯/文檔等必須人員。
(二)客戶的需求說明書
第一步是需要客戶提供一個完整的需求說明。很多客戶對自己的需求并不是很清楚,需要您不斷引導和幫助分析。有些客戶可能對自己建什么樣的網(wǎng)站根本就沒有明確的目的,以及他的網(wǎng)站建好后來干什么也是一無所知,為了客戶能有明確的目的我們需要耐心說明,仔細分析,挖掘出客戶潛在的,真正的需求。這樣對大家都有好處,我們的宗旨應該是“客戶明明白白,雙方高高興興。”對客戶和自己都是一種負責。
配合客戶寫一份詳細的,完整的需求說明會花很多時間,但這樣做是值得的,而且一定要讓客戶滿意,簽字認可。把好這一關,可以杜絕很多因為需求不明或理解偏差造成的失誤和項目失敗。糟糕的需求說明不可能有高質量的網(wǎng)站。那么需求說明書要達到怎樣的標準呢?簡單說,包含下面幾點:正確性:每個功能必須清楚描寫交付的功能;可行性:確保在當前的開發(fā)能力和系統(tǒng)環(huán)境下可以實現(xiàn)每個需求;必要性:功能是否必須交付,是否可以推遲實現(xiàn),是否可以在削減開支情況發(fā)生時"砍"掉;簡明性:不要使用專業(yè)的網(wǎng)絡術語;檢測性:如果開發(fā)完畢,客戶可以根據(jù)需求檢測。
三、建設方案
(一)建站理念
1、預早籌劃
設計主頁未必很艱難。但這一工作與編制傳統(tǒng)的宣傳品一樣,都需要我們謹慎處理和籌劃。換言之,我們必須首先確定自己需要傳達的主要信息,然后細意斟酌、把所有意念合情合理地組織起來;之后是設計一個頁面式樣,試用于有代表性的用戶,接著重復修訂,務求盡善盡美。
2、盡量精簡
主頁的作用好比一本書的封面,是為了吸引用戶測覽你的網(wǎng)址內容。因此,主頁的設汁應以醒目為上、令人一目了然。切勿堆砌太多不必要的細節(jié),或使畫面過于復雜。在主頁上清楚列出三項要點,例如機構名稱、提供的產(chǎn)品或服務 、以及主頁內容(亦即你的其他頁面還載有什么資料)。應切記頁面給人的第一觀感最為重要。在網(wǎng)上到處瀏覽的人很多。如果你的主頁真沒有吸引力,很難令他們深入觀賞。
3、盡量簡樸
現(xiàn)今大部分用戶那是用調制解調器接駁萬維網(wǎng),所以他們一般都要花很多時間等待主頁傳送到自己的系統(tǒng)。主頁上的圖形應力求簡樸, 避免耽擱用戶的時間。圖像愈大、顏色愈深,傳送頁面的時間愈長。這并不是說你要完全略去圖像不用,只是提醒你要注注意使用圖像所引起的效果。主頁上的顏色最好不超過六十四種,頁頂圖像最好保持在大約10KB(千字節(jié))以下。切勿禁不住誘惑,覺得非要放入大幅的圖畫不可;應考慮只用三兩幅短小精悍的圖像。主頁整體上要能夠迅速傳送。如果載入的時間超過十至十五秒,很多用戶就會等得不耐煩。如果情況許可,最好先測試你的主頁在稍差的條件下的傳送速率,14.4千波特的調制解調器,或透過 Prodigy 等網(wǎng)上服務接駁萬維網(wǎng)等。
此外,還須注意配合最低檔的設備,例如標準的小型顯示器,不要假設人人都用高解像度的大熒幕。運用先進瀏覽軟件所提供的一些尖端功能是可以的、但應確保你的主頁在次一級的瀏覽軟件上(例如某些網(wǎng)上服務所提供的專用瀏覽軟件)仍可暢順地顯現(xiàn)。
4、善用圖像
用戶在網(wǎng)上四處漫游,你必須設法吸引和維護他們對你的主頁的注意力。萬維網(wǎng)的其中一個最重大資源是其多媒體能力,所以我們無論如何要善加利用。主頁上最好有醒目的圖像、新穎的畫面、美觀的字款,使其別具特色,令人過目不忘。圖像的內容應有一定的實際作用,切忌虛飾浮夸。最佳的圖像應集美觀與傳訊于一身。注意圖畫可以彌補文字之不足,但并不能夠完全取代文字。很多用戶把瀏覽軟件設定為略去圖像,以求節(jié)省時間他們只看文字。因此,制作主頁時,必須注意將圖像所帶的重要信息或聯(lián)接其他頁面的指示用文字重復表達—次。用“純文中”模式測試已制成的主頁,確保其傳達到所有信息。
5、使主頁易于漫游
主頁的其中一個主要功能是作為漫游工具,指引用戶查閱你存儲在網(wǎng)址或其他地點的信息。盡量使漫游過程不費吹灰之力。基于清晰明確和速度的考慮,主頁上的聯(lián)接項目應只限于幾個高級的類別,例如公司、產(chǎn)品、服務、支援等。用六至八個聯(lián)接項目最為理想。
此外,你提供的信息不應埋藏在重重疊疊的頁面之下。穿越五個以上的聯(lián)接項目已足以令人厭煩。因此,你必須在廣度和深度之間求取平衡。如果你的網(wǎng)址上有太多信息,你可能要編制較長的頁面或使用更多聯(lián)接項目,甚至可能要建立多個主頁、 使每個主頁載有不同的信息。如果能夠讓用戶在主頁上以關鍵字或詞語查找所需的信息,肯定受用戶歡迎。
假若你有充足的資源,便應找一位專家來評估你設計的主頁是否方便易用。設法找一些對主頁陌生的用戶,來試用你的初步制成品。
6、提網(wǎng)協(xié)領
主頁—般須載有以下事項:
標題,此標題須清楚無誤地標示你的網(wǎng)站。標題可以是名稱、標語徽號或圖像。
電子郵件地址,以便用戶有問題時,可以通知你。
版權資料,這是適用于主頁內容的版權規(guī)定。你可以在主頁上標示一句簡短的版權聲明,用聯(lián)接方法帶出另—個載有詳細使用條款的頁面,這樣可以避免主頁顯得亂糟糟。
聯(lián)絡資料 ,列出通訊地址電話號碼等。
7、循環(huán)利用現(xiàn)有信息
制作主頁時,通常都毋須從頭做起,因為有許多現(xiàn)成的文字、圖畫等資料可供我們重用,例如宣傳小冊、公關文件、技術手冊、資料庫等。很多情況下,只要用少許功夫、就可把這些材料轉到網(wǎng)頁上使用。
8、保持新鮮感
萬維網(wǎng)上不斷有新事物出現(xiàn)、每天都有新花樣。如果你的主頁從不改變,用戶很快會厭倦。在主頁上預告即將有新資料推出,可吸引用戶再來瀏覽不妨在頁頭以大字標題宣布新消息。可以定期改變主頁上的圖像、或更改主頁的式樣。趣味性的事項可以持續(xù)或自動更新、例如列出會瀏覽你的網(wǎng)站的人次。
同樣,為保持新鮮感,應時刻確保主頁提供的是最新信息。將更新主頁信息的工作納入既定的公關及資料編制計劃內,亦即當你使用傳統(tǒng)方法(例如新聞稿)傳遞的新信息時出現(xiàn)在你的主頁上。確保連接項目運作暢順,以免用戶在熒幕上收到“無法查閱所需檔案”的信息而大感沒趣。
9、貫徹諾言
做不到的事情,千萬不要輕易承諾。切勿隨便叫用戶做出回應行動,例如要求用戶填交訂貸表格,除非你已制訂好處理這些訂單的方法和交貨程序。如果在網(wǎng)上列出聯(lián)絡電話,就要確保自己能夠迅速解決來電者的問題。
10、吸引用戶瀏覽
既然絞盡腦汁把主頁弄得美觀實用,沒有人來欣賞就太可惜了。為吸引所有網(wǎng)中人來瀏覽,必須使主頁易于尋找。通知其他網(wǎng)站(例如題材相關的網(wǎng)站),他們可能想連接你的主頁。安排將自己的網(wǎng)址列在所有相關的網(wǎng)址目錄、索引、查找程序和“What's new”頁面上。盡量將網(wǎng)址傳播開去,使之出現(xiàn)在 Internet和所有傳統(tǒng)煤體上、例如書刊廣告、公關文件、宣傳品等。
在網(wǎng)站上,于每個頁面設置“home”按鍵,方便用戶隨時返回主頁。
萬維網(wǎng)充滿生命力、正在不斷演進,所以一些現(xiàn)時適用的經(jīng)驗,將來未必合用。舉例來說,將來家居用戶有高速線路接駁Internet,就可以消除數(shù)據(jù)傳輸目前的所受的限制、使主頁的篇幅可以更長,頁面更華麗。新的瀏覽功能、例如Sun的 HotJava瀏覽軟件所提供的先進功能、將使萬維網(wǎng)更強勁和更方便溝通。 HotJava將主頁由靜態(tài)的文件轉為動態(tài)的實體, 提供諸如即時制作動畫、背景音樂、即時存入資料(例如不斷更新股票價格)、話音廣播等功能、為網(wǎng)上用戶帶來更多樂趣。有好的主頁,還須有精良的設備支持。網(wǎng)站服務器不斷推陳出新,使建設網(wǎng)站的工作愈來愈容易。
(二)網(wǎng)站總體設計
在拿到客戶的需求說明后,并不是直接開始制作,而是需要對項目進行總體設計,詳細設計出一份網(wǎng)站建設方案給客戶。總體設計是非常關鍵的一步。它主要確定:網(wǎng)站需要實現(xiàn)哪些功能;網(wǎng)站開發(fā)使用什么軟件,在什么樣的硬件環(huán)境;需要多少人,多少時間;需要遵循的規(guī)則和標準有哪些。同時需要寫一份總體規(guī)劃說明書,包括:網(wǎng)站的欄目和板塊;網(wǎng)站的功能和相應的程序;網(wǎng)站的鏈接結構;如果有數(shù)據(jù)庫,進行數(shù)據(jù)庫的概念設計;網(wǎng)站的交互性和用戶友好設計。
在總體設計出來后,一般需要給客戶一個網(wǎng)站建設方案。很多網(wǎng)頁制作公司在接洽業(yè)務時就被客戶要求提供方案。那時的方案一般比較籠統(tǒng),而且在客戶需求不是十分明確的情況下提交方案,往往和實際制作后的結果會有很大差異。所以應該盡量取得客戶的理解,在明確需求并總體設計后提交方案,這樣對雙方都有益處。網(wǎng)站建設方案的包括以下幾個部分:客戶情況分析;網(wǎng)站需要實現(xiàn)的目的和目標;網(wǎng)站形象說明;網(wǎng)站的欄目板塊和結構;網(wǎng)站內容的安排,相互鏈接關系;使用軟件,硬件和技術分析說明;開發(fā)時間進度表;宣傳推廣方案;維護方案;制作費用;本公司簡介:成功作品,技術,人才說明等。當您的方案通過客戶的認可,那么可以開始動手制作網(wǎng)站了。但還不是真正意義上的制作,你需要進行詳細設計。
(三)網(wǎng)站詳細設計
總體設計階段以比較抽象概括的方式提出了解決問題的辦法。詳細設計階段的任務就是把解法具體化。詳細設計主要是針對程序開發(fā)部分來說的。但這個階段的不是真正編寫程序,而是設計出程序的詳細規(guī)格說明。這種規(guī)格說明的作用很類似于其他工程領域中工程師經(jīng)常使用的工程藍圖,它們應該 包含必要的細節(jié),例如:程序界面,表單,需要的數(shù)據(jù)等。程序員可以根據(jù)它們寫出實際的程序代碼。我們這次主要用ASP來實現(xiàn)有關功能和解決有關問題的,例如,公告版BBS,聊天室,信息發(fā)布系統(tǒng), 網(wǎng)上超市等都用ASP來實現(xiàn)人機交互功能的,其中也用到調用數(shù)據(jù)庫的技術。
ASP(Active Server Pages)是Microsoft 公司推出的一種Web應用程序開發(fā)技術,也是服務器端的腳本(Script)運行環(huán)境,使用該技術可以開發(fā)動態(tài)的、交互的Web應用程序。
(四)網(wǎng)站的制作規(guī)范探討
1、網(wǎng)站目錄規(guī)范
目錄建立的原則:以最少的層次提供最清晰簡便的訪問結構。
a.根目錄。根目錄指DNS域名服務器指向的索引文件的存放目錄。根目錄只允許存放index.html和main.html文件,以及其他必須的系統(tǒng)文件;
b.每個語言版本存放于獨立的目錄;
c.每個主要功能(主菜單)建立一個相應的獨立目錄;
d.當頁面超過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)一作為“橋頁”制作具體內容,僅僅作為跳轉頁和meta標簽頁。主內容頁為main.htm;
b.菜單圖片名稱按菜單名的英語翻譯為名稱。例如:關于我們aboutus;信息反饋feedback 產(chǎn) 品product;所有單英文單詞文件名都必須為小寫,所有組合英文單詞文件名第二個起第一個字母大寫;
c.所有文件名字母間連線都為下劃線;
d.圖片命名原則以圖片英語字母為名,大小原則寫同上;
e.js的命名原則以功能的英語單詞為名。例如:廣告條的js文件名為:ad.js
f.所有的CGI文件后綴為.cgi。
3、鏈接結構規(guī)范
鏈接結構的原則:用最少的鏈接,使得瀏覽最有效率。首頁和一級頁面之間用星狀鏈接結構,一級和二級頁面之間用樹狀鏈接結構。超過三級頁面,在頁面頂部設置導航條。
4、尺寸規(guī)范
a.頁面標準按800*600分辨率制作,實際尺寸為778*434px;
b.每個標準頁面為A4幅面大小,即8.5X11英寸;
c.大banner為468*60px,小banner為88*31px。
5、首頁HEAD區(qū)規(guī)范
a.公司版權注釋
b.網(wǎng)頁顯示字符集
簡體中文:
繁體中文:
英 語:
c.網(wǎng)頁制作者信息
d.網(wǎng)站簡介
e.搜索關鍵字
f.網(wǎng)頁的css規(guī)范
g.網(wǎng)頁標題