在創(chuàng)新互聯(lián)這十多年的網(wǎng)站建設(shè)工作中，大部分的時(shí)間都與網(wǎng)站建設(shè)這件事糾纏不清，最早期剛接觸網(wǎng)站時(shí)還是用HE5 (漢書) 或Notepad 開始撰寫HTML 開發(fā)網(wǎng)站，偶爾回想起來感覺當(dāng)時(shí)寫網(wǎng)站好辛苦，都沒有設(shè)計(jì)工具或開發(fā)工具可用，不過如果換個(gè)角度想，其實(shí)當(dāng)時(shí)才是最幸福的，你想想今日的網(wǎng)站設(shè)計(jì)即便有那么多好用的工具支援，但設(shè)計(jì)網(wǎng)站的過程中有變簡單嗎？有太多網(wǎng)站設(shè)計(jì)相關(guān)的問題需要被克服，像是跨瀏覽器兼容性的問題、互動網(wǎng)站的挑戰(zhàn)、服務(wù)器端的程序開發(fā)、針對海量網(wǎng)站要求的架構(gòu)、AJAX、JSON、HTML5、CSS3、… ，有太多東西要學(xué)了。

早期我們在外面接客戶做網(wǎng)站時(shí)，不時(shí)會聽到客戶提到「做網(wǎng)站很簡單啊，你怎么報(bào)價(jià)這么貴，我隨便找個(gè)大學(xué)生就能做了，而且還能做好幾頁」，不過這樣的話語已經(jīng)不常再聽到了，就是因?yàn)榫W(wǎng)站建設(shè)的過程中有太的細(xì)節(jié)需要面對，一個(gè)網(wǎng)站的優(yōu)劣也往往取決于那些被人忽略的細(xì)節(jié)之中，因此「網(wǎng)站建設(shè)」已經(jīng)漸漸的不再成為一個(gè)殺紅了眼的紅海市場，而是一個(gè)比專業(yè)、比信任、比品牌的世界。

但是網(wǎng)站建設(shè)極其復(fù)雜，有沒有什么樣的流程能夠借鏡或參考呢？各位到書局或網(wǎng)路書店搜尋網(wǎng)站建設(shè)或網(wǎng)站設(shè)計(jì)，隨便都可以找到上百本至上千本的書，今天筆者希望能夠提供一個(gè)網(wǎng)站建設(shè)的流程給各位參考，有興趣專研的人可以依據(jù)有興趣的領(lǐng)域進(jìn)一步研究或了解，對于有興趣從事網(wǎng)站專案管理的人來說，也可以當(dāng)成一個(gè)參考的依據(jù)。

我們基本上將打造網(wǎng)站的過程區(qū)分為五大步驟：

1. 網(wǎng)站策?劃

2. 網(wǎng)站設(shè)計(jì)

3. 程序開發(fā)

4. 發(fā)布網(wǎng)站

5. 內(nèi)容維護(hù)

以下我針對不同的步驟逐一詳加說明。

1、網(wǎng)站策劃

網(wǎng)站在尚未開始制作之前，我們會在網(wǎng)站策劃這個(gè)階段投入許多功夫，因?yàn)榫W(wǎng)站建設(shè)需要注意的事情很多，如果一開始的需求不夠明確，就很可能會導(dǎo)致未來在制作的過程中不斷的修修改改，這這樣不斷修改的過程中，所增加的溝通成本非常高，其中至少包括有：

• 制作成本：溝通過程中產(chǎn)出任何成品所花費(fèi)的成本。

• 時(shí)間成本：溝通過程中所花費(fèi)的時(shí)間多寡。

• 機(jī)會成本：花時(shí)間在溝通的過程中所流失的機(jī)會。例如：往返溝通所花的時(shí)間可否去做其他更有價(jià)值的事，例如提升網(wǎng)站設(shè)計(jì)品質(zhì)、提高網(wǎng)站安全性、…等。

• 情緒成本：溝通所衍生的復(fù)雜情緒以致于影響溝通的品質(zhì)。

上述的成本之中，唯有「機(jī)會成本」與「情緒成本」客戶最容易看不見，這兩項(xiàng)成本如果沒有好好控制，最終影響到的就是網(wǎng)站最后制作出來的品質(zhì)，所以我們對網(wǎng)站策劃的重視程度非常之高，經(jīng)常會花費(fèi)許多時(shí)間跟客戶溝通與確認(rèn)需求到非常詳盡的地步，甚至于會先做出一個(gè)完整的假網(wǎng)站（或稱為雛形網(wǎng)站）跟客戶確認(rèn)所有要呈現(xiàn)在網(wǎng)站上的資訊與流程欄目。

不過在正式開始網(wǎng)站策劃之前，我們首先會做的事情是請客戶提供所有想呈現(xiàn)在網(wǎng)站上的資料，并且依據(jù)這些資料跟客戶一同建立起網(wǎng)站地圖(Site Map)，用比較邏輯的方式分類與整理出客戶想要呈現(xiàn)的資訊架構(gòu)，有了這層骨架，我們再去進(jìn)一步分析其他的細(xì)節(jié)，就像一棵大樹一樣，從樹干開始，慢慢長出樹枝，再慢慢長出樹葉。

在分析完資訊架構(gòu)之后，接下來的步驟就是規(guī)劃版面配置，其中至少包括有以下任務(wù)：

● 網(wǎng)站導(dǎo)覽系統(tǒng)規(guī)劃

設(shè)計(jì)出一個(gè)好用的網(wǎng)站，最重要的就是設(shè)計(jì)出一個(gè)一致的選單系統(tǒng)，其選單系統(tǒng)包括有每頁都有的「主選單」與內(nèi)頁才會出現(xiàn)的「次選單」，有些特殊的情況下還會設(shè)計(jì)出「第三層選單」，但是過多的層次還是有可能會讓使用者迷路，因此必須要謹(jǐn)慎評估。

不過網(wǎng)站導(dǎo)覽系統(tǒng)并不見得只有「選單系統(tǒng)」而已，任何可以協(xié)助使用者瀏覽整體網(wǎng)站，或協(xié)助他們用最短的點(diǎn)擊數(shù)就能進(jìn)入到他們想進(jìn)入的頁面，都屬于導(dǎo)覽系統(tǒng)的一部分。

● 網(wǎng)站使用者介面與互動方式規(guī)劃

網(wǎng)站使用者介面規(guī)劃又是另一門專業(yè)的領(lǐng)域，這部分規(guī)劃決定了網(wǎng)站上的資訊要如何呈現(xiàn)在使用者面前，以及網(wǎng)站上的各種元素要如何與使用者互動，在策劃的階段，最有趣的部分就是客戶想怎么改就怎么改，要怎樣天馬行空的想都可以，只要對使用者有益的地方都是好的，但問題就在于怎樣才是好的設(shè)計(jì)！

如果是初學(xué)者，我建議各位可以先拓展使用者介面的視野，多看一些使用者介面的范例，在此我特別推薦一個(gè)不錯(cuò)的網(wǎng)站UI-Patterns.com，這網(wǎng)站包含了成千上百個(gè)各式不同的使用者介面范例，包含詳細(xì)的使用者介面操作方式與解決的問題，甚至于可以直接在上面留言互動（僅英文），非常值得一看。

● 網(wǎng)站欄目規(guī)劃

使用者要如何從你的網(wǎng)站從一頁進(jìn)入到下一頁，我們都知道使用者在瀏覽網(wǎng)站時(shí)不見得都是從「首頁」進(jìn)入的，任何人都有可能透過搜尋引擎直接進(jìn)入到你網(wǎng)站內(nèi)的任何一頁，如此一來網(wǎng)站策劃師在規(guī)劃網(wǎng)站欄目時(shí)，就不能預(yù)先假設(shè)網(wǎng)站一定是從「首頁」進(jìn)來的，而是從任何一頁要進(jìn)入到任何另一頁都需要進(jìn)一步規(guī)劃與設(shè)計(jì)，才能做出適合使用者瀏覽的網(wǎng)站欄目規(guī)劃。

2、網(wǎng)站設(shè)計(jì)

網(wǎng)站設(shè)計(jì)不僅僅只是網(wǎng)站的外觀而已，除了比較常見的視覺設(shè)計(jì)外，還包括將網(wǎng)站前端、版面結(jié)構(gòu)設(shè)計(jì)、CSS 樣式規(guī)劃、HTML 結(jié)構(gòu)整理、跨瀏覽器兼容性問題、…等等，有些比較厲害的網(wǎng)站設(shè)計(jì)師還能一并設(shè)計(jì)跟網(wǎng)站互動的相關(guān)JavaScript 程序，不過互動程序這部分有些公司會把這些互動的開發(fā)工作交給「網(wǎng)站前端工程師」來處理，不一定是網(wǎng)站設(shè)計(jì)師的工作。

針對網(wǎng)站設(shè)計(jì)的部分，還是有個(gè)固定的流程來進(jìn)行，要是順序亂了，那可不見得只是苦了網(wǎng)站設(shè)計(jì)師而已，等到網(wǎng)站建設(shè)的后期才發(fā)現(xiàn)是網(wǎng)站設(shè)計(jì)的問題，到時(shí)可能連程序開發(fā)人員都會遭殃。舉個(gè)例子來說，如果網(wǎng)站設(shè)計(jì)一開始就先制作HTML 格式的版面給客戶，當(dāng)客戶不喜歡這個(gè)樣式要修改的時(shí)候，調(diào)整HTML 不管怎么樣都不會比直接用Photoshop 來調(diào)整版面來的快速，所以當(dāng)然是先設(shè)計(jì)平面稿給客戶確認(rèn)，才會進(jìn)一步將設(shè)計(jì)好的平面稿前端成HTML 格式，并用CSS 來對網(wǎng)站進(jìn)行樣式設(shè)定。

以下是我們常用的網(wǎng)站設(shè)計(jì)流程：

•  視覺設(shè)計(jì)（平面稿）

  客戶或許看不懂程序、看不懂策劃、沒有邏輯，但只要是人，就會有對美感的主觀判斷，在這過程中，只要設(shè)計(jì)師沒辦法堅(jiān)持自己的設(shè)計(jì)理念，開始被客戶意見拖著走，這段過程就會變的非常漫長而難受，有興趣的人可以看看以下這一則影片，就能體會我想說的：

  如果設(shè)計(jì)師過于堅(jiān)持自己的設(shè)計(jì)理念不愿意妥協(xié)，也許堅(jiān)持到最后的結(jié)果是專案在設(shè)計(jì)階段就失敗了，要不然就是設(shè)計(jì)師被撤換，這些都是不是建設(shè)團(tuán)隊(duì)樂見的。也因此視覺設(shè)計(jì)這一環(huán)可以說是蠻艱苦的工作，而這也是網(wǎng)站設(shè)計(jì)師經(jīng)常無法平靜度過的一關(guān)，在堅(jiān)持與妥協(xié)之間是門很深的藝術(shù)，當(dāng)然也是一門溝通與表達(dá)的藝術(shù)。

  雖然筆者本身并非視覺設(shè)計(jì)師，但在此我還是提供幾個(gè)給設(shè)計(jì)師的建議，或許對正在從事網(wǎng)站設(shè)計(jì)的人有所幫助：

  設(shè)計(jì)師無論功力多深或多淺，一定要能對客戶有效表達(dá)自己的設(shè)計(jì)理念

  多培養(yǎng)溝通能力，除了訓(xùn)練自己設(shè)計(jì)的功力外，口語表達(dá)與簡報(bào)能力一樣不能少

  多吸收一些設(shè)計(jì)的相關(guān)資訊，平時(shí)也要多瀏覽各國不錯(cuò)的網(wǎng)站，培養(yǎng)美感與視野

  要有筆記的習(xí)慣，把自己看到喜歡的網(wǎng)站記錄下來，甚至于寫成文章都是不錯(cuò)的方法

  要有自信，在客戶面前表達(dá)設(shè)計(jì)理念一定要立場堅(jiān)定，你越肯定的說，客戶就會越容易聽你的

  ● HTML 結(jié)構(gòu)設(shè)計(jì)

  當(dāng)網(wǎng)站策劃的清楚且完整，資訊架構(gòu)照理說會十分清晰，也因此你的網(wǎng)站上要怎樣出現(xiàn)各種資訊就能被有效的分區(qū)或分類，所以在進(jìn)行網(wǎng)站前端之前，應(yīng)該先規(guī)劃HTML結(jié)構(gòu)，例如網(wǎng)站會有頁首()、頁尾()、然后還有導(dǎo)覽列()或稱主選單()、放置LOGO 與網(wǎng)站主要內(nèi)容區(qū)、 …，這些不同的區(qū)域除了可以設(shè)定不同的網(wǎng)站元素（或稱為標(biāo)簽）外，也應(yīng)該給予適當(dāng)?shù)膇d 屬性。

  
  

  之外，挑選適當(dāng)?shù)腍TML元素(Tag)與設(shè)定正確的HTML 階層關(guān)系也很重要，舉個(gè)例子來說：如果要顯示一個(gè)文章段落可以使用應(yīng)該，特別標(biāo)示一段文字應(yīng)該用 ，要顯示一個(gè)按鈕且包含連結(jié)時(shí)不應(yīng)該在的前后加上 元素等等，這些在網(wǎng)站設(shè)計(jì)的相關(guān)書籍都會提及，網(wǎng)站設(shè)計(jì)師必須特別注意。

  ● 網(wǎng)站前端、版面結(jié)構(gòu)設(shè)計(jì)、CSS樣式規(guī)劃

  這部分也是另一門專業(yè)，有許多設(shè)計(jì)師從平面設(shè)計(jì)轉(zhuǎn)向網(wǎng)站設(shè)計(jì)的過程中非常痛苦，因?yàn)閺氖缕矫嬖O(shè)計(jì)很容易天馬行空的想，想到什么就能透過各式設(shè)計(jì)工具做出來，但是到了網(wǎng)站設(shè)計(jì)的領(lǐng)域，還需要有很嚴(yán)謹(jǐn)?shù)倪壿嫿Y(jié)構(gòu)，才能設(shè)計(jì)出一個(gè)好的網(wǎng)站。

  像是網(wǎng)站前端的工作，有些設(shè)計(jì)師為了求方便會以

  來排版，不過新一代的網(wǎng)站設(shè)計(jì)師基本上都會透過CSS 進(jìn)行版面配置，因?yàn)橥高^CSS 來進(jìn)行版面配置的靈活度與網(wǎng)站親和力(Accessibility) 都比較高。如果網(wǎng)站設(shè)計(jì)師能了解網(wǎng)格(Grid) 的概念，透過一些好用的CSS Framework 來設(shè)計(jì)版面，不但網(wǎng)站的問題會少很多，網(wǎng)站制作的速度也會加快，只是這部分的工作幾乎都是邏輯嚴(yán)謹(jǐn)?shù)脑O(shè)計(jì)，必須從視覺設(shè)計(jì)開始就必須注意才行。

  
  

  以下推薦幾套不錯(cuò)的CSS Framework 供各位參考：

  YUI3 CSS Grids (http://developer.yahoo.com/yui/3/cssgrids/)

  Less Framework 4 (http://lessframework.com/)

  960 Grid System (http://960.gs/)

  Blueprint (http://www.blueprintcss.org/)

  Baseline (http://baselinecss.com/)

  52framework (http://www.52framework.com/)

  然而，一個(gè)妥善規(guī)劃的CSS 樣式表也是非常重要的事，一個(gè)好的CSS 樣式表必須要有清楚的結(jié)構(gòu)、良好易懂的命名規(guī)則，一切的目的就是要讓整體網(wǎng)站的樣式結(jié)構(gòu)清楚易懂，讓網(wǎng)站在后續(xù)開發(fā)的過程中能方便的使用與擴(kuò)充。

  ● 跨瀏覽器兼容性測試

  網(wǎng)站設(shè)計(jì)要進(jìn)入下一個(gè)階段之前，還必須做好跨瀏覽器兼容性測試的工作，這個(gè)工作非常重要且必要，一個(gè)專業(yè)的網(wǎng)站設(shè)計(jì)必須能在各種不同的瀏覽器下能有一致的呈現(xiàn)，我們都知道要做到這一點(diǎn)并不容易，但是能做到多好，就是個(gè)人的功力了。

  我們曾經(jīng)遇過一個(gè)專案，客戶對設(shè)計(jì)的品質(zhì)十分要求，因此在「視覺設(shè)計(jì)」的階段都是客戶負(fù)責(zé)的，剩下的HTML 結(jié)構(gòu)設(shè)計(jì)與網(wǎng)站前端當(dāng)然是我們的工作，由于客戶端的設(shè)計(jì)師并不會設(shè)計(jì)網(wǎng)站，不了解網(wǎng)站設(shè)計(jì)有很多需要處理的細(xì)節(jié)與限制，像是跨瀏覽器之前的兼容性就是個(gè)非常頭疼的問題，但他們要求我們設(shè)計(jì)出來的網(wǎng)站在指定的瀏覽器下連差一個(gè)Pixel 都不行，這段過程真的非常的辛苦，完全是一種藝術(shù)層級的展現(xiàn)。

  目前市面上主流的瀏覽器有好幾種，像是Internet Explorer、Google Chrome、Firefox、Safari、Opera 等等，不過不同的瀏覽器之間多少會有些不同的特性，還有瀏覽器在實(shí)做HTML 、CSS 的時(shí)候也會有些小差異，這些小差異有時(shí)候很煩人，而且有許多兼容性的問題還會牽扯到CSS 與JavaScript 的狀況，這部分經(jīng)常會需要有多年網(wǎng)站設(shè)計(jì)經(jīng)驗(yàn)的人才有辦法解決，這些枝微末節(jié)的問題非常多，經(jīng)驗(yàn)也不容易匯整，網(wǎng)路上雖然可以查到不少資料，但是都非常片段，只能遇到一個(gè)問題才解決一個(gè)問題，用時(shí)間換取經(jīng)驗(yàn)。

  
  

3、程序開發(fā)

提到網(wǎng)站建設(shè)的程序開發(fā)，我想比較大宗的程序需求就是做內(nèi)容管理，將網(wǎng)站上預(yù)先規(guī)劃好的內(nèi)容儲存在資料庫中，并透過一個(gè)所謂的「后端系統(tǒng)」或成為「內(nèi)容管理系統(tǒng)」來管理這些儲存在資料庫中的資料。至于前臺的部分，大多不太復(fù)雜，我們會透過開發(fā)人員將資料庫中的資料讀取出來，并適當(dāng)?shù)膶①Y料放置到網(wǎng)站HTML里。

這時(shí)可能會有人問到，在程序開發(fā)的階段需要對網(wǎng)站版面進(jìn)行調(diào)整嗎？我經(jīng)常被問到的一種情況是，開發(fā)人員在接到網(wǎng)站設(shè)計(jì)師給的版型后進(jìn)行套版，但是網(wǎng)站版型(HTML, CSS) 在套上程序之后，網(wǎng)站就大亂了，而大部分的網(wǎng)站又已經(jīng)套上的程序碼，不太可能再由網(wǎng)站設(shè)計(jì)師接手修改，最后變成是由程序設(shè)計(jì)師苦命的修正網(wǎng)站的HTML與CSS等等，如果網(wǎng)站設(shè)計(jì)師的CSS樣式規(guī)劃沒有章法，又沒有好記或容易理解的命名規(guī)則，而程序設(shè)計(jì)師在套版時(shí)并沒有像網(wǎng)站設(shè)計(jì)師有好用的網(wǎng)站設(shè)計(jì)工具，你可以想見工程師在調(diào)整版面的過程中經(jīng)常是痛苦的，因?yàn)樗麄円鎸Φ氖且贿B串與版面相關(guān)的細(xì)節(jié)，然后版面被調(diào)整壞了還會被PM罵說：「你為什么把網(wǎng)站弄亂了？」，如果問網(wǎng)站設(shè)計(jì)師，網(wǎng)站設(shè)計(jì)師還會說：「不會啊，我的版面做出來的時(shí)候是好的，是工程師把版面弄壞的?！鼓阒乐郎頌槌绦蜷_發(fā)人員的苦了吧！

這個(gè)文章段落雖然是「程序開發(fā)」的部分，但是我還是要針對這種經(jīng)常遇到的版面問題提醒網(wǎng)站設(shè)計(jì)師有以下注意事項(xiàng)：

• 在設(shè)計(jì)版面時(shí)，如果知道網(wǎng)站里有某部分資料是會隨著資料庫的資料多寡而異動的，建議在設(shè)計(jì)版型時(shí)可以盡量塞入假資料上去，讓文字盡量填滿版面，這樣才不會造成因?yàn)榘婷嬖谟嵪⒘窟^多時(shí)導(dǎo)致破版（版面被破壞）的情況。

• 相對的，如果網(wǎng)站有某部分的內(nèi)容也許會有「無資料」的情況，網(wǎng)站設(shè)計(jì)師也應(yīng)該針對這種無資料的情況額外設(shè)計(jì)一個(gè)頁面，以確保程序設(shè)計(jì)師在套版完成后不會發(fā)生破版的情況。

針對假資料的部分，筆者的部落格曾經(jīng)介紹過相關(guān)好用工具，有興趣的人可以參考以下網(wǎng)址：

• 介紹好用工具：亂數(shù)假文產(chǎn)生器（包括中文版與英文版）

• http://bit.ly/Lorem-Ipsum

在程序開發(fā)這個(gè)階段，一些比較常見的步驟有：

• 資料庫分析與設(shè)計(jì)

• 系統(tǒng)設(shè)計(jì)、系統(tǒng)架構(gòu)分析

• 選擇適當(dāng)?shù)拈_發(fā)工具( 例如Visual Studio 2010 )

• 選擇適當(dāng)?shù)拈_發(fā)架構(gòu)與程序語言( 例如ASP.NET MVC 3 與C# 4.0 )

• 后臺內(nèi)容管理介面開發(fā)

• 前臺程序套版與UI 互動設(shè)計(jì)

• 測試與除錯(cuò)

  
  

4、發(fā)布網(wǎng)站

在網(wǎng)站建設(shè)并測試完成后，接下來就準(zhǔn)備要發(fā)布網(wǎng)站了，你的網(wǎng)站要讓全世界的人看見有很多種方式，像是拉專線自建機(jī)房、主機(jī)代管、專屬主機(jī)、虛擬主機(jī)、網(wǎng)站代管、云端空間、…就是各種不同讓網(wǎng)站上線的方式，建設(shè)的成本也不一，通常會依據(jù)客戶的需求來決定用何種方式讓網(wǎng)站上線。

另外，將網(wǎng)站的檔案與資料庫發(fā)布到遠(yuǎn)端主機(jī)的方式也有好幾種，比較常見的是透過FTP上傳檔案，另外還有FrontPage Server Extension也是之前經(jīng)常使用的上傳方法，最近還有微軟新一代的發(fā)布工具Web Deploy也是另一種網(wǎng)站發(fā)布的方式。

發(fā)布網(wǎng)站一般來說會有許多復(fù)雜的安裝步驟與設(shè)定程序，我個(gè)人的習(xí)慣都是把安裝的步驟與設(shè)定的過程做成一份巨細(xì)靡遺、圖文并冒的標(biāo)準(zhǔn)作業(yè)程序（SOP），盡可能的做到「按圖施工?保證成功」的水準(zhǔn)，這樣才能保障未來在重新部署網(wǎng)站時(shí)不會發(fā)生任何意外。

就開發(fā)工具來說，Visual Studio 2010 的單鍵發(fā)行(One-Click Publish)功能與微軟的Web Deploy 工具就是非常適合用來簡化整體網(wǎng)站發(fā)布的流程，像我們公司現(xiàn)在在替客戶發(fā)行網(wǎng)站時(shí)，基本上真的已經(jīng)做到「按下一個(gè)按鍵就完成網(wǎng)站發(fā)布的動作」，非常方便。

對于一些較為簡單的網(wǎng)站，如果能透過Microsoft WebMatrix工具來進(jìn)行網(wǎng)站管理，并結(jié)合Web Deploy發(fā)布方法，也能做到有效簡化發(fā)布網(wǎng)站的復(fù)雜度。

5、內(nèi)容維護(hù)

一般除了公司的形象網(wǎng)站外，不太可能讓網(wǎng)站上線之后就再也不去更動它，所以當(dāng)網(wǎng)站上線后通常會有內(nèi)容維護(hù)的需求，網(wǎng)站上的內(nèi)容非常多元，例如文字、圖片、影片、動畫都很有可能從網(wǎng)站上線后必須持續(xù)的更新，一般來說網(wǎng)站通常都會建設(shè)后臺內(nèi)容管理系統(tǒng)，以方便讓不太熟悉網(wǎng)站設(shè)計(jì)的客戶進(jìn)行內(nèi)容維護(hù)，這也是一般客戶較能接受的方式，因此一個(gè)好的內(nèi)容管理系統(tǒng)不可或缺。

除了內(nèi)容更新之外，一個(gè)網(wǎng)站的外觀看久了總會膩，所以網(wǎng)站上線幾年后，客戶通常會思考是否要將網(wǎng)站進(jìn)行改版或?qū)ν庥^進(jìn)行重新設(shè)計(jì)，如果網(wǎng)站設(shè)計(jì)的部分做的不錯(cuò)的話，通常不太需要更動到程序碼，只要修改CSS部分，其實(shí)就能讓整個(gè)網(wǎng)站煥然一新。

不過網(wǎng)站也是有生命周期的，通常過個(gè)幾年客戶公司的體質(zhì)也變化了（變大或變?。?，需求通常也會與多年前不同，所以我們比較常遇到的狀況都是客戶要求整個(gè)網(wǎng)站重新打造，不僅只是網(wǎng)站設(shè)計(jì)的部分重新而已，也許從資訊架構(gòu)的部分就完全不同，到時(shí)就要重新走一次完整的網(wǎng)站建設(shè)流程。

內(nèi)容維護(hù)不只是「內(nèi)容」而已，還有許多其他能提升網(wǎng)站品質(zhì)的工作要做，例如網(wǎng)站內(nèi)容的搜尋引擎好化（SEO）就需要網(wǎng)站管理者針對網(wǎng)站的內(nèi)容進(jìn)行關(guān)鍵字的規(guī)劃與設(shè)計(jì)，以及控制網(wǎng)站與其他網(wǎng)站之間的連結(jié)關(guān)系，這些都會直接影響到網(wǎng)站導(dǎo)入的流量。另外，透過一些統(tǒng)計(jì)分析數(shù)據(jù)，也能清楚了解所有網(wǎng)站的訪客都是從哪幾頁進(jìn)來的、訪客來自于哪些國家或地區(qū)，還能分析每天的流量多寡的變化，這些資訊都有助于網(wǎng)站管理者要如何對內(nèi)容進(jìn)行維護(hù)，未來還能當(dāng)作網(wǎng)站改版的參考依據(jù)。

結(jié)語

講到這里你應(yīng)該可以發(fā)現(xiàn)網(wǎng)站建設(shè)不是件簡單的事，要打造出一個(gè)好的網(wǎng)站通常需要多人同心協(xié)力，結(jié)合不同的專業(yè)知識與領(lǐng)域并才有可能做出一個(gè)好網(wǎng)站，不同的專業(yè)人才之間彼此還需要互相了解彼此之間的困難與限制，在工作上才能彼此互補(bǔ)，當(dāng)培養(yǎng)出好的團(tuán)隊(duì)默契后，彼此之間更能夠有效的專業(yè)分工，做各自擅長的工作。

在團(tuán)隊(duì)中維持良好的溝通品質(zhì)真的非常重要，因?yàn)榫W(wǎng)站策劃、網(wǎng)站設(shè)計(jì)、程序開發(fā)這三個(gè)階段的工作彼此息息相關(guān)，需要非常密集的協(xié)調(diào)與溝通，如果溝通品質(zhì)不佳，直接影響到的就是網(wǎng)站最后產(chǎn)出的品質(zhì)。

打造好網(wǎng)站的過程雖然辛苦，但透過一些經(jīng)驗(yàn)的累積與歸納出來的標(biāo)準(zhǔn)流程，還是能夠有效降低網(wǎng)站建設(shè)的復(fù)雜度，并且確保網(wǎng)站建設(shè)的成果至少能有一定的水準(zhǔn)之上。

文章名稱：如何建設(shè)自己的網(wǎng)站？建站流程是什么？
URL標(biāo)題：http://www.rwnh.cn/news/80000.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供Google、搜索引擎優(yōu)化、做網(wǎng)站、標(biāo)簽優(yōu)化、用戶體驗(yàn)、關(guān)鍵詞優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)