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