北京網站建設多年網站建設經驗,依托強大的服務優(yōu)勢,為您提供專業(yè)的北京網站建設服務
作者:鵬飛網絡 時間:2009-4-12 分類:北京網站建設
================北京鵬飛網絡--先建設網站后付款--不存在以下問題=========================
簡述網站建設的三個時期
摘要:隨著時代步伐的前進,時代的概念也在逐漸變化,第四媒體互聯(lián)網的迅速發(fā)展,使信息傳播業(yè)面臨一場變革,網站建設成為一個重要課題。本人通過對網站建設過程的分析,找出比較適合時代發(fā)展的網站建設理念。
一、建站前期
首先在做網站之前給要做的網站一定準確的定位,沒有方向的船哪邊的風都不會是順風。所以給網站定位,明確建站目地是第一步要做的。給網站做定位時,與同學進行討論,以便于能對網站的建設方向有一定的把握,同時比較好在網上收集一些資料,及時的了增加一些建站知識,結合到策劃中去。這樣才能很好建設一個好的網站。當然一般情況下是客戶提出要求,我們來完成,所以對于網站的目的與定位一般是由客戶給出的。
1、前期信息收集
在明確建站目的和網站定位以后,開始收集相關的意見,跟客戶的有關部門結合,跟客戶的實際情況相結合,這樣可以發(fā)揮網站的比較大作用。
調查一下究竟哪些人在訪問您的站點,以及他們?yōu)槭裁匆L問。新手或不定期上網的 Web 用戶與軟件開發(fā)商相比有非常不同的興趣和站點需要。使您的站點對訪問者來說有所幫助。
這一步是前期策劃中關鍵的一步,因為做網站一定是為客戶和用戶服務的,所以收集他們的意見和想法是必要的。這一步需要整理成文檔,形成對用戶興趣的調查報告,同時讓客戶有關部門配合提交一份本部門需要在網上開辟的欄目計劃書,需要有關部門一定要考慮充分,因為如果要把網站作為一個正式的站點來運營的話,所做的每一項欄目的設置都應該是有規(guī)劃的,如果考慮不充分,會導致以后突如其來的新加內容破壞網站的整體規(guī)劃和風格。當然這也并不意味著網站成形后是不許添加欄目的,只是在添加的過程中需要跟網站的情況結合著來,也比較好是當初策劃時考慮全面!
2、具體分欄目策劃
收集完客戶各部門的相關信息以后,對其進行整理,整理以后找出重點,根據重點以及客戶業(yè)務的側重點,結合網站定位來敲定網站的分欄目需要有哪幾項,可能開始時會因為欄目較多進而難以確定最終需要哪幾項,這又是一個討論的過程,需要團隊在一起把自己的意見說出來,一起反復比較,給定下來的內容進行歸類,形成網站欄目的樹狀列表用以清晰表達站點結構。
然后以同樣的方法,來討論二層欄目下的各個子欄目,對它進行歸類,并逐一確定每個二級分欄目的主頁面需要放哪些具體的東西,二級欄目下面的每個小欄目需要放哪些內容,讓欄目負責人能夠很清楚的了解本欄目的每個細節(jié)和每個欄目,大家討論完以后,就應由欄目負責人來按照討論過的結果寫欄目規(guī)劃書,欄目規(guī)劃書要求寫得詳細,具體。并有統(tǒng)一的格式,以備網站留檔,這次的策劃書只是第一版本,以后在制作的過程當中如果出現問題及時修改該策劃書,并且也需要留檔。
3、初步完成策劃書
策劃書設計到的具體內容: 每個欄目的策劃書應該是格式統(tǒng)一的。
第一,是欄目概述,其中包括欄目定位,欄目目的,服務對像,子欄目設置,首頁內空,分頁內容!這一部分起到一個索引的作用,讓領導看起來能對欄目有一個大概的整體把握和了解。
第二,欄目詳情。欄目詳情就是把每一個子欄目的具體情況描述一下,其中包括到各個子欄目的名稱,
欄目目的,(把子欄目的目的寫清楚)
服務對象,(用以明確欄目的發(fā)展方向,更好的為達到目的而做哪些具體內容)
內容介紹,(詳細說明本子欄目的具體內容)
資料來源,(說明該欄目的內容來源是什么,以保證欄目開展下去不會出現沒有內容的情況)
實現方法,(講述實現這個欄目的具體方法)
有關問題,(欄目負責人在欄目的策劃過程當中想到的,目前尚未解決的問題)
重點提示(重點提示美工人員或編程人員需要注意的地方,或需要結合的地方,也可是欄目策劃人員對該子欄目在這些方面的良好建議)
第三,相關欄目,這一項是用以說明本欄目和其它欄目之間的結合,溝通,之所以要有這一項是想通過各個欄目之間的聯(lián)系,來加強網站的整體性。第四,參考網站,標明本欄目參考了哪些網站,或可以參考哪些網站。并一定要說明參考其它網站的哪些優(yōu)點,哪些地方是我們在網站建設過程當中應該注意的。決不是只寫上一個網址就可以了!
第四,最后一項為附錄,用以記錄這個文檔的歷史修改過程,和改了哪些內容。
雖然策劃書可能會比較煩瑣,不過,要知道策劃書是寫給我們自己的,不是為了讓別人看,這是我們網站在以后的建設過程中的一個依據。有了這個策劃書以后的工作我們可以很輕松的解決!具體設計制作(包括頁面設計,制作,編程)
4、進一步討論與改進
初步完成策劃書之后,需要讓欄目負責人把需要特殊處理的地方和設計人員講明!在設計頁面初設計人員一定要根據策劃書把每個欄目的具體位置和網站的整體風格確定下來,為了讓網站有整體感,應該在網頁中放置一些貫穿性的元素,最終要拿出至少三種不同風格的方案,每種方案應該考慮到客戶的整體形象,與客戶的精神相結合。設計方案拿出以后,由大家討論最終定稿,并完成策劃書。
二、建站中期
前期的工作完成之后,下一步的工作就是如何將所設計的內容實現,這是很重要的一個步驟。由制作人員負責實現網頁,并制作成模版。在這個過程實現的同事,欄目負責人應該開始收集每個欄目的具體內容并整理。模版制作完成后,由欄目負責人往每個欄目里面添加具體內容。
、欧桨柑峁┡c選擇
就網頁設計的整體來看, 新設計的創(chuàng)造性達到什么程度, 取決于設計師的思維能力展開到什么程度。
一般來說,可以提供給客戶三類設計方案:
第一類是完全按照設計條件的要求, 提供的 "中規(guī)中矩" 方案, 完全可以適合網絡應用需要, 雖在創(chuàng)意方面可能平淡一些, 但卻適應一些持 "謹慎" 態(tài)度的客戶要求。
第二類是從 "降低成本" 的基點出發(fā), 提出的與現有設計相比能夠較大幅度降低新設計制造成本的方案, 其 "創(chuàng)意" 的特性表現在 "低成本" 方面, 不一定在外觀上有多少突破, 卻會使那些特別注重成本控制的客戶滿意。
第三類是根據自己的知識與經驗, 大膽地脫離設計條件中現有技術的限制, 從采用客戶目前雖不具備、卻能夠實現的新技術與新設計角度出發(fā), 提供出無論是界面設計還是技術工藝上都有較大創(chuàng)新特點的設計方案。對那些富冒險精神、敢于創(chuàng)新的客戶來說, 這類方案有極大的吸引力, 而且能夠成為市場效果良好的設計, 因此會引導客戶超越現有的認識能力, 向高水平的設計努力。
相對來說, 提供前兩類的方案保險系數較高, 也較易于達到一般客戶的要求,而第三類方案無論對企業(yè)還是設計師來說風險都會大許多, 所以我們需要看客戶需要的是那一種。
、骑L格定位與網絡形象設計
一個網站的內容固然重要,但是如果沒有一個好看而吸引的外表,哪怕有著再好的內容,有著再好的結構,相信整個網站的瀏覽效果也會大打折扣,瀏覽者的閱讀興致也會大減。就等于一個內涵豐富但卻外表平庸的人在一個公共場所出現,是難以引起別人的注意的一樣。人們稱互聯(lián)網經濟為注意力經濟,如何吸引大眾的注意力,除了內容是一個重要的因素外,外觀也同樣起著舉足輕重的作用。
一個好的視覺設計,首先要有一個好的視覺效果。一個網站怎樣才算是有一個好的視覺效果?一個簡單的判別方法是,看她三眼:第一眼,看是否搶眼;第二眼,看是否順眼;第三眼,看是養(yǎng)眼。其實,這三眼就是網站給你的第一感覺。第一感覺很重要,瀏覽者能否接受這個網站,很大程度上,就看有否這種一見鐘情的感覺。如果答案都是Yes,那么,這個網站就是有一個很好的視覺效果了,相信瀏覽者也會耐著性子去看完你整個網站的。
那么怎樣才能有一個讓人一見傾心的視覺效果?首先要看整個頁面的顏色是否協(xié)調,千萬不可給人刺眼的感覺;其次要看網頁上的的文字是否易于閱讀,文字太細、顏色太淺、頁面太長或超出屏幕寬度,都是有違網站設計的“美學原則”;再次要看圖片,圖片太大、太多、太模糊都會惹來瀏覽者的反感;最后要看“動”與“靜”是否配合得當,無節(jié)制地濫用Flash、動態(tài)GIF、滾動字幕等效果就會讓人眼花繚亂,但死氣沉沉,毫無生氣的頁面也會讓人感到乏味。
上面談到的VI設計僅僅是就一個頁面而言,VI設計的另一方面是看整個網站的所有頁面是否協(xié)調與一致。每個頁面都使用相同種排版方式、相同的背景色及近似的按鈕都能增加網頁一致性,樹立統(tǒng)一的風格。這是基本而有很重要的網站VI設計。
風格的形成主要依賴于版式設計,依賴于頁面的色調處理,還有圖片與文字的組合形式等。這些問題看似簡單,但往往需要主頁的設計和制作者具有一定的美術素質和修養(yǎng)。
還有,動畫效果也不宜在主頁設計中濫用,特別是一些內容比較嚴肅的主頁。在網頁設計中,畢竟主要依靠文字和圖片來傳播信息,它不是動畫片,更不是電視或電影。至于在主頁中適當鏈接一些影視作品,那是另外一回事。
、琼撁嬖O計規(guī)劃
我們在設計界面時,應該注意這樣一個基本前提:在單獨的一頁界面上, 清楚地顯示這一頁的明確目的!只有容易理解的頁面,才能讓用戶知道該做什么并且從哪里入手。
這個基本前提,又被擴展為一系列的4個步驟:
、倜恳豁摻缑娴闹攸c在于完成一個單一的任務;
②解說并且陳述這項任務;
、圩屍聊坏膬热葸m合這項任務;
、芴峁┫乱粋任務的鏈接;
除了上面被列出了的4個步驟,我們還需要注意下列5個視覺設計原則來加強我們的界面:
①信息的層次:我們應該清楚首先讓用戶看見什么信息和用戶第一步需要做什么。
、诮裹c和強調:焦點和強調的原則在于優(yōu)先放置重點項目。一旦明確了中心的想法, 就應該強調需要突出的單元,并使它獨立于其它單元。因為這些信息對用戶來說才是很重要的。
、劢Y構和平衡:結構和平衡是2個很重要的視覺設計原則。沒有視覺單元的內在結構平衡,那么視覺設計將缺乏順序和意義,更重要地是結構和平衡的缺乏使用戶很難楚清楚地理解界面。
④單元的關系:一個視覺的單元的放置能傳達特定的關系。例如, 如果在一個列表框和旁邊按鈕的位置將影響這個列表框,應該說按鈕和列表框之間的空間的關系在那里。同樣, 空間的布局將傳達出視覺單元之間的交互關系。
⑤易于理解的流動性:這個原則強調一個簡單的意圖如何變得易于用戶理解和傳送?勺x性和流動性決定一個對話框或另外的接口部件的可用性設計。比如恰當的幫助提示和下一步的導航連接等等。
⑥集成的統(tǒng)一:所有視覺上的不同的部分,怎么一起在屏幕上工作?他們是否有一致的特征、風格、面貌?是否能持續(xù)的加深用戶的使用經驗?
、染W站文化
網站的良好運營靠的是什么?靠技術,肯定不是,因為技術的發(fā)展是一個相對的概念,不具有耐久性,缺乏凝聚力,如果僅僅靠這個,是不能維系整個網站發(fā)展的。網站其實就是企業(yè),只不過它是提供給自己的客戶以不同的產品,即以網頁的形式展現給他們?yōu)g覽、以交互的方式讓他們參與等等,既然網站是一個企業(yè)就不能回避一個問題,就是盈利的問題,如果只顧向網站投錢,作虧本生意,是那個網站都不愿意做的事情。所以網絡如果要給自己帶來回報,就必須以高標準來要求,這樣就不得不提升到網站文化的高度。
雖然現在的網站賴以競爭的本錢并不是靠的自己的文化,而是一些比如機遇、技術、條件等,但是現在并不能代表以后,隨著社會經濟和網絡技術的發(fā)展,外部條件都不是問題,如果僅靠這些,網站之間的差別將變得很小,這樣網站生存的價值就會變小。所以要能夠在競爭中立于不敗之地,就應該堅持以人為本,挖掘網站人的潛力,讓他們發(fā)揮自己的才能,使他們能夠不斷的超越自我,更好的凸現自己的價值。從而形成一種合力,使網站的發(fā)展形成一種良好的機制。
⑸在網站設計過程中應注意以下幾個問題:
、儆脩艚缑嬖夭灰恢。例如,同一個控件在不同的頁面上功能不同,或者同一個功能對應幾個用戶界面控件。
、趯Ш綑谖恢貌灰恢。決定站點的哪些頁和功能需要在站點的任何頁上都可被訪問到。這就是應該保持一致性的“全局導航欄”。
③不太注意或根本不注意基本的圖形設計原則。例如排版式樣、色彩和版面的設計。
④相關元素和功能的隨意分組。注意將元素放置在網頁上的位置和目的。這可幫助訪問者從其它相鄰的選擇和位置來推斷某個鏈接的功能。
若要避免類似問題,我們在設計Web 頁時要有一個明確的流程。每個項目都是在一定的基礎上開始的。這時就會充分體現前期策劃工作的重要性,如果我們能夠認真扎實的完成前期的策劃工作,就可以避免上述問題的發(fā)生,所以前期的策劃工作十分重要。
網站設計應該是同時進行的,這如何統(tǒng)籌是一個比較重要的問題。在上面所講述的過程進行的同時,網站的程序人員應該正是處于開發(fā)程序的階段,如果實現的這個過程中出現什么問題編程人員應和制作人員及時結合,以免程序開發(fā)完成后發(fā)現問題要進行大規(guī)模的返工。
三、建站后期
一個網站建設好之后應該可以達到以下要求:
為您的觀眾提供所需的信息:使導航元素保持一致,并且確保對訪問率高的區(qū)域進行明顯的標記,是它們易于被找到。
使用清楚的消息:確保用戶了解此頁面的上下文,并且知道需要他們做些什么。如果在注冊過程中您要用戶輸入姓名,那么就直截了當地說。不要讓訪問者自己計算什么,他們會感到沮喪,于是轉到其它更簡單的站點(例如您的競爭對手的站點!)。
保持一致性:雖然更改不同 Web 頁的外觀并不難,但這并不意味著您應該這么做。將主要功能--例如返回“主頁”的鏈接或者執(zhí)行一個搜索--放在每頁的相同位置。在 microsoft.com 上,黑色全局導航工具欄的位置在四十多萬頁上都是一樣的。
使站點可用:牢記設計和測試站點的可用性。確保用戶可容易地執(zhí)行任務以獲得所需信息。估算任務時間和任務完成率,然后努力進行改善。如果新的設計沒有在這些方面獲得改善,那么就不要實施它。重新從草圖(或最初的計劃)開始并嘗試其它方法。
保持簡潔:說起來容易做起來難。嘗試征求反饋意見。有時新人可以很容易找到解決方案。
嘗試新的東西:不要害怕打破常規(guī),嘗試一些完全不同的東西。如果您不試試,永遠不會找到真正的答案。應該在網頁中體現自己的創(chuàng)新能力,有自己創(chuàng)新的東西與思維。