淺析個人網站建設
[摘要] 擁有自己的個人網站，是很多電腦愛好者夢寱以求的，本文詳細分析了建立自己的個人網站的全
過程及註意事項。
[關鍵詞] 個人網站網站形象CI 配色訪問量
隨著計算機的普及和網絡的迅速發展，大量的
公司都建有網站，很多個人也擁有了自己的網站。
但有相當壹部分人在建立自己的個人網站時，由於
缺少專業知識而感到無從下手。其實要建立壹個網
站很容易，但要建立壹個有特色、有個性、有內涵、
有吸引力的網站那就需要作者費壹番腦筋了。在建
立自己的個人網站時，首先要確定自己的立場，選
好網站的主要內容；然後進行構思，對網站進行規
劃，包括素材的搜集整理、網站形象設計、色彩及版
面的設計；接下來動手制作首頁和各個頁面；最後
申請壹個網絡空間，對設計好的網站進行測試並上
傳。
壹、確定網站的主題：
1、題材的選擇
在INTERNET 上，各種各樣的網站非常之多，題
材也千奇百怪，琳瑯滿目，在設計妳自己的網站之
前，壹定要確定妳所要設計的網站的主要方向，這
樣才有利於妳構思，準備素材和搜集資料。
常見的類型有：
1、網上求職
2、網上聊天/ 即時信息/ICQ
3、網上社區/ 討論/ 郵件列表
4、計算機技術
5、網頁/ 網站開發
6、娛樂網站
7、旅行
8、參考/ 資訊
9、家庭/ 教育
10、生活/ 時尚
每個大類裏面還可以分得更細壹點，如教育可以為幼兒教育和成年人教育，按學歷高低可以分中
學教育、高中教育、高等教育等，如娛樂類再分為體
育、電影、音樂等小類，音樂又可以按格式分為
MP3，Mid,Ra 等，按表現形式分古典、現代、搖滾等，
選擇題材註意以下幾點：
①題材最好是妳自己擅長或者喜愛的內容。比
如：妳對籃球感興趣，可以報道最新的比賽情況，動
態報道比分變化，球星訪談，最佳進球視頻等；或者
妳擅長動畫制作，就可以建立壹個動畫制作愛好者
網站，介紹壹些動畫制作軟件的使用方法，各種不
為人知的制作技巧，列舉壹些比較好的作品，提供
動畫制作軟件下載等。這樣在制作時，才不會覺得
無聊或者力不從心，因為如果不是自己所熟悉的方
面，那麽在設計和制作方面都會碰到很多困難，問
題太多，自己就會失去信心，那麽網站設計就無從
談起。另壹方面，興趣是制作網站的動力，如果沒有
興趣，那就會沒有熱情，很難設計制作出傑出的作
品。
②主題要小而精。定位要小，內容要精。如果妳
想制作壹個包羅萬象的站點，把所有妳認為精彩的
東西放在上面，那麽往往會事與願違，給人的感覺
是沒有主題，沒有特色，樣樣有卻樣樣都很膚淺，因
為妳不可能有那麽多的精力去維護它。網站的最大
特點就是新和快，目前最熱門的個人主頁都是天天
更新甚至幾小時更新壹次。最新的調查結果也顯
示，網站上的“主題站”比“萬全站”更受人們喜愛，
就好比專賣站和百貨商店，如果需要買某方面的東
西，肯定會選擇專賣店。
③題材不要太濫或者目標太高。“太濫”是指到
處可見，人人都有的題材；比如軟件下載，免費信息等。這類網站已經有很多了，沒有特色，很難壹下子
獲得成功。“目標太高”是指在這壹題材上已經有非
常優秀，知名度很高的站點，妳要超過它是很困難
的，除非妳下決心和有實力競爭並超過它，因為人
們往往只記得最好的網站。
2、網站的命名
如果妳已經選好題材，有壹個絕妙的主意了，
那我們開始為網站起名字。妳可能認為起名字與網
站設計無關，其實網站名稱也是網站設計的壹部
分，而且是很關鍵的壹個要素。比如：“電腦學習室”
和“電腦之家”顯然是後者簡練，且更富有吸引力；
“迷笛樂園”和“MIDI 樂園”顯然是後者明晰；“兒童
天地”和“中國幼兒園”顯然是後者大氣。我們都知
道PIIICPU 的中文名稱“奔騰”，如果改為“奔跑”，
可能就沒有今天這麽“火”了。和現實生活中壹樣，
網站名稱是否正氣、響亮、易記，對網站的形象和宣
傳推廣也有很大影響。選擇名稱可以從以下幾個方
面入手：
1、名稱要易記。根據中文網站瀏覽者的特點，
除非特定需要，網站名稱最好用中文名稱，不要使
用英文或者中英文混合型名稱。例如：beyond
studio 和超越工作室，後者更親切好記。另外，網
站名稱的字數應該控制在六個字(最好四個字)以
內，比如“XX 閣”“XX 設計室”，四個字的可以用成
語，如“壹網打進”。字數少還有個好處，壹般友情鏈
接的小logo 尺寸是88X31 的大小，而六個字的寬
度是78 左右，適合於其他站點的鏈接排版。
2、名稱要正。這個“正”是指要合法、合理、合
情。不能用反動的、色情的、迷信的，危害社會安全
的名詞語句。
3、名稱要有特色。普通的名稱可以接受，如果
能體現壹定的內涵，將會給瀏覽者更多的視覺沖擊
和空間想象力。比如：音樂前衛，網頁陶吧，天籟絕
音，阿利詩社等。在體現出網站主題的同時，能點出
特色之處。這樣才能第壹時間引起瀏覽者的註意。
二、網站形象(CI)
所謂CI，是借用的廣告術語。(CI 是英文
corporate identity 的縮寫)，意思是通過視覺來
統壹企業的形象。壹個傑出的網站，和實體公司壹
樣，也需要整體的形象包裝和設計。準確的、有創意
的CI 設計，對網站的宣傳推廣有事半功倍的效果。
在您的網站主題和名稱定下來之後，需要思考的就
是網站的CI 形象。
通常可以從以下幾個方面進行考慮：
1、設計網站的標誌(logo)：首先妳需要設計制
作壹個網站的標誌(logo)。就如同商標壹樣，logo是妳站點特色和內涵的集中體現，看見logo 就讓
大家聯想起妳的站點。註意：這裏的logo 不是指
88X31 的小圖標banner，而是網站的標誌。標誌可
以是中文，英文字母，可以是符號，圖案，可以是動
物或者人物等等。比如：soin 是用soim 的英文作
標誌，新浪用字母sina+ 眼睛作為標誌。標誌的設
計創意來自妳網站的名稱和內容。
2、網站中有代表性的對象：如人物、動物、花
草，可以用它們作為設計的藍本，加以卡通化和藝
術化，例如迪斯尼的米老鼠，搜狐的卡通狐貍，鯊威
體壇的籃球鯊魚。
3、網站中有專業性的圖案：可以以本專業有代
表的物品作為標誌。比如中國銀行的銅板標誌，奔
馳汽車的方向盤標誌。
4、最常用和最簡單的方式是用自己網站的英
文名稱作標誌。采用不同的字體，字母的變形，字母
的組合可以很容易制作好自己的標誌。
三、網頁配色
網頁的色彩是樹立網站形象的關鍵之壹，色彩
搭配卻是設計者感到頭疼的問題。網頁的背景、文
字、圖標、邊框、超鏈接等，應該采用什麽樣的顏色，
應該搭配什麽色彩才能最好的表達出預想的內涵，
什麽樣的色彩搭配才能看下來賞心悅目，什麽樣的
色彩搭配能在第壹時間引起瀏覽者的註意而又不
會感覺刺眼呢？
1、顏色的分類
顏色分非彩色和彩色兩類。非彩色是指黑、白、
灰系統色。彩色是指除是非彩色以外的所有色彩。
我們將色彩按“紅→黃→綠→藍→紅”依次過度漸
變，就可以得到壹個色彩環。色環的兩端是暖色調
和冷色調，當中是中間色調。2、色彩的心理感覺。不同的顏色會給瀏覽者不
同的心理感受。
紅色：是壹種激奮的色彩。刺激效果，能使人產
生沖動、憤怒、熱情、活力的感覺。
綠色：介於冷暖兩中色彩的中間，顯得和睦、寧
靜、健康、安全的感覺。它和金黃、淡白搭配，可以產
生優雅、舒適的氣氛。
橙色：也是壹種激奮的色彩，具有輕快、歡欣、
熱烈、溫馨、時尚的效果。
黃色：具有快樂、希望、智慧和輕快的個性，它
的明度最高。藍色：是最具涼爽、清新、專業的色彩。它和白
色混合，能體現柔順、淡雅、浪漫的氣氛(比如：天空
的色彩)
白色：具有潔白、明快、純真、清潔的感受。
黑色：具有深沈、神秘、寂靜、悲哀、壓抑的感
受。
灰色：具有中庸、平凡、溫和、謙讓、中立和高雅
的感受。
3、網頁色彩搭配的原理
①色彩的鮮明性。網頁的色彩要鮮艷，容易引
人註目，但要註意不刺眼，不使人難受。
②色彩的獨特性。要有與眾不同的色彩，使得
大家對妳的印象強烈。
③色彩的合適性。色彩和妳表達的內容氣氛要
適合。如用粉色體現女性站點的柔性。
④色彩的聯想性。不同色彩產生不同的聯想，
藍色想到天空，黑色想到黑夜，紅色想到喜事等，選
擇色彩要和妳網頁的內涵相關聯。
4、網頁色彩搭配的技巧
①用壹種色彩。這裏是指先選定壹種色彩，然
後調整透明度或者飽和度，(說得通俗些就是將色
彩變淡或者加深)，產生新的色彩，用於網頁。這樣
的頁面看起來色彩統壹，有層次感。
②用兩種色彩。先選定壹種色彩，然後選擇它
的對比色。比如在網頁中采用藍色和黃色搭配。整
個頁面色彩豐富但不花稍。
③用壹個色系。簡單的說就是用壹個感覺的色
彩，例如淡藍、淡黃、淡綠或者土黃、土灰、土藍。確
定色彩的方法各人不同，這樣可以給壹種舒服自在
的感覺。
④用黑色和壹種彩色。比如大紅的字體配黑色
的邊框感覺很特殊。
5、在網頁配色中，忌諱的是：
⑤不要將所有顏色都用到，盡量控制在三種色
彩以內。
⑥背景和前文的對比盡量要大，(絕對不要用
花紋繁復的圖案作背景)，以便突出主要文字內容。
四、版面布局和首頁的設計
1、版面布局：
版面指的是瀏覽器看到的完整的壹個頁面(可
以包含框架和層)。因為每個人的顯示器分辨率不
同，所以同壹個頁面的大小可能出現640*480 像
素，800*600 像素，1024*768 像素等不同尺寸。
布局，就是以最適合瀏覽的方式將圖片和文字
排放在頁面的不同位置。壹個好的合理的版面布局
會給讀者帶來壹種清爽的感覺，而非常散或毫無章法的布局會使整個頁面看起來如己糟糟的。比如網
頁的白色背景太虛，則可以加些色塊；版面零散，可
以用線條和符號串聯；左面文字過多，右面則可以
插壹張圖片保持平衡。
常見的布局形式有以下幾種：
看看我們經常用到的版面布局形式：
①“T”結構布局。所謂“T”結構。就是指頁面頂
部為橫條網站標誌+ 廣告條，下方左面為主菜單，
右面顯示內容的布局，因為菜單條背景較深，整體
效果類似英文字母“T”，所以我們稱之為“T”形布
局。這是網頁設計中用的最廣泛的壹種布局方式。
這種布局的優點是頁面結構清晰，主次分明。是初
學者最容易上手的布局方法。缺點是規矩呆板，如
果細節色彩上不註意，很容易讓人“看之無味”。
②“三”型布局。這種布局多用於國外站點，國
內用的不多。特點是頁面上橫向兩條色塊，將頁面
整體分割為四部分，色塊中大多放廣告條。
③“口”型布局。將整個頁面圍成方框形狀，就
是頁面壹般上下各有壹個廣告條，左面是主菜單，
右面放友情連接等，中間是主要內容。這種布局的
優點是充分利用版面，信息量大。缺點是頁面擁擠，
不夠靈活。也有將四邊空出，只用中間的窗口型設
計，例如網易壁紙站。
④“對稱對比”布局。顧名思義，采取左右或者
上下對稱的布局，壹半深色，壹半淺色，壹般用於設
計型站點。優點是視覺沖擊力強，缺點是將兩部分
有機的結合比較困難。
⑤“POP”布局。POP 引自廣告術語，就是指頁面
布局象壹張宣傳海報，以壹張精美圖片作為頁面的
設計中心。常用於時尚類站點，比如www.elle.
com。優點顯而易見：漂亮吸引人。缺點就是速度慢。
2、首頁設計：
有這麽壹句俗語：“好的開始是成功的壹半”。
在網站設計上也是如此，首頁的設計是壹個網站成
功與否的關鍵。人們往往看到第壹頁就已經對妳的
站點有壹個整體的感覺。是不是能夠促使瀏覽者繼
續點擊進入，是否能夠吸引瀏覽者留在站點上，全
憑首頁設計的“功力”了。所以，首頁的設計和制作
是絕對要重視和花心思的。
在設計壹個網站的首頁時，要註意以下幾點：
①首頁上不要擺放太多或太大的圖片。因為圖
片太大或太多，那麽載入的時間肯定會過長，瀏覽
者沒有這個耐心繼續等待。
②首頁上的內容不要過於空洞和形式化。內容
太少或字體過大等都是壹種缺陷(當然也有個別網
站為了加快載入速度而只在首頁上放壹個導航欄或圖片，但這種網站如果不是必須要打開，大部分
人都會覺得這個網站什麽也沒有，或者覺得頁面太
深太麻煩)
③網站的首頁也不能太枯燥、太死板。如果壹
個網站的首頁只有純粹的文字，沒有任何圖片、動
畫、音樂或動態效果，想念瀏覽者在看了第壹次之
後就不會第二次光臨了，所以首頁壹定要圖文並
茂，選擇壹個容易上口能突出主題的宣傳語，再配
上簡單的音樂或動態效果，這樣才能增加吸引力。
④在首頁上要突出網站的獨特的風格。讓瀏覽
者在看了妳的網站之後，在心底裏這樣認為：“這個
站點很cool，很有個性!”，那這樣就能在瀏覽者心
理產生深刻的印象。
五、網站設計與測試
1、網站的具體設計
對網站進行規劃之後就開始進行具體的設計
工作，選擇壹個自己熟悉的軟件做為設計的工具，
這樣就能事半功倍。常用的網頁設計軟件有：
FrontPage,DreamWeavr,HotDog 等。如果是團隊合
作的話，就進行分工，每個人負責壹些頁面或者每
個人負責壹個版塊，有條不紊的進行設計，最後組
合成壹個整體。
2、網站測試
整個網站的所有頁面全部設計好之後，在上傳
之前必須進行綜合測試，這個步驟是非常重要的，
因為不同的瀏覽器或瀏覽器的不同版本，不同的分
辨率下所看到的結果是不相同的，有些頁面，在自
己的機器上能正常顯示，但換壹個環境，改變了分
辨率則頁面可能嚴重變形，變得亂七八糟，所以每
個頁面都必須在不同的分辨率和不同的瀏覽器中
進行測試，並修正。
六、網站空間的申請
如果要將設計好的網站放到INTERNET 上，必
須申請壹個主頁空間，網絡上的主頁可以分靜態的
和動態的。靜態主頁空間大部分都是免費的，但不
支持ASP 等；動態主頁空間壹般都要收費。作為個人網站，壹般選擇免費主頁空間比較實際(當然對
於經濟條件許可的可以選擇收費空間)，但需要動
態交換數據或支持ASP、CGI、PHP 等技術，則需要購
買具有這些功能的主頁空間。
在申請主頁空間的時候還應註意以下幾點：
①穩定：申請主頁空間的服務器必須是比較知
名或比較可靠的，不要因為服務器的原因讓別人訪
問不到妳的網站。
②不要有彈出窗口：有些免費空間會彈出壹些
廣告窗口，那樣會使瀏覽者比較反感，影響網站的
訪問量和質量。
③申請的空間最好大壹點：空間太少存放的內
容也少壹點，如果網站內容比較多，則整個網站的
內容無法存放下去，網頁就無法打開，網站也不能
正常運行。
七、上傳網站
主頁空間申請成功以後，就可以將自己的網站
上傳，在申請空間的時間，服務器會提供登陸的帳
號和密碼( 壹定記住)。常用的FTP 軟件有：
CUTEFTP，FTP 等。進入界面後單擊“連接”的按鈕，
然後輸入妳申請空間的服務器的地址，再輸入進入
的密碼，即可自動進行連接，連接成功後選擇要上
傳的文件夾，單擊“上傳”按鈕。
全部上傳後，打開自己的網站，逐個檢查各個
頁面是否能夠正常打開，所有的連接是否正確，發
現錯誤並進行修改。
〔參考資料〕
〔1〕胡曉天等dreamweaver mx2004 網站設計標準
案例教程〔M〕〔北京〕機械工業出版社2005.6
〔2〕唐建平等ASP 程序設計實用教程〔M〕〔北
京〕人民郵電出版社2005.5
〔3〕趙英傑中文版Dreamweavr MX2004 網頁設
計寶典〔M〕〔北京〕海洋出版社
寧輝華：淺析個人網站建設