隨著時(shí)代步伐的前進(jìn)，時(shí)代的概念也在逐漸變化，第四媒體互聯(lián)網(wǎng)的迅速發(fā)展，使信息傳播業(yè)面臨一場(chǎng)變革，網(wǎng)站建設(shè)成為一個(gè)重要課題。本文通過對(duì)網(wǎng)站建設(shè)過程的分析，旨在找出比較適合時(shí)代發(fā)展的網(wǎng)站建設(shè)理念。

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

三、建站后期
一個(gè)網(wǎng)站建設(shè)好之后應(yīng)該可以達(dá)到以下要求：
為您的觀眾提供所需的信息：使導(dǎo)航元素保持一致，并且確保對(duì)訪問率最高的區(qū)域進(jìn)行明顯的標(biāo)記，是它們易于被找到。
使用清楚的消息：確保用戶了解此頁面的上下文，并且知道需要他們做些什么。如果在注冊(cè)過程中您要用戶輸入姓名，那么就直截了當(dāng)?shù)卣f。不要讓訪問者自己計(jì)算什么，他們會(huì)感到沮喪，于是轉(zhuǎn)到其它更簡(jiǎn)單的站點(diǎn)（例如您的競(jìng)爭(zhēng)對(duì)手的站點(diǎn)?。?BR>保持一致性：雖然更改不同 Web 頁的外觀并不難，但這并不意味著您應(yīng)該這么做。將主要功能--例如返回“主頁”的鏈接或者執(zhí)行一個(gè)搜索--放在每頁的相同位置。在 microsoft.com 上，黑色全局導(dǎo)航工具欄的位置在四十多萬頁上都是一樣的。
使站點(diǎn)可用：牢記設(shè)計(jì)和測(cè)試站點(diǎn)的可用性。確保用戶可容易地執(zhí)行任務(wù)以獲得所需信息。估算任務(wù)時(shí)間和任務(wù)完成率，然后努力進(jìn)行改善。如果新的設(shè)計(jì)沒有在這些方面獲得改善，那么就不要實(shí)施它。重新從草圖（或最初的計(jì)劃）開始并嘗試其它方法。
保持簡(jiǎn)潔：說起來容易做起來難。嘗試征求反饋意見。有時(shí)新人可以很容易找到解決方案。
嘗試新的東西：不要害怕打破常規(guī)，嘗試一些完全不同的東西。如果您不試試，永遠(yuǎn)不會(huì)找到真正的答案。應(yīng)該在網(wǎng)頁中體現(xiàn)自己的創(chuàng)新能力，有自己創(chuàng)新的東西與思維。
網(wǎng)站建設(shè)之后還要有調(diào)試與維護(hù)過程，在此就不在贅述。