本篇文章給大家談?wù)劸W(wǎng)站建設(shè)初學(xué)者，以及網(wǎng)站建設(shè)初學(xué)者怎么做對(duì)應(yīng)的知識(shí)點(diǎn)，希望對(duì)各位有所幫助，不要忘了收藏本站喔。

本文目錄一覽：

• 1、初學(xué)者應(yīng)該如何學(xué)習(xí)網(wǎng)站開(kāi)發(fā)？
• 2、新手如何學(xué)習(xí)網(wǎng)站建設(shè)，教你如何制作網(wǎng)站。
• 3、個(gè)人網(wǎng)站的建設(shè)需要注意哪些問(wèn)題？
• 4、初學(xué)者如何進(jìn)行網(wǎng)站開(kāi)發(fā)？

初學(xué)者應(yīng)該如何學(xué)習(xí)網(wǎng)站開(kāi)發(fā)？

一開(kāi)始一定要分清前端開(kāi)發(fā)和后端開(kāi)發(fā)，我們來(lái)分別介紹一下。

前端

Web應(yīng)用被分類(lèi)歸為分布式應(yīng)用，一般是客戶端——服務(wù)器結(jié)構(gòu)，所以我們有一部分的代碼運(yùn)行在客戶端，另一部分代碼運(yùn)行在服務(wù)器。那些在客戶端上的應(yīng)用就是前端，通常指的就是我們的瀏覽器。最常用于前端開(kāi)發(fā)的技術(shù)是HTML+CSS+JavaScript，高級(jí)的前端開(kāi)發(fā)人員通常使用這些技術(shù)的組合開(kāi)發(fā)應(yīng)用的前端，另一個(gè)前端的常用技術(shù)就是使用Photoshop設(shè)計(jì)，配合其他技術(shù)共同完成Web頁(yè)面的制作。

后端

后端開(kāi)發(fā)者編寫(xiě)那些運(yùn)行在服務(wù)器上的代碼，通常來(lái)說(shuō)，這部分的工作需要和數(shù)據(jù)庫(kù)打交道，比如讀寫(xiě)數(shù)據(jù)、讀寫(xiě)文件、實(shí)現(xiàn)業(yè)務(wù)邏輯等。有些時(shí)候，業(yè)務(wù)邏輯存儲(chǔ)在客戶端，這時(shí)后臺(tái)就是用來(lái)以Web服務(wù)的形式提供數(shù)據(jù)庫(kù)中的數(shù)據(jù)。后端開(kāi)發(fā)者一般需要掌握一種Web編程語(yǔ)言和一個(gè)數(shù)據(jù)庫(kù)管理系統(tǒng)。

你可以同時(shí)掌握前端和后端的技術(shù)，但大多數(shù)Web開(kāi)發(fā)者都還是有一定的喜好偏向，甚至只在某一方面深入研究。盡管前后端是有區(qū)分的，但并沒(méi)有規(guī)定它們各自的具體任務(wù)。有時(shí)前端只是完成數(shù)據(jù)的顯示，而其他主要工作都在后端完成。但也有時(shí)，后端只是提供數(shù)據(jù)，而所有的計(jì)算和具體功能都在前端完成。前后端工作的分配，通常都是由項(xiàng)目的設(shè)計(jì)和架構(gòu)來(lái)決定的。

編程語(yǔ)言

一開(kāi)始一定要分清前端開(kāi)發(fā)和后端開(kāi)發(fā)，我們來(lái)分別介紹一下。 前端 Web應(yīng)用被分類(lèi)歸為分布式應(yīng)用，一般是客戶端——服務(wù)器結(jié)構(gòu)，所以我們有一部分的代碼運(yùn)行在客戶端，另一部分代碼運(yùn)行在服務(wù)器。那些在客戶端上的應(yīng)用就是前端，通常指的就是我們的瀏覽器。最常用于前端開(kāi)發(fā)的技術(shù)是HTML+CSS+JavaScript，高級(jí)的前端開(kāi)發(fā)人員通常使用這些技術(shù)的組合開(kāi)發(fā)應(yīng)用的前端，另一個(gè)前端的常用技術(shù)就是使用Photoshop設(shè)計(jì)，配合其他技術(shù)共同完成Web頁(yè)面的制作

這其實(shí)也沒(méi)有一個(gè)明確的清單，以上只是開(kāi)發(fā)者通常會(huì)想到和使用的語(yǔ)言。那應(yīng)該如何選擇呢？你的選擇應(yīng)該基于以下幾個(gè)方面：工作市場(chǎng)（求職機(jī)會(huì)）、托管服務(wù)、可用的學(xué)習(xí)資源、可用的學(xué)習(xí)時(shí)間、周?chē)拈_(kāi)發(fā)環(huán)境等。

如果你真的想從事開(kāi)發(fā)行業(yè)，找到一個(gè)Web開(kāi)發(fā)的工作，那最重要的選擇因素就是工作市場(chǎng)（求職機(jī)會(huì)），你要分析行業(yè)情況，選擇出一門(mén)要學(xué)習(xí)的編程語(yǔ)言。另一個(gè)重要因素就是托管服務(wù)，比如PHP的托管就要比Java托管便宜很多。而如果你要開(kāi)發(fā)企業(yè)內(nèi)應(yīng)用，Java EE或許就是一個(gè)不錯(cuò)的選擇。但如果你要將你的應(yīng)用上線，Java EE就要比其它語(yǔ)言昂貴很多。

隨著Node.js的流行，JavaScript也變得在后端開(kāi)發(fā)中流行起來(lái)，但它畢竟還是一個(gè)新的、不夠成熟的技術(shù)，不推薦給初學(xué)Web開(kāi)發(fā)的人學(xué)習(xí)和使用。

在我看來(lái)，PHP有著最簡(jiǎn)單的學(xué)習(xí)曲線、便宜的托管服務(wù)、充足的學(xué)習(xí)資源（PHP100就是一個(gè)很好的選擇哦）和相對(duì)簡(jiǎn)單的開(kāi)發(fā)環(huán)境，所以我推薦初級(jí)Web開(kāi)發(fā)者學(xué)習(xí)使用PHP。當(dāng)然，ASP.NET也是一個(gè)不錯(cuò)的選擇，Microsoft提供了很多ASP.NET相關(guān)的學(xué)習(xí)資源和免費(fèi)的開(kāi)發(fā)工具，如果你喜歡Microsoft的環(huán)境，就值得考慮ASP.NET。

新手如何學(xué)習(xí)網(wǎng)站建設(shè)，教你如何制作網(wǎng)站。

建議你要具備的條件：對(duì)電腦熟練操作，使用電腦最好在一年以上，會(huì)打字，懂基本電腦知識(shí)，反正不要太笨就可以了，呵呵。當(dāng)然，這些不是一定必須的。

第一階段：開(kāi)始時(shí)最好是學(xué)些網(wǎng)頁(yè)編輯軟件和基礎(chǔ)網(wǎng)頁(yè)腳本語(yǔ)法，如：Dreamweaver軟件，HTML語(yǔ)法(百度一下：HTML入門(mén))，CSS語(yǔ)法(百度一下：CSS入門(mén))，這樣可以使您更了解網(wǎng)頁(yè)制作與運(yùn)營(yíng)的原理。最好使拿本教程來(lái)學(xué)學(xué)，結(jié)合教程邊學(xué)習(xí)邊制作，這最多花你一周時(shí)間，如果有時(shí)間再學(xué)點(diǎn)javascript腳本語(yǔ)法(百度一下：javascript入門(mén))。

第二階段：會(huì)用網(wǎng)頁(yè)制作軟件和基礎(chǔ)語(yǔ)法后，已會(huì)可以制作一個(gè)較完整的網(wǎng)站了。當(dāng)然為了讓網(wǎng)站做得更漂亮，功能更強(qiáng)大，你就需要學(xué)一些動(dòng)態(tài)編程語(yǔ)言，常用的有ASP,PHP和ASP.NET,推薦后兩種，應(yīng)為ASP再過(guò)一段時(shí)間會(huì)被淘汰，后兩種程序區(qū)別自己上網(wǎng)搜索吧，本人更傾向于學(xué)習(xí).NET，面向?qū)ο?，功能太?qiáng)了，微軟的東西就是強(qiáng)悍。

如果你沒(méi)有精力去學(xué)這些復(fù)雜動(dòng)態(tài)編程語(yǔ)言，你完全可以利用現(xiàn)成的網(wǎng)站管理系統(tǒng)（實(shí)際也叫建站軟件，比如PageAdmin系統(tǒng)、shopex系統(tǒng)、discuz系統(tǒng)等都比較優(yōu)秀），這也是目前比較流行的方法，省時(shí)、省力。

第三階段：結(jié)合你自己已掌握地知識(shí)來(lái)開(kāi)發(fā)網(wǎng)站，可以開(kāi)發(fā)出別人給你定義的目標(biāo)網(wǎng)站。到了這個(gè)時(shí)候，你就成為真正的網(wǎng)站開(kāi)發(fā)者了。

工具1 、網(wǎng)頁(yè)做好了肯定是要發(fā)表上網(wǎng)的，所以必須先申請(qǐng)一個(gè)空間；免費(fèi)的空間不是很穩(wěn)定，容量又小，也不好申請(qǐng)，建議到服務(wù)器公司先買(mǎi)一個(gè)個(gè)人空間，大概有個(gè)20M 以上的就可以了，當(dāng)然也可以在自己電腦上安裝IIS來(lái)模擬服務(wù)器運(yùn)行（這里不詳細(xì)說(shuō)了，有興趣的朋友百度一下相關(guān)知識(shí)，這個(gè)是很容易的）2 、圖片處理軟件推薦firework或photoshop，HTML編輯軟件推薦Dreamweaver，當(dāng)然如果你會(huì)HTML語(yǔ)法，那用計(jì)事本直接編輯會(huì)更高效。

制作開(kāi)始時(shí)建議去下載一個(gè)比較簡(jiǎn)單的網(wǎng)頁(yè)，在制作軟件中將它打開(kāi)，然后仔細(xì)觀察人家的網(wǎng)頁(yè)的構(gòu)成，模仿它去填充各種元素，實(shí)踐中再配合著教城，進(jìn)度會(huì)快很多，記得也牢一些。

其實(shí)做網(wǎng)頁(yè)并不難，但要做出有特色的網(wǎng)頁(yè)來(lái)，那就非一朝一夕之功了

網(wǎng)站設(shè)計(jì)八步驟由于目前所見(jiàn)即所得類(lèi)型的工具越來(lái)越多，使用也越來(lái)越方便，所以制作網(wǎng)頁(yè)已經(jīng)變成了一件輕松的工作，不像以前要手工編寫(xiě)一行行的源代碼那樣。一般初學(xué)者經(jīng)過(guò)短暫的學(xué)習(xí)就可以學(xué)會(huì)制作網(wǎng)頁(yè)，于是他們認(rèn)為網(wǎng)頁(yè)制作非常簡(jiǎn)單，就匆匆忙忙制作自己的網(wǎng)站，可是做出來(lái)之后與別人一比，才發(fā)現(xiàn)自己的網(wǎng)站非常粗糙，這是為什么呢？常言道：“心急吃不了熱豆腐”。建立一個(gè)網(wǎng)站就像蓋一幢大樓一樣，它是一個(gè)系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個(gè)步驟，按部就班地一步步來(lái)，才能設(shè)計(jì)出一個(gè)滿意的網(wǎng)站。

一、確定網(wǎng)站主題網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個(gè)網(wǎng)站必須要有一個(gè)明確的主題。特別是對(duì)于個(gè)人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬(wàn)象。你沒(méi)有這個(gè)能力，也沒(méi)這個(gè)精力，所以必須要找準(zhǔn)一個(gè)自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網(wǎng)站的主題無(wú)定則，只要是你感興趣的，任何內(nèi)容都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。

二、搜集材料明確了網(wǎng)站的主題以后，你就要圍繞主題開(kāi)始搜集材料了。常言道：“巧婦難為無(wú)米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書(shū)、報(bào)紙、光盤(pán)、多媒體上得來(lái)，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁(yè)的素材。

三、規(guī)劃網(wǎng)站一個(gè)網(wǎng)站設(shè)計(jì)得成功與否，很大程度上決定于設(shè)計(jì)者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計(jì)師設(shè)計(jì)大樓一樣，圖紙?jiān)O(shè)計(jì)好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，你只有在制作網(wǎng)頁(yè)之前把這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。也只有如此制作出來(lái)的網(wǎng)頁(yè)才能有個(gè)性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項(xiàng)具體內(nèi)容，我們?cè)谙旅鏁?huì)有詳細(xì)介紹。四、選擇合適的制作工具盡管選擇什么樣的工具并不會(huì)影響你設(shè)計(jì)網(wǎng)頁(yè)的好壞，但是一款功能強(qiáng)大、使用簡(jiǎn)單的軟件往往可以起到事半功倍的效果。網(wǎng)頁(yè)制作涉及的工具比較多，首先就是網(wǎng)頁(yè)制作工具了，目前大多數(shù)網(wǎng)民選用的都是所見(jiàn)即所得的建站系統(tǒng)軟件(前面提到的網(wǎng)站管理系統(tǒng))。除此之外，還有圖片編輯工具，如firework 、Photoshop 等；動(dòng)畫(huà)制作工具，如Flash等；網(wǎng)上有許多這方面的軟件下載，你可以根據(jù)需要靈活運(yùn)用。

4、如果你作好了頁(yè)面，就需要考慮你的網(wǎng)頁(yè)放到什么地方發(fā)表，也就是平常我們說(shuō)的發(fā)表空間，我們學(xué)校的用戶網(wǎng)絡(luò)中心已經(jīng)申請(qǐng)好了空間，大家可以直接使用（有發(fā)布空間的標(biāo)志是你有了FTP 賬號(hào)，這個(gè)需要申請(qǐng)），也可以按我前面說(shuō)的把自己電腦配置為服務(wù)器（需安裝IIS等軟件，這個(gè)自己百度一下）五、制作網(wǎng)頁(yè)材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個(gè)復(fù)雜而細(xì)致的過(guò)程，一定要按照先大后小、先簡(jiǎn)單后復(fù)雜來(lái)進(jìn)行制作。所謂先大后小，就是說(shuō)在制作網(wǎng)頁(yè)時(shí)，先把大的結(jié)構(gòu)設(shè)計(jì)好，然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。所謂先簡(jiǎn)單后復(fù)雜，就是先設(shè)計(jì)出簡(jiǎn)單的內(nèi)容，然后再設(shè)計(jì)復(fù)雜的內(nèi)容，以便出現(xiàn)問(wèn)題時(shí)好修改。在制作網(wǎng)頁(yè)時(shí)要多靈活運(yùn)用網(wǎng)站管理系統(tǒng)后臺(tái)功能，這樣可以大大提高制作效率。

六、上傳測(cè)試網(wǎng)頁(yè)制作完畢，最后要發(fā)布到Web 服務(wù)器上，才能夠讓全世界的朋友觀看，現(xiàn)在上傳的工具有很多，推薦LeapFTP軟件，你可以很方便地把網(wǎng)站發(fā)布到自己制作的網(wǎng)站存放服務(wù)器上。網(wǎng)站上傳以測(cè)試完畢就可以把你的網(wǎng)址告訴給朋友或客戶，讓他們來(lái)瀏覽。

七、推廣宣傳網(wǎng)頁(yè)做好之后，還要不斷地進(jìn)行宣傳，這樣才能讓更多的朋友認(rèn)識(shí)它，提高網(wǎng)站的訪問(wèn)率和知名度。推廣的方法有很多，例如到搜索引擎上注冊(cè)、與別的網(wǎng)站交換鏈接、加入廣告鏈等。

個(gè)人網(wǎng)站的建設(shè)需要注意哪些問(wèn)題？

要領(lǐng)一：確定網(wǎng)站主題

做網(wǎng)站，首先必須要解決的就是網(wǎng)站內(nèi)容問(wèn)題，即確定網(wǎng)站的主題。美國(guó)《個(gè)人電腦》雜志(PC Magazine)評(píng)出了99年度排名前100位的全美知名網(wǎng)站的十類(lèi)題材：第1類(lèi)：網(wǎng)上求職；第2類(lèi)：網(wǎng)上聊天/即時(shí)信息/ICQ；第3類(lèi)：網(wǎng)上社區(qū)/討論/郵件列表；第4類(lèi)：計(jì)算機(jī)技術(shù)；第5類(lèi)：網(wǎng)頁(yè)/網(wǎng)站開(kāi)發(fā)；第6類(lèi)：娛樂(lè)網(wǎng)站；第7類(lèi)：旅行；第8類(lèi)：參考/資訊；第9類(lèi)：家庭/教育；第10類(lèi)：生活/時(shí)尚。我們可以參看上面的分類(lèi)，繼續(xù)細(xì)分。如果自己在某些方面有興趣，或掌握的資料較多，也可以做一個(gè)自己感興趣的東西，一者，你可以有自己的見(jiàn)解，做出自己的特色；二者，在制作網(wǎng)站時(shí)不會(huì)覺(jué)得無(wú)聊或者力不從心。興趣是制作網(wǎng)站的動(dòng)力，沒(méi)有創(chuàng)作熱情，很難設(shè)計(jì)制作出優(yōu)秀的作品。

對(duì)于內(nèi)容主題的選擇，要做到小而精，主題定位要小，內(nèi)容要精。不要去試圖制作一個(gè)包羅萬(wàn)象的站點(diǎn)，這往往會(huì)失去網(wǎng)站的特色，也會(huì)帶來(lái)高強(qiáng)度的勞動(dòng)，給網(wǎng)站的及時(shí)更新帶來(lái)困難。記住：在互聯(lián)網(wǎng)上只有第一，沒(méi)有第二！

要領(lǐng)二：選擇好域名

域名是網(wǎng)站在互聯(lián)網(wǎng)上的名字。一個(gè)非產(chǎn)品推銷(xiāo)的純信息服務(wù)網(wǎng)站，其所有建設(shè)的價(jià)值，都凝結(jié)在其網(wǎng)站域名之上。失去這個(gè)域名，所有前期工作就將全部落空。

目前，做個(gè)人網(wǎng)站的很多都依賴免費(fèi)個(gè)人空間，其域名也是依賴免費(fèi)域名指向，如網(wǎng)易的虛擬域名服務(wù)，其實(shí)這對(duì)個(gè)人網(wǎng)站的推廣與發(fā)展很為不利，不光是它“適時(shí)”開(kāi)啟的窗口妨礙了瀏覽者的視線和好感，讓人一看就知道是個(gè)人網(wǎng)站，而且也妨礙了網(wǎng)頁(yè)的傳輸速度。所以，就我個(gè)人觀點(diǎn)來(lái)說(shuō)，首先花點(diǎn)錢(qián)去注冊(cè)一個(gè)域名，獨(dú)立的域名就是個(gè)人網(wǎng)站的第一筆財(cái)富，要把域名起得形象、簡(jiǎn)單、易記。

要領(lǐng)三：掌握建網(wǎng)工具

網(wǎng)絡(luò)技術(shù)的發(fā)展帶動(dòng)了軟件業(yè)的發(fā)展，所以用于制作Web頁(yè)面的工具軟件也越來(lái)越豐富。從最基本的HTML編輯器到現(xiàn)在非常流行的Flash互動(dòng)網(wǎng)頁(yè)制作工具，各種各樣的Web頁(yè)面制作工具，下面是幾款具有代表性的網(wǎng)頁(yè)制作器：

（1）HTML編輯器。雖然HTML代碼復(fù)雜，編輯和調(diào)試要花費(fèi)大量的時(shí)間，但因HTML的穩(wěn)定性、廣泛支持性及可創(chuàng)建復(fù)雜的頁(yè)面效果，仍受高級(jí)網(wǎng)頁(yè)制作人員的青睞。就目前來(lái)說(shuō)，有眾多的編輯器供選擇，這些編輯器廣泛支持復(fù)雜頁(yè)面創(chuàng)建及高級(jí)HTML規(guī)范，使用較為普遍的有Hotdog等專業(yè)HTML編輯器。

（2）所見(jiàn)即所得的網(wǎng)頁(yè)編輯器。其中以Microsoft Frontpage為代表，它具有如Word一樣的操作界面，熟知Word功能的操作者，只要稍加培訓(xùn)就能輕松編制網(wǎng)頁(yè)。而且，F(xiàn)rontpage還能解析網(wǎng)頁(yè)的HTML源代碼，并提供了預(yù)覽支持。但Frontpage的一些特殊顯示功能并不能在其它非IE瀏覽器下實(shí)現(xiàn)。所以Frontpage是一款非常適合初、中級(jí)網(wǎng)頁(yè)制作人員使用的工具軟件。

（3）現(xiàn)在非常流行的 Macromedia公司出品的Flash互動(dòng)網(wǎng)頁(yè)制作工具。這是是一款功能非常強(qiáng)大的交互式矢量多媒體網(wǎng)頁(yè)制作工具。能夠輕松輸出各種各樣的動(dòng)畫(huà)網(wǎng)頁(yè)，它不需要特別繁雜的操作，也比JAVA小巧精悍！但它的動(dòng)畫(huà)效果、互動(dòng)效果、多媒體效果十分出色。而且還可以在Flash動(dòng)畫(huà)中封裝Mp3音樂(lè)、填寫(xiě)表單等；并且由于Flash編制的網(wǎng)頁(yè)文件比普通網(wǎng)頁(yè)文件要小得多，所以大大加快了瀏覽速度。這是一款十分適合動(dòng)態(tài)Web制作的工具。

另外，個(gè)人網(wǎng)站制作者還需了解W3C的HTML4.0規(guī)范、CSS層疊樣式表的基本知識(shí)、javascript、VBScript的基本知識(shí)。對(duì)于常用的一些腳本程序如ASP、CGI、PHP也要有適當(dāng)了解，還要熟練使用圖形處理工具和動(dòng)畫(huà)制作工具以及矢量繪圖工具，并能部分了解多種圖形圖像動(dòng)畫(huà)工具的基本用法，熟練使用FTP工具以及擁有相應(yīng)的軟硬件和網(wǎng)絡(luò)知識(shí)也是必備的。

當(dāng)然，互聯(lián)網(wǎng)還是一個(gè)免費(fèi)的資料庫(kù)。編制網(wǎng)頁(yè)需要多種多樣的按鈕、背景還有各種各樣圖形、圖片。如果這些都要靠自己完成，既浪費(fèi)時(shí)間又浪費(fèi)金錢(qián)，而且還需要強(qiáng)大的圖形、圖片制作技術(shù)。所以，為了省卻這些麻煩，網(wǎng)站制作者完全可以從網(wǎng)上下載各種精美實(shí)用的圖片、按鈕、背景等網(wǎng)頁(yè)素材。

要領(lǐng)四：確定網(wǎng)站界面

界面就是網(wǎng)站給瀏覽者的第一印象，往往決定著網(wǎng)站的可看性，在確定網(wǎng)站的界面時(shí)要注意以下三點(diǎn)：

①欄目與板塊編排

構(gòu)建一個(gè)網(wǎng)站就好比寫(xiě)一篇論文，首先要列出題綱，才能主題明確、層次清晰。網(wǎng)站建設(shè)初學(xué)者，最容易犯的錯(cuò)誤就是：確定題材后立刻開(kāi)始制作，沒(méi)有進(jìn)行合理規(guī)劃。從而導(dǎo)致網(wǎng)站結(jié)構(gòu)不清晰，目錄龐雜混亂，板塊編排混亂等。結(jié)果不但瀏覽者看得糊里糊涂，制作者自己在擴(kuò)充和維護(hù)網(wǎng)站也相當(dāng)困難。所以，我們?cè)趧?dòng)手制作網(wǎng)頁(yè)前，一定要考慮好欄目和板塊的編排問(wèn)題。

網(wǎng)站的題材確定后，就要將收集到的資料內(nèi)容作一個(gè)合理的編排。比如，將一些最吸引人的內(nèi)容放在最突出的位置或者在版面分布上占優(yōu)勢(shì)地位。欄目的實(shí)質(zhì)是一個(gè)網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主體明確顯示出來(lái)。在制定欄目的時(shí)候，要仔細(xì)考慮，合理安排。在欄目編排時(shí)需要注意的是：

●盡可能刪除那些與主題無(wú)關(guān)的欄目；

●盡可能將網(wǎng)站內(nèi)最有價(jià)值的內(nèi)容列在欄目上；

●盡可能從訪問(wèn)者角度來(lái)編排欄目以方便訪問(wèn)者的瀏覽和查詢；輔助內(nèi)容，如站點(diǎn)簡(jiǎn)介、版權(quán)信息、個(gè)人信息等大可不必放在主欄目里，以免沖淡主題。

另外，板塊的編排設(shè)置也要合理安排與劃分。板塊比欄目的概念要大一些，每個(gè)板塊都有自己的欄目。舉個(gè)例子：ENET硅谷動(dòng)力（）的站點(diǎn)分新聞、產(chǎn)品、游戲、學(xué)院等板塊，每個(gè)板塊下面又各有自己的主欄目。一般來(lái)說(shuō)，個(gè)人站點(diǎn)內(nèi)容較少，只要分個(gè)欄目也就夠了，不需要設(shè)置板塊。如果有必要設(shè)置板塊的，應(yīng)該注意：

●各板塊要有相對(duì)獨(dú)立性；

●各板塊要有相互關(guān)聯(lián)；

●各板塊的內(nèi)容要圍繞站點(diǎn)主題；

②目錄結(jié)構(gòu)與鏈接結(jié)構(gòu)

網(wǎng)站的目錄是指建立網(wǎng)站時(shí)創(chuàng)建的目錄。例如：在用Frontpage建立網(wǎng)站時(shí)都默認(rèn)建立了根目錄和Images子目錄。目錄的結(jié)構(gòu)是一個(gè)容易忽略的問(wèn)題，大多數(shù)站長(zhǎng)都是未經(jīng)規(guī)劃，隨意創(chuàng)建子目錄。目錄結(jié)構(gòu)的好壞，對(duì)瀏覽者來(lái)說(shuō)并沒(méi)有什么太大的感覺(jué)，但是對(duì)于站點(diǎn)本身的維護(hù)，以后內(nèi)容的擴(kuò)充和移植有著重要的影響。所以建立目錄結(jié)構(gòu)時(shí)也要仔細(xì)安排，比如：

●不要將所有文件都存放在根目錄下。有網(wǎng)站制作者為了方便，將所有文件都放在根目錄下。這樣就很容易造成：文件管理混亂，搞不清哪些文件需要編輯和更新，哪些無(wú)用的文件可以刪除，哪些是相關(guān)聯(lián)的文件，影響工作效率；上傳速度變慢，服務(wù)器一般都會(huì)為根目錄建立一個(gè)文件索引，如果將所有文件都放在根目錄下，那么即使只上傳更新一個(gè)文件，服務(wù)器也需要將所有文件再檢索一遍，建立新的索引文件，很明顯，文件量越大，等待的時(shí)間也將越長(zhǎng)。

●按欄目?jī)?nèi)容建立子目錄。子目錄的建立，首先按主欄目建立。友情連接內(nèi)容較多，需要經(jīng)常更新的可以建立獨(dú)立的子目錄。而一些相關(guān)性強(qiáng)，不需要經(jīng)常更新的欄目，例如：網(wǎng)站簡(jiǎn)介、站長(zhǎng)情況等可以合并放在一個(gè)統(tǒng)一目錄下。所有程序一般都存放在特定目錄，例如：CGI程序放在cgi-bin目錄，所有提供下載的內(nèi)容也最好放在一個(gè)目錄下，便于維護(hù)管理。

●在每個(gè)主目錄下都建立獨(dú)立的Images目錄。一般來(lái)說(shuō)，一個(gè)站點(diǎn)根目錄下都有一個(gè)默認(rèn)地Images目錄。將所有圖片都存放在這個(gè)目錄里很是不方便，比如在欄目刪除時(shí)，圖片的管理相當(dāng)麻煩。所以為每個(gè)主欄目建立一個(gè)獨(dú)立的Images目錄是方便管理的。原因很簡(jiǎn)單，就是方便維護(hù)與管理。

其它需要注意的還有：目錄的層次不要太深，不要超過(guò)3層；不要使用中文目錄，使用中文目錄可能對(duì)網(wǎng)址的正確顯示造成困難；不要使用過(guò)長(zhǎng)的目錄，太長(zhǎng)的目錄名不便于記憶；盡量使用意義明確的目錄，以便于記憶和管理。

網(wǎng)站的鏈接結(jié)構(gòu)是指頁(yè)面之間相互鏈接的拓?fù)浣Y(jié)構(gòu)。它建立在目錄結(jié)構(gòu)基礎(chǔ)之上，但可以跨越目錄。形象的說(shuō)：每個(gè)頁(yè)面都是一個(gè)固定點(diǎn)，鏈接則是在兩個(gè)固定點(diǎn)之間的連線。一個(gè)點(diǎn)可以和一個(gè)點(diǎn)連接，也可以和多個(gè)點(diǎn)連接。更重要的是，這些點(diǎn)并不是分布在一個(gè)平面上，而是存在于一個(gè)立體的空間中。一般的，建立網(wǎng)站的鏈接結(jié)構(gòu)有兩種基本方式：

●樹(shù)狀鏈接結(jié)構(gòu)（一對(duì)一），這類(lèi)似DOS的目錄結(jié)構(gòu)，首頁(yè)鏈接指向一級(jí)頁(yè)面，一級(jí)頁(yè)面鏈接指向二級(jí)頁(yè)面。這樣的鏈接結(jié)構(gòu)瀏覽時(shí)，一級(jí)級(jí)進(jìn)入，一級(jí)級(jí)退出，條理比較清晰，訪問(wèn)者明確知道自己在什么位置，不會(huì)“不知身在何處”，但是瀏覽效率低，一個(gè)欄目下的子頁(yè)面到另一個(gè)欄目下的子頁(yè)面，必須回到首頁(yè)再進(jìn)行。

●星狀鏈接結(jié)構(gòu)（一對(duì)多），類(lèi)似網(wǎng)絡(luò)服務(wù)器的鏈接，每個(gè)頁(yè)面相互之間都建立有鏈接。這樣瀏覽比較方便，隨時(shí)可以到達(dá)自己喜歡的頁(yè)面。但是由于鏈接太多，容易使瀏覽者迷路，搞不清自己在什么位置，看了多少內(nèi)容。

因此，在實(shí)際的網(wǎng)站設(shè)計(jì)中，總是將這兩種結(jié)構(gòu)混合起來(lái)使用。網(wǎng)站希望瀏覽者既可以方便快速地達(dá)到自己需要的頁(yè)面，又可以清晰地知道自己的位置。所以，最好的辦法是：首頁(yè)和一級(jí)頁(yè)面之間用星狀鏈接結(jié)構(gòu)，一級(jí)和二級(jí)頁(yè)面之間用樹(shù)狀鏈接結(jié)構(gòu)。關(guān)于鏈接結(jié)構(gòu)的設(shè)計(jì)，在實(shí)際的網(wǎng)頁(yè)制作中是非常重要一環(huán)，采用什么樣的鏈接結(jié)構(gòu)直接影響到版面的布局。

③進(jìn)行形象設(shè)計(jì)

網(wǎng)站的設(shè)計(jì)可以從以下幾點(diǎn)出發(fā)：

●設(shè)計(jì)網(wǎng)站標(biāo)志(LOGO)。LOGO是指網(wǎng)站的標(biāo)志，標(biāo)志可以是中文、英文字母，也可以是符號(hào)、圖案等。標(biāo)志的設(shè)計(jì)創(chuàng)意應(yīng)當(dāng)來(lái)自網(wǎng)站的名稱和內(nèi)容。比如：網(wǎng)站內(nèi)有代表性的人物、動(dòng)物、植物，可以用它們作為設(shè)計(jì)的藍(lán)本，加以卡通化或者藝術(shù)化；專業(yè)網(wǎng)站可以以本專業(yè)有代表的物品作為標(biāo)志。最常用和最簡(jiǎn)單的方式是用自己網(wǎng)站的英文名稱作標(biāo)志，采用不同的字體、字母的變形、字母的組合可以很容易制作好自己的標(biāo)志。

●設(shè)計(jì)網(wǎng)站色彩。網(wǎng)站給人的第一印象來(lái)自視覺(jué)沖擊，不同的色彩搭配產(chǎn)生不同的效果，并可能影響到訪問(wèn)者的情緒?！皹?biāo)準(zhǔn)色彩”是指能體現(xiàn)網(wǎng)站型象和延伸內(nèi)涵的色彩，要用于網(wǎng)站的標(biāo)志，標(biāo)題，主菜單和主色塊。給人以整體統(tǒng)一的感覺(jué)。至于其它色彩也可以使用，但應(yīng)當(dāng)只是作為點(diǎn)綴和襯托，絕不能喧賓奪主。一般來(lái)說(shuō)，一個(gè)網(wǎng)站的標(biāo)準(zhǔn)色彩不超過(guò)3種，太多則讓人眼花繚亂。適合于網(wǎng)頁(yè)標(biāo)準(zhǔn)色的顏色有：藍(lán)色，黃/橙色，黑/灰/白色三大系列色。

●設(shè)計(jì)網(wǎng)站字體。和標(biāo)準(zhǔn)色彩一樣，標(biāo)準(zhǔn)字體是指用于標(biāo)志，標(biāo)題，主菜單的特有字體。一般網(wǎng)頁(yè)默認(rèn)的字體是宋體。為了體現(xiàn)站點(diǎn)的“與眾不同”和特有風(fēng)格，可以根據(jù)需要選擇一些特別字體。制作者可以根據(jù)自己網(wǎng)站所表達(dá)的內(nèi)涵，選擇更貼切的字體。需要說(shuō)明的是：使用非默認(rèn)字體只能用圖片的形式，因?yàn)楹芸赡転g覽者的計(jì)算機(jī)里沒(méi)有安裝特別字體，那么辛苦設(shè)計(jì)制作便可能付之東流了。

●設(shè)計(jì)網(wǎng)站宣傳語(yǔ)。也可以說(shuō)是網(wǎng)站的精神、主題與中心，或者是網(wǎng)站的目標(biāo)，用一句話或者一個(gè)詞來(lái)高度概括。用富有氣勢(shì)的話或詞語(yǔ)來(lái)概括網(wǎng)站，進(jìn)行對(duì)外宣傳，可以收到比較好的結(jié)果。

要領(lǐng)五：確定網(wǎng)站風(fēng)格

“風(fēng)格”是抽象的，是指站點(diǎn)的整體形象給瀏覽者的綜合感受。這個(gè)“整體形象”包括站點(diǎn)的CI（標(biāo)志，色彩，字體，標(biāo)語(yǔ)）、版面布局、瀏覽方式、交互性、文字、語(yǔ)氣、內(nèi)容價(jià)值等等諸多因素，網(wǎng)站可以是平易近人的、生動(dòng)活潑的也可以是專業(yè)嚴(yán)肅的。不管是色彩、技術(shù)、文字、布局，還是交互方式，只要你能由此讓瀏覽者明確分辨出這是你網(wǎng)站獨(dú)有的，這就形成了網(wǎng)站的“風(fēng)格”。

風(fēng)格是有人性的，通過(guò)網(wǎng)站的色彩、技術(shù)、文字、布局、交互方式可以概括出一個(gè)站點(diǎn)的個(gè)性：是粗獷豪放的，還是清新秀麗的；是溫文儒雅的，還是執(zhí)著熱情的；是活潑易變的，還是墨守成規(guī)的。

總之，有風(fēng)格的網(wǎng)站與普通網(wǎng)站的區(qū)別在于：在普通網(wǎng)站上你看到的只是堆砌在一起的信息，你只能用理性的感受來(lái)描述，比如信息量多少，瀏覽速度快慢等；在有風(fēng)格的網(wǎng)站上你可以獲得除內(nèi)容之外的更感性的認(rèn)識(shí)，比如站點(diǎn)的品位，對(duì)瀏覽者的態(tài)度等。

在明確自己想給人以怎樣的印象后，要找出網(wǎng)站中最有特色的東西，就是最能體現(xiàn)網(wǎng)站風(fēng)格的東西。并以它作為網(wǎng)站的特色加以重點(diǎn)強(qiáng)化、宣傳?？傊?，風(fēng)格的形成不是一次定位的，你可以在實(shí)踐中不斷強(qiáng)化、調(diào)整、改進(jìn)。

要領(lǐng)六：有創(chuàng)意的內(nèi)容選擇

好的內(nèi)容選擇需要有好的創(chuàng)意，作為網(wǎng)頁(yè)設(shè)計(jì)制作者，最苦惱的就是沒(méi)有好的內(nèi)容創(chuàng)意。網(wǎng)絡(luò)上的最多的創(chuàng)意即是來(lái)自于虛擬同現(xiàn)實(shí)的結(jié)合。創(chuàng)意的目的是為了更好的宣傳與推廣網(wǎng)站，如果創(chuàng)意很好，卻對(duì)網(wǎng)站發(fā)展毫無(wú)意義，那么，網(wǎng)站設(shè)計(jì)制作者也應(yīng)當(dāng)放棄這個(gè)創(chuàng)意。另外，主頁(yè)內(nèi)容是網(wǎng)站的根本之所在，如果內(nèi)容空洞，即使頁(yè)面制作地再怎樣精美，仍然不會(huì)有多少用戶。從根本上說(shuō)，網(wǎng)站內(nèi)容仍然左右著網(wǎng)站流量，內(nèi)容為王（Content Is King）依然是個(gè)人網(wǎng)站成功的關(guān)鍵。

要領(lǐng)七：推廣自己的網(wǎng)站

網(wǎng)站的營(yíng)銷(xiāo)推廣在個(gè)人網(wǎng)站的運(yùn)行中也占著重要的地位，在推廣個(gè)人網(wǎng)站之前，請(qǐng)確保已經(jīng)做好了以下內(nèi)容：網(wǎng)站信息內(nèi)容豐富、準(zhǔn)確、及時(shí)；網(wǎng)站技術(shù)具有一定專業(yè)水準(zhǔn)，網(wǎng)站的交互性能良好。一般來(lái)說(shuō)，網(wǎng)站的推廣有以下幾種方式：

（1）搜索引擎注冊(cè)與搜索目錄登錄技巧

注冊(cè)著名的搜索引擎站點(diǎn)是在技術(shù)上推廣網(wǎng)站的第一步。注冊(cè)搜索引擎有一定的技巧，像AltaVista、搜索客這樣的搜索引擎，它自動(dòng)收錄提交的網(wǎng)址。另外，注意Meta的使用，不要提交分欄Frame頁(yè)面，大部分搜索引擎不識(shí)別Frame，所以一定要提交有內(nèi)容的Main頁(yè)面。

而像Yahoo、搜狐等搜索目錄網(wǎng)站采用手工方式收錄網(wǎng)址，以保證收錄網(wǎng)站的質(zhì)量，在分類(lèi)查詢時(shí)獲得的信息相關(guān)性比搜索引擎站點(diǎn)（靠Spider自動(dòng)搜索的）更強(qiáng)。由于搜索目錄網(wǎng)站收錄網(wǎng)站的人為因素相對(duì)較多，因此在提交網(wǎng)站時(shí)要注意遵守規(guī)則。如Yahoo要求注冊(cè)站點(diǎn)描述不超過(guò)25個(gè)單詞。在此要注意：將網(wǎng)址提交到最合適的目錄下面，要認(rèn)真詳細(xì)的介紹網(wǎng)站，千萬(wàn)不要有虛假、夸張的成分。

（2）廣告交換技巧

很多個(gè)人站點(diǎn)在相互廣告交換時(shí)都提出了幾個(gè)條件：第一，訪問(wèn)量相當(dāng)；第二，首頁(yè)交換。顯而易見(jiàn)，這種做法是為了充分利用廣告交換。以很多個(gè)人網(wǎng)站的經(jīng)驗(yàn)，當(dāng)與一個(gè)個(gè)人站點(diǎn)交換鏈接時(shí)，對(duì)方把網(wǎng)站的LOGO放到了友情連接一頁(yè)，而不是首頁(yè)時(shí)，很少有訪客會(huì)來(lái)自那里。通常在首頁(yè)，廣告交換才會(huì)有很好的效果。

（3）目標(biāo)電子郵件推廣

使用電子郵件宣傳網(wǎng)址時(shí)，主要有如下技巧：可以使用免費(fèi)郵件列表來(lái)進(jìn)行，只要你申請(qǐng)了免費(fèi)郵件列表服務(wù)，你就可以利用郵件列表來(lái)推廣你的網(wǎng)站；可以通過(guò)收集的特定郵件地址，來(lái)發(fā)送信息到特定的網(wǎng)絡(luò)群體，在特定網(wǎng)絡(luò)群體中推廣自己的網(wǎng)站；發(fā)送HTML格式的郵件，即使其內(nèi)容與接收者關(guān)系不大，也不會(huì)被被當(dāng)作垃圾信件馬上刪掉，人們至少會(huì)留意一下發(fā)送者的地址。不過(guò)，在進(jìn)行郵件推廣的時(shí)候要注意網(wǎng)絡(luò)道德。

要領(lǐng)八：支撐網(wǎng)站日常運(yùn)行

當(dāng)個(gè)人網(wǎng)站做到某一程度，就必須把賺錢(qián)提到議事日程上來(lái)，通常來(lái)說(shuō)，個(gè)人網(wǎng)站獲取資金通常有以下兩個(gè)渠道：

（1）銷(xiāo)售網(wǎng)站的廣告位

要銷(xiāo)售網(wǎng)站的廣告位，一般來(lái)說(shuō)，每日的流量少于1萬(wàn)人次的網(wǎng)站在目前是不會(huì)吸引廣告主的。網(wǎng)站的專業(yè)性及商用性，以往的廣告經(jīng)驗(yàn)，技術(shù)以及設(shè)計(jì)要求等也會(huì)影響到廣告的銷(xiāo)售。

一般來(lái)說(shuō)，WEB廣告的收費(fèi)有三種方式：

①CPM (Cost Per Million/Thousand)

放一個(gè)廣告，它按每1,000人次來(lái)訪問(wèn)站點(diǎn)收費(fèi)。這方法對(duì)網(wǎng)站經(jīng)營(yíng)者最為合適，只要有人瀏覽該網(wǎng)頁(yè)，就得錢(qián)，不管訪問(wèn)者對(duì)廣告有無(wú)反應(yīng)——是否會(huì)看或點(diǎn)擊該廣告。

②點(diǎn)透（Click-through）

通過(guò)Banner廣告點(diǎn)到了廣告商的站點(diǎn)，這才算數(shù)，廣告商青睞這個(gè)，他只為對(duì)自己廣告感興趣的人“套錢(qián)“。網(wǎng)站經(jīng)營(yíng)者就不合適了，據(jù)一些調(diào)查資料表明，只有3%的訪問(wèn)者會(huì)去“CLICK”廣告。

③提成 (Commission)

根據(jù)訪問(wèn)者點(diǎn)擊位于你站點(diǎn)上廣告所帶來(lái)的銷(xiāo)售收入，從中跟做廣告的廠商分成，這種方法對(duì)于網(wǎng)站的經(jīng)營(yíng)者來(lái)說(shuō)，比上面兩個(gè)都更加冒險(xiǎn)。

通常的，個(gè)人網(wǎng)站的廣告收費(fèi)方法往往是第一、第二種方法的結(jié)合，站點(diǎn)和廣告商都可少冒點(diǎn)險(xiǎn)。

（2）與大型網(wǎng)站合作

另外，通過(guò)與大型網(wǎng)站合作，獲取經(jīng)費(fèi)，也可以維持個(gè)人網(wǎng)站的日常運(yùn)行。不過(guò)，個(gè)人網(wǎng)站很容易會(huì)成為商業(yè)網(wǎng)站的附屬品。

有時(shí)間和充沛的體力，再加上對(duì)新技術(shù)和技巧的學(xué)習(xí)和應(yīng)用，你就能為自己在網(wǎng)上建一個(gè)家了。

初學(xué)者如何進(jìn)行網(wǎng)站開(kāi)發(fā)？

一、 注冊(cè)一個(gè)域名

域名是互聯(lián)網(wǎng)網(wǎng)絡(luò)上的一個(gè)名字，在全世界，沒(méi)有重復(fù)的域名。域名的形式是由"."分隔成幾部分組成，如china.com/baidu.com/g.cn等格式。域名一旦被注冊(cè)，除非注冊(cè)人到期后取消，其他人將不能再使用這個(gè)名稱，因此為了保護(hù)域名資源，請(qǐng)盡快注冊(cè)公司名稱，公司簡(jiǎn)稱等相關(guān)域名。

二、購(gòu)買(mǎi)網(wǎng)站空間

網(wǎng)站空間是用來(lái)存放網(wǎng)站內(nèi)容，網(wǎng)站文件，比如網(wǎng)頁(yè)、圖片、音樂(lè)等資料的，提供的網(wǎng)站空間包括虛擬主機(jī)、魔方主機(jī)、VPS主機(jī)、獨(dú)立服務(wù)器等，所有的空間都放置于頂級(jí)電信機(jī)房，全年聯(lián)通率不少于99%，提供7x24x365服務(wù)，保證網(wǎng)站在互聯(lián)網(wǎng)的正常運(yùn)行。

三、建設(shè)網(wǎng)站內(nèi)容

有了域名就相當(dāng)于有了門(mén)牌號(hào)，有了主機(jī)就相當(dāng)于有了房間，接下來(lái)最重要的就是建設(shè)網(wǎng)站內(nèi)容，就等同于裝修房間一樣，在裝修好后才能展示給客戶看?？梢赃x擇自助建站系統(tǒng)來(lái)建設(shè)網(wǎng)站，像pageadmin系統(tǒng)，discuz系統(tǒng)都比較非常適合，

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

當(dāng)擁有以上產(chǎn)品時(shí)，請(qǐng)把域名做指向到虛擬主機(jī)空間，并在虛擬主機(jī)上綁定該域名。另外將制作的網(wǎng)站內(nèi)容通過(guò)FTP工具上傳到網(wǎng)站空間里，這樣當(dāng)客戶輸入域名時(shí)即可正確訪問(wèn)你的網(wǎng)站。

關(guān)于網(wǎng)站建設(shè)初學(xué)者和網(wǎng)站建設(shè)初學(xué)者怎么做的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。