一、申請(qǐng)域名

二、申請(qǐng)空間

三、定位網(wǎng)站

四、分析網(wǎng)站功能和需求（網(wǎng)站策劃）

五、網(wǎng)站風(fēng)格設(shè)計(jì)

六、網(wǎng)站代碼制作

七、測(cè)試網(wǎng)站

八、FTP上傳網(wǎng)站

九、完善資料

十、網(wǎng)站推廣維護(hù)

建站流程

一、設(shè)定目標(biāo)
　　網(wǎng)站建站流程開(kāi)始先為網(wǎng)站設(shè)立一個(gè)目標(biāo)，這個(gè)目標(biāo)不是簡(jiǎn)單的，比如：我想做個(gè)漂亮的網(wǎng)站，或者我想做個(gè)強(qiáng)大的網(wǎng)站。你要先問(wèn)問(wèn)自己，為什么我要做這個(gè)網(wǎng)站？然后想吸引哪些人去訪問(wèn)這個(gè)網(wǎng)站？你不要指望網(wǎng)站所有人都會(huì)喜歡，你的這個(gè)網(wǎng)站描述的越詳細(xì)，你的網(wǎng)站就越有可能會(huì)成功！
　　比如大部分的網(wǎng)站目標(biāo)可能就是吸引潛在客戶，然后購(gòu)買公司的產(chǎn)品或者是服務(wù)。我們應(yīng)該對(duì)這個(gè)目標(biāo)描述的再詳細(xì)一些。比如一家IT培訓(xùn)機(jī)構(gòu)，他的主營(yíng)培訓(xùn)項(xiàng)目呢就是IT職業(yè)培訓(xùn)，那么他的網(wǎng)站目標(biāo)可以是這樣：吸引18-26歲之間，沒(méi)有工作或者是對(duì)工作不滿的，喜歡計(jì)算機(jī)的年青人，通過(guò)網(wǎng)站了解IT職業(yè)然后選擇培訓(xùn)科目。
　　二、整理內(nèi)容
　　這個(gè)網(wǎng)站一旦被設(shè)立目標(biāo)以后，隨著來(lái)的就是它要執(zhí)行的任務(wù)，我們?yōu)榱送瓿蛇@些任務(wù)呢，下一步就是要整理網(wǎng)站的內(nèi)容。包括文章、圖片、視頻，然后我們把網(wǎng)站的結(jié)構(gòu)設(shè)立出來(lái)，比如我想把網(wǎng)站的內(nèi)容分成哪幾個(gè)單元，每個(gè)單元的下面有什么樣的分類，最后你還要考慮網(wǎng)站的功能，你的網(wǎng)站需不需要留言功能啊，論壇啊等等，然后可以根據(jù)這些需求，開(kāi)始制定網(wǎng)站建設(shè)方案。

網(wǎng)頁(yè)格式

靜態(tài)網(wǎng)頁(yè)

靜態(tài)網(wǎng)頁(yè)多數(shù)為單一的超文件標(biāo)示語(yǔ)言檔案。網(wǎng)站建設(shè)皆傾向把動(dòng)態(tài)網(wǎng)頁(yè)靜態(tài)化，之后提交百度谷歌等搜索引擎最佳化，即網(wǎng)站優(yōu)化俗稱“偽靜態(tài)”。設(shè)計(jì)和構(gòu)建網(wǎng)站步驟，建立一個(gè)網(wǎng)站是一個(gè)偉大的方式來(lái)與世界分享您的想法和思想，全力以赴閱讀！

動(dòng)態(tài)網(wǎng)頁(yè)

動(dòng)態(tài)網(wǎng)頁(yè)的內(nèi)容隨著用戶的輸入和互動(dòng)而有所不同，或者隨著用戶、時(shí)間、數(shù)據(jù)修正等而改變。動(dòng)態(tài)代碼的一個(gè)網(wǎng)站,是指它的建筑或它是如何建成的,更具體的是指用于創(chuàng)建一個(gè)單一的網(wǎng)頁(yè)的代碼。動(dòng)態(tài)的Web頁(yè)面是動(dòng)態(tài)生成的代碼,程序或例程拼湊塊。動(dòng)態(tài)生成的網(wǎng)頁(yè)會(huì)記得各種比特的信息從數(shù)據(jù)庫(kù)中把它們放在一起,在一個(gè)預(yù)先定義的格式呈現(xiàn)為讀者提供了一個(gè)一致的頁(yè)面。在讀取cookie識(shí)別用戶以前的歷史,會(huì)話變量,服務(wù)器端變量等多種方式,包括與用戶交互,或通過(guò)直接互動(dòng)(表單元素等)。一個(gè)站點(diǎn)可以顯示用戶的當(dāng)前狀態(tài)之間的對(duì)話,監(jiān)控不斷變化的情況,或提供一些個(gè)性化的要求的個(gè)人用戶的信息。

網(wǎng)頁(yè)布局

網(wǎng)頁(yè)布局大致可分為“國(guó)”字型、拐角型、“T”字型、“L”字型、綜合框架型、Flash型、變化型，在這里就不做一一論述了。其實(shí)在我們做設(shè)計(jì)的時(shí)候并沒(méi)有過(guò)多的去考慮什么形式，最重要的是抓住客戶的需求，把握網(wǎng)站的定位做出合理的框架布局。

1、 分辨率

網(wǎng)頁(yè)的整體寬度可分為三種設(shè)置形式：百分比、像素、像素+百分比。通常在網(wǎng)站建設(shè)中以象素形式最為常用，行業(yè)網(wǎng)站也不列外。我們?cè)谠O(shè)計(jì)網(wǎng)頁(yè)的時(shí)候必定會(huì)考慮到分辨率的問(wèn)題，常用的是1024*768和800*600的分辨率，網(wǎng)絡(luò)上很多都是用到778個(gè)象素的寬度，在800的分辨率下面往往使整個(gè)網(wǎng)頁(yè)很壓抑，有種不透氣的感覺(jué)，其實(shí)這個(gè)寬度是指在800*600的分辨率上網(wǎng)頁(yè)的最寬寬度，不代表最佳視覺(jué)，不妨試試760~770的像素，不管在1024還是800的分辨率下都可以達(dá)到較佳的視覺(jué)效果。

2、合理廣告

在一些網(wǎng)站的廣告（彈出廣告、浮動(dòng)廣告、大廣告、banner廣告、通欄廣告等等……）讓人覺(jué)得很煩瑣，根本就不愿意來(lái)看，有時(shí)連你這個(gè)網(wǎng)站都不上了，這樣一來(lái)網(wǎng)站受到了嚴(yán)重的影響、廣告也沒(méi)達(dá)到廣告的目的。這些問(wèn)題都是我們?cè)谠O(shè)計(jì)網(wǎng)站之前需要考慮、需要規(guī)劃的內(nèi)容之一。

浮動(dòng)廣告有兩種，第一種是在網(wǎng)頁(yè)兩邊空余的地方可以上下浮動(dòng)的廣告，第二種是滿屏幕到處隨機(jī)移動(dòng)的廣告。建議能使用第一種的情況下盡量使用第一種，不可避免第二種情況時(shí)盡量在數(shù)量上控制最多一個(gè)就好。如果數(shù)量過(guò)多會(huì)直接影響到用戶的心理、妨礙到用戶瀏覽信息，適得其反。首頁(yè)廣告不宜過(guò)多適中即可。如在注冊(cè)或者某個(gè)購(gòu)買步驟的頁(yè)面上最好不要出現(xiàn)過(guò)多的其他無(wú)關(guān)的內(nèi)容讓用戶分心，避免客戶流失等……

3、空間的合理利用

很多的網(wǎng)頁(yè)都具有一個(gè)特點(diǎn)，用一個(gè)字來(lái)形容，那就是“塞”，它將各種各樣的信息如文字、圖片、動(dòng)畫等不加考慮的塞到頁(yè)面上，有多少擠多少，不加以規(guī)范，導(dǎo)致瀏覽時(shí)會(huì)遇到很多的不方便，主要就是頁(yè)面主次不分，喧賓奪主，要不就是沒(méi)有重點(diǎn)，沒(méi)有很好的歸類，整體就像個(gè)大雜燴。讓人難以找到需要的東西。有的則是一片空白失去平衡，也可以用個(gè)“散”字來(lái)形容。

4、文字編排

在網(wǎng)頁(yè)設(shè)計(jì)中，字體的處理與顏色、版式、圖形化等其他設(shè)計(jì)元素的處理一樣。

4.1文字圖形化

文字圖形化就是將文字用圖片的形式來(lái)表現(xiàn)，這種形式在頁(yè)面的子欄目里面最為常用，因?yàn)樗哂型怀觯瑫r(shí)又美化了頁(yè)面，使頁(yè)面更加人性化加強(qiáng)了視覺(jué)效果。是文字無(wú)法達(dá)到的。對(duì)于通用性的網(wǎng)站弊端就是擴(kuò)展性不強(qiáng)。

4.2強(qiáng)調(diào)文字

nnt流量

如果將個(gè)別文字作為頁(yè)面的訴求重點(diǎn)，則可以通過(guò)加粗、加下劃線、加大號(hào)字體、加指示性符號(hào)、傾斜字體、改變字體顏色等手段有意識(shí)地強(qiáng)化文字的視覺(jué)效果，使其在頁(yè)面整體中顯得出眾而奪目。這些方法實(shí)際上都是運(yùn)用了對(duì)比的法則。如果在更新頻率低的情況下也可以使用文字圖形化。

它由域名（domain name 俗稱網(wǎng)址），網(wǎng)站源程序和網(wǎng)站空間三部分構(gòu)成。域名（俗稱網(wǎng)址）；網(wǎng)站空間由專門的獨(dú)立服務(wù)器或租用的虛擬主機(jī)承擔(dān)；網(wǎng)站源程序則放在網(wǎng)站空間里面，表現(xiàn)為網(wǎng)站前臺(tái)和網(wǎng)站后臺(tái)。

作用

企業(yè)形象提升

互聯(lián)網(wǎng)作為唯一一種全天候24小時(shí)不間斷的媒體平臺(tái)是傳統(tǒng)媒體可望不可及的。作為一個(gè)企業(yè)，在互聯(lián)網(wǎng)上建立自己的網(wǎng)站，最顯而易見(jiàn)的就是可以向世界展示自己的企業(yè)風(fēng)采，讓更多人了解自己的企業(yè)，使企業(yè)能夠在公眾知名度上有一定的提升。

網(wǎng)絡(luò)化的管理

在一個(gè)有相對(duì)規(guī)模的企業(yè)中，信息流、物流、資金流的管理應(yīng)該有一個(gè)比較規(guī)范和科學(xué)的流程。而網(wǎng)絡(luò)的出現(xiàn)，恰恰滿足了這種業(yè)務(wù)管理自動(dòng)化的需要。在這里，網(wǎng)絡(luò)在提高效率，比如內(nèi)部新聞通告，訂貨管理，客戶管理，采購(gòu)管理，員工管理等等許多繁雜的工作都可以在互聯(lián)網(wǎng)和局域網(wǎng)上很輕松地完成。

（1）擴(kuò)張資本規(guī)模；

網(wǎng)絡(luò)

（2）優(yōu)化企業(yè)財(cái)務(wù)結(jié)構(gòu)；

（3）進(jìn)行資產(chǎn)重組；

（4）調(diào)整產(chǎn)品結(jié)構(gòu)，促進(jìn)產(chǎn)業(yè)升級(jí)

（5）品牌保護(hù)；

（6）推廣（主要作用）；

（7）為企業(yè)節(jié)約網(wǎng)絡(luò)營(yíng)銷費(fèi)用。

開(kāi)展電子商務(wù)

直接利用互聯(lián)網(wǎng)開(kāi)展電子商務(wù)，是企業(yè)上網(wǎng)的理想目標(biāo)，對(duì)于一些大型公司來(lái)說(shuō)這已成為了現(xiàn)實(shí)。他們已經(jīng)嘗到了電子商務(wù)帶來(lái)的巨大好處：內(nèi)部信息數(shù)據(jù)的瞬間溝通、人員聯(lián)系的日趨緊密、業(yè)務(wù)開(kāi)展效率加快、國(guó)際化成分的日益增加、大量門面與分支機(jī)構(gòu)的消減所帶來(lái)的資金節(jié)約等等。

中國(guó)上市公司網(wǎng)站評(píng)選研究中心在體驗(yàn)式訪問(wèn)中發(fā)現(xiàn)，涉足電子商務(wù)的上市公司已達(dá)四五百家，在公司官方網(wǎng)站中體現(xiàn)電子商務(wù)應(yīng)用和功能的有90余家。

隨著上市公司網(wǎng)站中電子商務(wù)功能的不斷改進(jìn)、完善，其網(wǎng)站的頁(yè)面設(shè)計(jì)及欄目設(shè)置、功能也有很大的提升。金融、銀行、保險(xiǎn)、航空、商業(yè)貿(mào)易、家電等行業(yè)的上市公司網(wǎng)站在電子商務(wù)方面的應(yīng)用已經(jīng)較為成熟，而像紡織、醫(yī)藥、房地產(chǎn)、化工、鋼鐵等行業(yè)通過(guò)官方網(wǎng)站應(yīng)用電子商務(wù)的上市公司則越來(lái)越多。上市公司圍繞電子商務(wù)應(yīng)用，以及受眾性與實(shí)用性，網(wǎng)站設(shè)計(jì)水平整體較高，頁(yè)面也較美觀。

建站趨勢(shì)

網(wǎng)絡(luò)紛繁復(fù)雜各種消息都有，囊括了方方面面，比如生活服務(wù)、休閑娛樂(lè)還有科學(xué)教育等等。而網(wǎng)絡(luò)是個(gè)比較年輕的新型媒體，作為還不太成熟的新物種，人們雖然已經(jīng)習(xí)慣了它的存在但還沒(méi)有完全掌握它的用途。所以，大多數(shù)人在上網(wǎng)的時(shí)候，都會(huì)瀏覽網(wǎng)頁(yè)提供給我們的信息。我們要在自己網(wǎng)站的首頁(yè)展示當(dāng)下最紅火的新聞內(nèi)容或者是最惹人關(guān)注的熱點(diǎn)，吸引住瀏覽用戶的目光，最后點(diǎn)擊查看他感興趣的信息。

在網(wǎng)頁(yè)設(shè)計(jì)中，總是有傾向的特定技術(shù)來(lái)觀察，或跟蹤的網(wǎng)頁(yè)設(shè)計(jì)師加強(qiáng)的趨勢(shì)。這里有專有和開(kāi)源和免費(fèi)的技術(shù)專用的支持者。又增加自由和開(kāi)放源碼技術(shù)，包括由W3C和WHATWG進(jìn)行監(jiān)控和批準(zhǔn)，監(jiān)督和實(shí)施增加。

趨勢(shì)可以發(fā)現(xiàn)，不僅在看在時(shí)尚領(lǐng)域的使用的技術(shù)，如網(wǎng)站和匹配的標(biāo)志是清晰的喜好確定。著名的藝術(shù)字Web 2.0至今的重要作用的幫助。

HMTL5趨勢(shì)以來(lái)，雖然HTML5不會(huì)取代Flash或 Shockwave，但它將會(huì)對(duì)互聯(lián)網(wǎng)的很多方面做出改進(jìn)，使網(wǎng)站具備更豐富的功能，包括跟蹤用戶位置和在云計(jì)算平臺(tái)中存儲(chǔ)更多數(shù)據(jù)等。在一些簡(jiǎn)單的功能 方面，HTML5將會(huì)取代插件，它可為廣大用戶提供更強(qiáng)大的信息處理能力。此外，HTML5還可能使互聯(lián)網(wǎng)訪問(wèn)變得更加安全和高效。

瀏覽器提供商產(chǎn)生出相當(dāng)多的互聯(lián)網(wǎng)瀏覽器的改進(jìn)思路，正是這些思路逐漸發(fā)展為第五代HTML標(biāo)準(zhǔn)的原型。第五代HTML正式規(guī)范制訂，許多HTML5的用戶驚訝地發(fā)現(xiàn)，盡管規(guī)范制訂得很好，但它距離成為標(biāo)準(zhǔn)還 有很長(zhǎng)的差距。舉例來(lái)說(shuō)，蘋果的HTML5測(cè)試版雖然給用戶留下了深刻印象，但只在Safari瀏覽器上才能很好地運(yùn)行。

技巧

一、網(wǎng)站主題規(guī)劃

主題不可過(guò)于分散，網(wǎng)站主題越集中，一般情況下網(wǎng)站所有者在這方面投入的精力會(huì)更多，因此所提供信息的質(zhì)量也會(huì)越高。

二、豐富網(wǎng)站內(nèi)容

中國(guó)五百?gòu)?qiáng)企業(yè)網(wǎng)站欣賞(14張)

兩者相輔相成，有著豐富內(nèi)容的通常會(huì)受訪問(wèn)者的歡迎。但是這里的內(nèi)容豐富并不是指內(nèi)容的繁雜，而是指內(nèi)容的深度。搜索引擎在排名網(wǎng)站時(shí)，不僅要看網(wǎng)頁(yè)的信息相關(guān)度，同時(shí)也會(huì)考慮網(wǎng)站的聲望如何，比如外部鏈接有多少，網(wǎng)頁(yè)的點(diǎn)擊率有多高等等。因此一個(gè)內(nèi)容充實(shí)的網(wǎng)站肯定會(huì)排在內(nèi)容貧乏的網(wǎng)站前面由于不同的搜索引擎在網(wǎng)頁(yè)支持方面存在差異，因此在網(wǎng)頁(yè)設(shè)計(jì)時(shí)不要只注意外觀漂亮，許多平常設(shè)計(jì)網(wǎng)頁(yè)時(shí)常用到的元素到了搜索引擎那里會(huì)產(chǎn)生問(wèn)題。

三、框架結(jié)構(gòu)

有些搜索引擎（如FAST）是不支持框架結(jié)構(gòu)的，他們的"蜘蛛"程序無(wú)法閱讀這樣的網(wǎng)頁(yè)。圖象區(qū)塊（Image Maps），除AltaVista、Google明確支持圖像區(qū)塊鏈接，其他引擎是不支持它的。當(dāng)"蜘蛛"程序遇到這種結(jié)構(gòu)時(shí)，往往會(huì)感到茫然不知所措。因此盡量不要設(shè)置ImageMap鏈接。

四、特效鏈接

有不少的網(wǎng)站為導(dǎo)航鏈接加上了特效，如點(diǎn)擊某個(gè)項(xiàng)目會(huì)展開(kāi)下層鏈接等。這些效果一般通過(guò)Java script實(shí)現(xiàn)，視覺(jué)上非常新穎，但在"蜘蛛"程序的眼里則沒(méi)那么誘人，相反它無(wú)法解讀這種鏈接。為了讓搜索引擎順利檢索到網(wǎng)頁(yè)，建議還是犧牲掉一些花哨的東西。

五、FLASH

雖然FLASH制作的網(wǎng)頁(yè)視覺(jué)效果較好，但搜索引擎對(duì)此卻不太感冒，個(gè)案表明這一類的網(wǎng)站很難被百度搜索引擎索引。明智的做法是提供FLASH和非FLASH網(wǎng)頁(yè)兩種選擇，這樣即增加了網(wǎng)頁(yè)的觀賞性，又照顧到了搜索引擎的情緒。

六、動(dòng)態(tài)網(wǎng)頁(yè)（DynamicPages）

任何地址中帶“?”號(hào)、“&”號(hào)（及其他類似符號(hào)）的網(wǎng)頁(yè)都會(huì)把“蜘蛛”程序擋在門外。這些網(wǎng)頁(yè)通常由 CGI、PHP、ASP、JSP等程序產(chǎn)生，技術(shù)上較先進(jìn)，但不適合搜索引擎的“蜘蛛”程序。

七、代碼質(zhì)量

當(dāng)創(chuàng)建一個(gè)網(wǎng)站，它是很好的做法，以符合標(biāo)準(zhǔn)。這通常是通過(guò)描述指定元件做什么。不符合標(biāo)準(zhǔn)的網(wǎng)站無(wú)法使用或容易出錯(cuò)的，標(biāo)準(zhǔn)可以涉及到正確的頁(yè)面布局的可讀性，以及確保適當(dāng)?shù)仃P(guān)閉了編碼元素。這包括代碼中的錯(cuò)誤，代碼為更好的布局，以及確保你的ID和class的正確識(shí)別。

八、新標(biāo)準(zhǔn)

W3C已經(jīng)發(fā)布了新的標(biāo)準(zhǔn)的HTML（HTML5）和CSS（CSS3），以及新的JavascriptAPI的每一個(gè)新的，但個(gè)人的標(biāo)準(zhǔn)，但是，而在長(zhǎng)期HTML5是只使用到參考的新版本的HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用）和一些的JavaScript的API，它已成為常見(jiàn)的，用它來(lái) 指整套新標(biāo)準(zhǔn)（HTML5，CSS3和JavaScript）。