專業(yè)的計算機和網(wǎng)絡技術(shù)人員可以利用自己在某一領(lǐng)域的技能和特長輕松制作網(wǎng)頁，但是大量的互聯(lián)網(wǎng)菜鳥是如何制作個人主頁和個人網(wǎng)站的呢？

我大致總結(jié)了以下幾點，希望能給對這方面缺乏基本了解的朋友們提供一些幫助。如果你是一個經(jīng)常上網(wǎng)的網(wǎng)蟲，對如何建站感興趣，請繼續(xù)閱讀，否則推來客網(wǎng)站制作公司建議你使用某些網(wǎng)站推出的傻瓜式個人網(wǎng)頁或聘請專業(yè)網(wǎng)頁制作公司給你做，沒必要自己做。

1、建立個人網(wǎng)站，首先要了解HTML這種制作網(wǎng)頁的基本語言，剛?cè)腴T，大概需要一兩個小時。

2、學習使用目前流行的網(wǎng)頁制作軟件，如Frontpage、Dreamweaver等功能強大、所見即所得的軟件，只需要初步了解即可，不需要全部掌握。

3、廣泛瀏覽網(wǎng)上各種網(wǎng)頁，一開始最好下載一些比較簡單的個人網(wǎng)頁，因為他們使用的技術(shù)比較簡單，可以用網(wǎng)頁制作軟件打開學習。那么建議瀏覽一些專業(yè)的網(wǎng)頁設計網(wǎng)站，學習一些布局經(jīng)驗，下載一些適合自己應用的網(wǎng)頁結(jié)構(gòu)模板。

4.確定網(wǎng)站的主題。我個人不主張從一開始就把建軟件百科、書店等作為網(wǎng)站的主題，因為第一，你不夠?qū)I(yè)，網(wǎng)上類似的軟件太多了，別人做不到從您的網(wǎng)站下載。其次，這類網(wǎng)站需要巨大的首頁空間。這么大的空間你不僅一開始申請不了，你也不可能經(jīng)常上傳維護。網(wǎng)站的主題應該有自己的個人特點。如果你實在拿不準，我建議你建立一個私人門戶網(wǎng)站，把你經(jīng)常訪問的網(wǎng)站做一個更全面的鏈接。

5、網(wǎng)頁上最好不要使用特殊的顏色和字體，因為每個人使用的電腦不同，特殊的顏色和字體可能別人看不到。

6、在網(wǎng)頁中加入漂亮的圖片是必不可少的。我建議，如果你會用一些專業(yè)的繪圖軟件，最好自己做。這將有自己的特點。放一些私照也是可以的，但是切記各種圖一定要優(yōu)化。減少其存儲大小。提醒不要在每個頁面放太多圖片，因為一來會讓網(wǎng)頁看起來很亂，二來會讓你的網(wǎng)頁顯示速度太慢。常用的圖片制作軟件有Photoshop、Fireworks等。

7、可以在網(wǎng)頁上使用一些動畫和特效來增加主頁的美觀和功能。動畫可以在網(wǎng)上找到，最好自己制作。 GIF 格式是最常用的格式，可以使用友立的Gig Animator 軟件制作。目前，F(xiàn)lash動畫很流行。變化多，體積小，缺點是部分電腦的瀏覽器默認沒有安裝Flash瀏覽軟件，部分電腦用戶看不到Flash。 Internet 上還有許多免費的Javascript。像圖片，我建議不要在每個頁面放太多的動畫和特效。

8、網(wǎng)頁基本完成后，在網(wǎng)上尋找免費的主頁空間，根據(jù)主機的速度，提供的空間大小，是否有基本的CGI功能，提供的域名是否容易記住。所謂CGI就是指宿主服務器。一般可以申請免費的專柜，留言板等。找一個速度快，首頁存儲空間大，域名簡單的網(wǎng)站來存放你的網(wǎng)頁。

9、接下來就是將網(wǎng)頁上傳到你申請的服務器上。具體的上傳方式在申請首頁空間的時候就知道了。您可以使用您用來制作網(wǎng)頁的軟件。我個人推薦使用CuteFTP Pro上傳。這個軟件功能強大。簡單易用。

10. 好了，現(xiàn)在你的網(wǎng)站已經(jīng)建立好了，可以通知你的朋友瀏覽一下，把你的個人網(wǎng)站打印在名片上，想宣傳一下你的網(wǎng)站嗎？然后你就可以到各大搜索網(wǎng)站登錄你的新站了，比如雅虎、搜狐、新浪等知名網(wǎng)站。也可以向其他網(wǎng)站申請友情鏈接，到一些提供鏈接交換的網(wǎng)站申請廣告交換，比如太極鏈、酷站等。做這一步的時候，需要制作兩個廣告圖片尺寸為468X60 和88X31。動畫最好，存儲大小要保持在10k以下。

11、如果你的網(wǎng)站還想賺點小錢，可以去一些商業(yè)網(wǎng)站申請廣告鏈接，做廣告。一般是根據(jù)你的網(wǎng)頁到他們網(wǎng)頁的點擊次數(shù)來算錢的。

12、最后提醒各位未來的站長，你們的網(wǎng)站一定不要發(fā)布任何明顯違背國內(nèi)政治的內(nèi)容。另外，如果網(wǎng)站內(nèi)容與性有關(guān)，可以大大增加瀏覽量，但不要發(fā)布色情內(nèi)容。雖然它沒有那么反動的性質(zhì)，但它仍然存在問題。建議邊玩邊玩，提供一些性教育，性知識，愛和愛的內(nèi)容無傷大雅。

隨著網(wǎng)絡技術(shù)的不斷發(fā)展，網(wǎng)絡應用已經(jīng)滲透到人類社會的各個角落。網(wǎng)站作為網(wǎng)絡世界的支撐點，是人們關(guān)注的焦點：政府通過網(wǎng)站宣傳政策方案，日益成為與民眾溝通的直通車；企業(yè)利用網(wǎng)站宣傳形象，挖掘無限商機；個性，打造彼此溝通的橋梁。越來越多的人希望擁有一個網(wǎng)站，在網(wǎng)絡世界中開辟一片天地。如何設計一個優(yōu)秀的網(wǎng)站？

關(guān)于這個問題，人們已經(jīng)討論了很多，可以討論的東西也很多。再加上網(wǎng)絡技術(shù)的飛速發(fā)展，很難得出一個絕對權(quán)威正確的設計思路。

，根據(jù)自己的設計體會，總結(jié)出以下基本設計思路：

一、定位網(wǎng)站的主題和名稱

網(wǎng)站的主題也就是網(wǎng)站的題材，網(wǎng)站設計開始首先遇到的問題。網(wǎng)站題材千奇百怪,琳瑯滿目，只要想的到，就可以把它制作出來。下面是美國《個人電腦》雜志(PC Magazine)評出的99年度排名前100位的全美知名網(wǎng)站的十類題材：

第1類：網(wǎng)上求職

第2類：網(wǎng)上聊天／即時信息/ ICQ

第3類：網(wǎng)上社區(qū)／討論/郵件列表

第4類：計算機技術(shù)

第5類：網(wǎng)頁/網(wǎng)站開發(fā)

第6類：娛樂網(wǎng)站

第7類：旅行

第8類：參考/資訊

第9類：家庭/教育

第10類：生活/時尚

每個大類都可以繼續(xù)細分，比如娛樂類再分為體育/電影/音樂等小類，音樂又可以按格式分為MP3，VQF，Ra等，按表現(xiàn)形式分古典，現(xiàn)代，搖滾等。同時，各個題材相聯(lián)系和交叉結(jié)合可以產(chǎn)生新得題材，例如旅游論壇(旅游+討論)，經(jīng)典入球播放(足球+影視)按這樣分下去，題材可以有成千上萬種。這么多題材，如何選擇呢？
遵循的原則如下：

1、主題要小而精

定位要小，內(nèi)容要精。如果你想制作一個包羅萬象的站點，把所有你認為精彩的東西都放在上面，那么往往會事與愿違，給人的感覺是沒有主題，沒有特色，樣樣有，卻樣樣都很膚淺，因為你不可能有那么多的精力去維護它。網(wǎng)站的最大特點就是新和快，目前最熱門的個人主頁都是天天更新甚至幾小時更新一次。最新的調(diào)查結(jié)果也顯示，網(wǎng)絡上的"主題站"比"萬全站"更受人們喜愛，就好比專賣店和百貨商店，如果我需要買某一方面的東西，肯定會選擇專買店。

2、題材最好是你自己擅長或者喜愛的內(nèi)容

比如：你擅長編程，就可以建立一個編程愛好者網(wǎng)站；對足球感興趣，可以報道最新的戰(zhàn)況，球星動態(tài)等。這樣在制作時，才不會覺得無聊或者力不從心。興趣是制作網(wǎng)站的動力，沒有熱情，很難設計制作出優(yōu)秀的網(wǎng)站。

3、題材不要太濫或者目標太高。

"太濫"是指到處可見，人人都有的題材；比如軟件下載，免費信息。"目標太高"是指在這一題材上已經(jīng)有非常優(yōu)秀，知名度很高的站點，你要超過它是很困難的。

如果題材已經(jīng)確定以后，就可以圍繞題材給網(wǎng)站起一個名字。網(wǎng)站名稱，也是網(wǎng)站設計的一部分，而且是很關(guān)鍵的一個要素。你來看，"電腦學習室"和"電腦之家"顯然是后者簡練；"迷笛樂園"和"MIDI樂園"顯然是后者明晰；"兒童天地"和"中國幼兒園"顯然是后者大氣。我們都知道PIII的中文名稱"奔騰"，如果改為"奔跑"，可能就沒有今天這么"火"了。和現(xiàn)實生活中一樣，網(wǎng)站名稱是否正氣，響亮，易記，對網(wǎng)站的形象和宣傳推廣也有很大影響。
我的建議是：

1、名稱要正

其實就是要合法，和理，和情。不能用反動的，色情的，迷信的，危害社會安全的名詞語句。

2、名稱要易記
最好用中文名稱，不要使用英文或者中英文混合型名稱。另外，網(wǎng)站名稱的字數(shù)應該控制在六個字(最好四個字)以內(nèi)，四個字的也可以用成語。字數(shù)少還有個好處，適合于其他站點的鏈接排版。

3、名稱要有特色

名稱平實就可以接受，如果能體現(xiàn)一定的內(nèi)涵，給瀏覽者更多的視覺沖擊和空間想象力，則為上品。例如：音樂前衛(wèi)，網(wǎng)頁陶吧，e書時空等。在體現(xiàn)出網(wǎng)站主題的同時，能點出特色之處。

二、定位網(wǎng)站的CI形象

所謂CI(corporate identity)，意思是通過視覺來統(tǒng)一企業(yè)的形象。一個杰出的網(wǎng)站，和實體公司一樣，需要整體的形象包裝和設計。準確的，有創(chuàng)意的CI設計，對網(wǎng)站的宣傳推廣有事半功倍的效果。
具體的做法是：

1、設計網(wǎng)站的標志(logo)

就如同商標一樣，標志是你站點特色和內(nèi)涵的集中體現(xiàn)，看見標志就讓大家聯(lián)想起你的站點。標志的設計創(chuàng)意來自你網(wǎng)站的名稱和內(nèi)容：

(1)網(wǎng)站有代表性的人物、動物、花草等，可以用它們作為設計的藍本，加以卡通化和藝術(shù)化，例如迪斯尼的米老鼠，搜狐的卡通狐貍等等。

(2)網(wǎng)站有專業(yè)性的，可以以本專業(yè)有代表的物品作為標志。比如中國銀行的銅板標志，奔馳汽車的方向盤標志等等。

(3)最常用和最簡單的方式是用自己網(wǎng)站的英文名稱作標志。采用不同的字體，字母的變形，字母的組合可以很容易制作好自己的標志。

2、設計網(wǎng)站的標準色彩

網(wǎng)站給人的第一印象來自視覺沖擊，確定網(wǎng)站的標準色彩是相當重要的一步。不同的色彩搭配產(chǎn)生不同的效果，并可能影響到訪問者的情緒。舉個實際的例子就明白了：IBM的深藍色，肯得基的紅色條型，windows視窗標志上的紅藍黃綠色塊，都使我們覺得很貼切，很和諧。"標準色彩"是指能體現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的色彩。一般來說，一個網(wǎng)站的標準色彩不超過3種，太多則讓人眼花繚亂。標準色彩要用于網(wǎng)站的標志，標題，主菜單和主色塊。給人以整體統(tǒng)一的感覺。至于其它色彩也可以使用，只是作為點綴和襯托，絕不能喧賓奪主。適合于網(wǎng)頁標準色的顏色有：藍色，黃/橙色，黑/灰/白色三大系列色，要注意色彩的合理搭配。

3、設計網(wǎng)站的標準字體

和標準色彩一樣，標準字體是指用于標志，標題，主菜單的特有字體。一般我們網(wǎng)頁默認的字體是宋體。為了體現(xiàn)站點的"與眾不同"和特有風格，我們可以根據(jù)需要選擇一些特別字體。例如，為了體現(xiàn)專業(yè)可以使用粗仿宋體，體現(xiàn)設計精美可以用廣告體，體現(xiàn)親切隨意可以用手寫體等等。

4、設計網(wǎng)站的宣傳標語

也可以說是網(wǎng)站的精神，網(wǎng)站的目標。用一句話甚至一個詞來高度概括。類似實際生活中的廣告金句。例如：鵲巢的"味道好極了"；麥斯威爾的"好東西和好朋友一起分享"；Intel的"給你一顆奔騰的心"等等。

三、確定網(wǎng)站的欄目

建立一個網(wǎng)站好比寫一篇文章，首先要擬好提綱，文章才能主題明確，層次清晰。如果網(wǎng)站結(jié)構(gòu)不清晰，目錄龐雜，內(nèi)容東一塊西一塊。結(jié)果不但瀏覽者看得糊涂，自己擴充和維護網(wǎng)站也相當困難。網(wǎng)站的題材確定后，并且收集和組織了許多相關(guān)的資料內(nèi)容，但如何組織內(nèi)容才能吸引網(wǎng)友們來瀏覽網(wǎng)站呢？欄目的實質(zhì)是一個網(wǎng)站的大綱索引，索引應該將網(wǎng) 站的主體明確顯示出來。一般的網(wǎng)站欄目安排要注意以下幾方面：

1、要緊扣主題

將你的主題按一定的方法分類并將它們作為網(wǎng)站的主欄目。主題欄目個數(shù)在總欄目中要占絕對優(yōu)勢，這樣的網(wǎng)站顯的專業(yè)，主題突出，容易給人留下深刻印象。

2、設立最近更新或網(wǎng)站指南欄目

設立"最近更新"的欄目，是為了照顧常來的訪客，讓你的主頁更有人性化。如果主頁內(nèi)容龐大，層次較多，而又沒有站內(nèi)的搜索引擎，設置"本站指南"欄目，可以幫助初訪者快速找到他們想要的內(nèi)容。

3、設立可以雙向交流的欄目

比如論壇，留言本，郵件列表等，可以讓瀏覽者留下他們的信息。

4、設立下載或常見問題回答欄目

網(wǎng)絡的特點是信息共享。如在你主頁上設置一個資料下載欄目，便于訪問者下載所需資料。另外，如果站點經(jīng)常收到網(wǎng)友關(guān)于某方面的問題來信，最好設立一個常見問題回答的欄目，既方便了網(wǎng)友，也可以節(jié)約自己更多時間。

四、確定網(wǎng)站的目錄結(jié)構(gòu)

網(wǎng)站的目錄是指你建立網(wǎng)站時創(chuàng)建的目錄。例如：在用frontpage98建立網(wǎng)站時都默認建立了根目錄和images(存放圖片)子目錄。目錄結(jié)構(gòu)的好壞，對瀏覽者來說并沒有什么太大的感覺，但是對于站點本身的上傳維護，內(nèi)容未來的擴充和移植有著重要的影響。下面是建立目錄結(jié)構(gòu)的一些建議：

1、不要將所有文件都存放在根目錄下，會造成文件管理混亂

你常常搞不清哪些文件需要編輯和更新，哪些無用的文件可以刪除，哪些是相關(guān)聯(lián)的文件，影響工作效率。另外，上傳速度慢。服務器一般都會為根目錄建立一個文件索引。當您將所有文件都放在根目錄下，那么即使你只上傳更新一個文件，服務器也需要將所有文件再檢索一遍，建立新的索引文件。很明顯，文件量越大，等待的時間也將越長。所以，盡可能減少根目錄的文件存放數(shù)。

2、按欄目內(nèi)容建立子目錄

子目錄的建立，首先按主菜單欄目建立。例如:企業(yè)站點可以按公司簡介，產(chǎn)品介紹，價格，在線定單，反饋聯(lián)系等建立相應目錄。其他的次要欄目，類似what's new，友情連接內(nèi)容較多，需要經(jīng)常更新的可以建立獨立的子目錄。而一些相關(guān)性強，不需要經(jīng)常更新的欄目，例如：關(guān)于本站，關(guān)于站長，站點經(jīng)歷等可以合并放在一個統(tǒng)一目錄下。所有程序一般都存放在特定目錄。例如：CGI程序放在cgi-bin目錄。所有需要下載的內(nèi)容也最好放在一個目錄下。

3、在每個主欄目目錄下都建立獨立的images目錄

為每個主欄目建立一個獨立的images目錄是最方便管理的。而根目錄下的images目錄只是用來放首頁和一些次要欄目的圖片。

4、目錄的層次不要太深

目錄的層次建議不要超過3層，維護管理方便。

5、不要使用中文目錄

6、不要使用過長的目錄

五、確定網(wǎng)站的鏈接結(jié)構(gòu)

網(wǎng)站的鏈接結(jié)構(gòu)是指頁面之間相互鏈接的拓撲結(jié)構(gòu)。它建立在目錄結(jié)構(gòu)基礎(chǔ)之上，但可以跨越目錄。建立網(wǎng)站的鏈接結(jié)構(gòu)有兩種基本方式：

1、樹狀鏈接結(jié)構(gòu)

類似DOS的目錄結(jié)構(gòu)，首頁鏈接指向一級頁面，一級頁面鏈接指向二級頁面。這樣的鏈接結(jié)構(gòu)瀏覽時，一級級進入，一級級退出。優(yōu)點是條理清晰，訪問者明確知道自己在什么位置，不會"迷"路。缺點是瀏覽效率低，一個欄目下的子頁面到另一個欄目下的子頁面，必須繞經(jīng)首頁。

2、星狀鏈接結(jié)構(gòu)

類似網(wǎng)絡服務器的鏈接，每個頁面相互之間都建立有鏈接。這種鏈接結(jié)構(gòu)的優(yōu)點是瀏覽方便，隨時可以到達自己喜歡的頁面。缺點是鏈接太多，容易使瀏覽者迷路，搞不清自己在什么位置，看了多少內(nèi)容。

這兩種基本結(jié)構(gòu)都只是理想方式，在實際的網(wǎng)站設計中，總是將這兩種結(jié)構(gòu)混合起來使用，達到比較理想的效果。比較好的方案是：首頁和一級頁面之間用星狀鏈接結(jié)構(gòu)，一級和以下各級頁面之間用樹狀鏈接結(jié)構(gòu)。

六、設計網(wǎng)站的整體風格

風格(style)是抽象的，是指站點的整體形象給瀏覽者的綜合感受。這個"整體形象"包括站點的CI(標志，色彩，字體，標語)，版面布局，瀏覽方式，交互性，文字，語氣，內(nèi)容價值，存在意義，站點榮譽等等諸多因素。舉個例子：我們覺得網(wǎng)易是平易近人的，迪斯尼是生動活潑的，IBM是專業(yè)嚴肅的，這些都是網(wǎng)站給人們留下的不同感受。

風格是獨特的，是站點不同與其他網(wǎng)站的地方?；蛘呱?，或者技術(shù)，或者是交互方式，能讓瀏覽者明確分辨出這是你的網(wǎng)站獨有的。例如新世紀網(wǎng)絡的黑白色,網(wǎng)易壁紙站的特有框架,即使你只看到其中一頁，也可以分辨出是哪個網(wǎng)站的。

風格是有人性的。通過網(wǎng)站的外表，內(nèi)容，文字，交流可以概括出一個站點的個性，情緒。是溫文儒雅，是執(zhí)著熱情，是活潑易變,是放任不羈。像詩詞中的"豪放派"和"婉約派"，你可以用人的性格來比喻站點。如何樹立網(wǎng)站風格呢？我們可以分這樣幾個步驟：

1、確信風格是建立在有價值內(nèi)容之上

一個網(wǎng)站有風格而沒有內(nèi)容，就好比繡花枕頭一包草，好比一個性格傲慢但卻目不識丁的人。你首先必須保證內(nèi)容的質(zhì)量和價值性，這是最基本的。

2、你需要徹底搞清楚自己希望站點給人的印象是什么

可以從這幾方面來理清思路：

a.如果只用一句話來描述你的站點，應該是:()
參考答案：有創(chuàng)意，專業(yè)，有(技術(shù))實力，有美感，有沖擊力

b.想到你的站點，可以聯(lián)想到的色彩是：()
參考答案：熱情的紅色，幻想的天藍色，聰明的金黃色

c.想到你的站點，可以聯(lián)想到的畫面是：()
參考答案：一份早報，一輛法拉利跑車，人群擁擠的廣場，雜貨店

d.如果網(wǎng)站是一個人，他擁有的個性是：()
參考答案：思想成熟的中年人，狂野奔放的牛仔，自信憨厚的創(chuàng)業(yè)者

e.作為站長，你希望給人的印象是：()
參考答案：敬業(yè)，認真投入，有深度，負責，純真，直爽，淑女

f.用一種動物來比喻，你的網(wǎng)站最像：()
參考答案：貓(神秘高貴)，鷹(目光銳利)，兔子(聰明敏感)，獅子(自信威信)

g.瀏覽者覺得你和其他網(wǎng)站的不同是：()
參考答案：可以信賴，信息最快，交流方便，

h.瀏覽者和你交流合作的感受是：()
參考答案：師生，同事，朋友，長幼。
你可以自己先填寫一份答案，然后讓其他網(wǎng)友填寫。比較后的結(jié)果會告訴你：你網(wǎng)站現(xiàn)在的差距，弱點及需要改進的地方。

3、在明確自己的網(wǎng)站印象后，開始努力建立和加強這種印象
經(jīng)過第二步印象的"量化"后，你需要進一步找出其中最有特色特點的東西，就是最能體現(xiàn)網(wǎng)站風格的東西。并以它作為網(wǎng)站的特色加以重點強化，宣傳。以下做法可作參考：

(1)將你的標志logo,盡可能的出現(xiàn)在每個頁面上?；蛘唔撁?，或者頁腳，或則背景。

(2)突出你的標準色彩。文字的鏈接色彩，圖片的主色彩，背景色，邊框等色彩盡量使用與標準色彩一致的色彩。

(3)突出你的標準字體。在關(guān)鍵的標題，菜單，圖片里使用統(tǒng)一的標準字體。

(4)想一條朗朗上口宣傳標語。把它做在你的banner里，或者放在醒目的位置，告訴大家你的網(wǎng)站的特色是...。

(5)使用統(tǒng)一的語氣和人稱。即使是多個人合作維護，也要讓讀者覺得是同一個人寫的。

(6)使用統(tǒng)一的圖片處理效果。比如，陰影效果的方向，厚度，模糊度都必須一樣。

(7)創(chuàng)造一個你的站點特有的符號或圖標。

(8)用自己設計的花邊，線條，點。

(9)展示你網(wǎng)站的榮譽和成功作品。

(10)告訴網(wǎng)友關(guān)于你的真實的故事和想法。風格的形成不是一次定位的，你可以在實踐中不斷強化，調(diào)整，修飾。

我們專注高端建站，小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復、物聯(lián)網(wǎng)開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經(jīng)驗，每一個項目承諾做到滿意為止，多一次對比，一定讓您多一份收獲！