今天無(wú)意間看到公司市場(chǎng)部以為同事的電腦上打開(kāi)的頁(yè)面——新手如何進(jìn)行網(wǎng)站建設(shè)，由于市場(chǎng)人員的工作和網(wǎng)站推廣有著密不可分的聯(lián)系，但又覺(jué)得網(wǎng)站建設(shè)涉及到代碼，不知如何下手。本文的主題是新手建站，我們的目的只是能夠搭建出一個(gè)小型網(wǎng)站便可。本文將針對(duì)新手建站概括講解幾個(gè)步驟。

第一步，網(wǎng)站建設(shè)原理

網(wǎng)站建設(shè)有幾個(gè)必要條件，包括域名、網(wǎng)站空間、數(shù)據(jù)庫(kù)。下面我們分開(kāi)進(jìn)行介紹。

域名是由一串用點(diǎn)分隔的名字組成的Internet上某一臺(tái)計(jì)算機(jī)或計(jì)算機(jī)組的名稱(chēng)，一個(gè)域名的目的是便于記憶和溝通的一組服務(wù)器的地址(網(wǎng)站，電子郵件，F(xiàn)TP等)。每一個(gè)網(wǎng)站都至少有一個(gè)域名，多個(gè)域名也可以對(duì)應(yīng)同一個(gè)網(wǎng)站。

網(wǎng)站空間就是存放網(wǎng)站內(nèi)容的空間，網(wǎng)站空間也稱(chēng)為虛擬主機(jī)空間。一般小型網(wǎng)站可以使用虛擬空間，在IDC服務(wù)商那里能購(gòu)買(mǎi)到，網(wǎng)站空間可以用來(lái)存放網(wǎng)站的文件。前面提到的域名需要和網(wǎng)站空間主機(jī)IP對(duì)應(yīng)上，用戶(hù)即可直接輸入域名進(jìn)行網(wǎng)站的訪問(wèn)了。

數(shù)據(jù)庫(kù)對(duì)于網(wǎng)站的概念就好像倉(cāng)庫(kù)對(duì)于家。網(wǎng)站分為動(dòng)態(tài)和靜態(tài)網(wǎng)站兩種，動(dòng)態(tài)網(wǎng)站是需要數(shù)據(jù)庫(kù)支持的，數(shù)據(jù)庫(kù)可以存放網(wǎng)站會(huì)員的資料信息，也可以存放網(wǎng)站新聞信息，當(dāng)你的網(wǎng)站需要用到某一條信息的時(shí)候，例如需要在網(wǎng)站的頁(yè)面上出現(xiàn)某一個(gè)會(huì)員的信息，便可以通過(guò)數(shù)據(jù)庫(kù)找到相應(yīng)的信息位置，在頁(yè)面上調(diào)取。所以動(dòng)態(tài)頁(yè)面和靜態(tài)頁(yè)面的區(qū)別在于，動(dòng)態(tài)頁(yè)面無(wú)需修改頁(yè)面源文件便可變更網(wǎng)站，而靜態(tài)頁(yè)面只能通過(guò)修改頁(yè)面源文件的方式更新。

第二步，學(xué)習(xí)頁(yè)面設(shè)計(jì)

漂亮的網(wǎng)站離不開(kāi)前期精美的設(shè)計(jì)，網(wǎng)站美工的工作就是利用photoshop制作出有色特網(wǎng)站風(fēng)格的網(wǎng)站，需要設(shè)計(jì)的內(nèi)容包括背景、banner、logo圖片、模板圖標(biāo)等。當(dāng)然如果你的設(shè)計(jì)功底不夠強(qiáng)也沒(méi)關(guān)系，網(wǎng)上流傳的頁(yè)面模板有很多，秉著“拿來(lái)主義”的精神，也可以制作出漂亮的網(wǎng)站來(lái)。

第三步，學(xué)習(xí)服務(wù)器端腳本語(yǔ)言

服務(wù)器端腳本語(yǔ)言主要是應(yīng)對(duì)動(dòng)態(tài)網(wǎng)站來(lái)說(shuō)的。腳本語(yǔ)言不用太花心思去學(xué)習(xí)它，因?yàn)楝F(xiàn)在互聯(lián)網(wǎng)上有許多可供免費(fèi)使用的開(kāi)源的網(wǎng)站內(nèi)容管理系統(tǒng)(cms)，它是一個(gè)封裝好了的網(wǎng)站程序，你不需要了解它的原理，只需要會(huì)使用它的功能就可以了。

第四步，學(xué)習(xí)web語(yǔ)言

網(wǎng)站頁(yè)面是有一堆代碼有規(guī)則的組合而成的，能夠掌握web編程語(yǔ)言便可以編寫(xiě)出漂亮的網(wǎng)站。最基本的web語(yǔ)言有，html、div/css、javascript，下面分開(kāi)進(jìn)行介紹。

Html是網(wǎng)站最為基礎(chǔ)的編程語(yǔ)言，它的學(xué)名叫做超文本標(biāo)記語(yǔ)言，是用于描述網(wǎng)頁(yè)文檔的一種標(biāo)記語(yǔ)言。網(wǎng)站中的每一組文字和圖片，通過(guò)使用html相應(yīng)的標(biāo)簽便可以形成一個(gè)整體。

Div/css是負(fù)責(zé)網(wǎng)站的布局排版規(guī)范的。在Html語(yǔ)言的基礎(chǔ)上，結(jié)合div/css的布局、上色、層次便能讓網(wǎng)站顯得更加的美觀。相對(duì)于div/css的還有表格布局，但這種布局相對(duì)陳舊，已經(jīng)逐漸被淘汰了。

Javascript能夠在網(wǎng)站上設(shè)計(jì)出漂亮的頁(yè)面特效，例如常見(jiàn)的滾動(dòng)、切換等動(dòng)態(tài)效果，都是利用了javascript設(shè)計(jì)而成的。

第四步，學(xué)習(xí)服務(wù)器端腳本語(yǔ)言

服務(wù)器端腳本語(yǔ)言主要是應(yīng)對(duì)動(dòng)態(tài)網(wǎng)站來(lái)說(shuō)的。腳本語(yǔ)言不用太花心思去學(xué)習(xí)它，因?yàn)楝F(xiàn)在互聯(lián)網(wǎng)上有許多可供免費(fèi)使用的開(kāi)源的網(wǎng)站內(nèi)容管理系統(tǒng)(cms)，它是一個(gè)封裝好了的網(wǎng)站程序，你不需要了解它的原理，只需要會(huì)使用它的功能就可以了。

基本上掌握以上幾個(gè)步驟的內(nèi)容，制作出一個(gè)網(wǎng)站就不在話下了。當(dāng)然網(wǎng)站建設(shè)最重要的是你要有著一顆勤奮學(xué)習(xí)的心，持之以恒，終有一天可以成功。