如何建立一個(gè)網(wǎng)站

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

2、，在制作網(wǎng)站時(shí)不會(huì)覺得無聊或者力不從心。 興趣是 制作網(wǎng)站的動(dòng)力，沒有創(chuàng)作熱情，很難設(shè)計(jì)制作出優(yōu)秀的作品。對(duì)于內(nèi)容主題的選擇， 要做到小而精， 主題定位要小， 內(nèi)容要精。 不要去試圖制 作一個(gè)包羅萬象的站點(diǎn)， 這往往會(huì)失去網(wǎng)站的特色， 也會(huì)帶來高強(qiáng)度的勞動(dòng)， 給 網(wǎng)站的及時(shí)更新帶來困難。記?。涸诨ヂ?lián)網(wǎng)上只有第一，沒有第二！ 要領(lǐng)二：選擇好域名 域名是網(wǎng)站在互聯(lián)網(wǎng)上的名字。 一個(gè)非產(chǎn)品推銷的純信息服務(wù)網(wǎng)站， 其所有建設(shè) 的價(jià)值，都凝結(jié)在其網(wǎng)站域名之上。 失去這個(gè)域名，所有前期工作就將全部落空。目前，做個(gè)人網(wǎng)站的很多都依賴免費(fèi)個(gè)人空間，其域名也是依賴免費(fèi)域名指向， 如網(wǎng)易的虛擬域名服務(wù)， 其實(shí)這對(duì)

3、個(gè)人網(wǎng)站的推廣與發(fā)展很為不利， 不光是它“適 時(shí) ”開啟的窗口妨礙了瀏覽者的視線和好感，讓人一看就知道是個(gè)人網(wǎng)站，而且 也妨礙了網(wǎng)頁的傳輸速度。 所以，就我個(gè)人觀點(diǎn)來說， 首先花點(diǎ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 頁面的工具軟件也越 來越豐富。從最基本的 HTML 編輯器到現(xiàn)在非常流行的 Flash 互動(dòng)網(wǎng)頁制作工 具，各種各樣的 Web 頁面制作工具，下面是幾款具有代表性的網(wǎng)頁制作器： (1 )HTML 編輯器。雖然 HTML 代碼復(fù)雜，編輯和調(diào)試要花費(fèi)大量的時(shí)間

4、，但 因 HTML 的穩(wěn)定性、廣泛支持性及可創(chuàng)建復(fù)雜的頁面效果，仍受高級(jí)網(wǎng)頁制作 人員的青睞。 就目前來說， 有眾多的編輯器供選擇， 這些編輯器廣泛支持復(fù)雜頁 面創(chuàng)建及高級(jí) HTML 規(guī)范，使用較為普遍的有 Hotdog 等專業(yè) HTML 編輯器。（2）所見即所得的網(wǎng)頁編輯器。 其中以 Microsoft Frontpage 為代表， 它具有如 Word 一樣的操作界面，熟知 Word 功能的操作者，只要稍加培訓(xùn)就能輕松編制 網(wǎng)頁。而且，F(xiàn)rontpage還能解析網(wǎng)頁的HTML源代碼，并提供了預(yù)覽支持。但 Frontpage 的一些特殊顯示功能并不能在其它非 IE 瀏覽器下實(shí)現(xiàn)。所以 Fron

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

6、、 CSS 層疊樣式表的基 本知識(shí)、 javascript、VBScript 的基本知識(shí)。對(duì)于常用的一些腳本程序如 ASP 、 CGI、PHP 也要有適當(dāng)了解， 還要熟練使用圖形處理工具和動(dòng)畫制作工具以及矢 量繪圖工具，并能部分了解多種圖形圖像動(dòng)畫工具的基本用法，熟練使用 FTP 工具以及擁有相應(yīng)的軟硬件和網(wǎng)絡(luò)知識(shí)也是必備的。當(dāng)然，互聯(lián)網(wǎng)還是一個(gè)免費(fèi)的資料庫。 編制網(wǎng)頁需要多種多樣的按鈕、 背景還有 各種各樣圖形、 圖片。如果這些都要靠自己完成， 既浪費(fèi)時(shí)間又浪費(fèi)金錢， 而且 還需要強(qiáng)大的圖形、 圖片制作技術(shù)。 所以，為了省卻這些麻煩， 網(wǎng)站制作者完全 可以從網(wǎng)上下載各種精美實(shí)用的圖片、按鈕、

7、背景等網(wǎng)頁素材。要領(lǐng)四：確定網(wǎng)站界面 界面就是網(wǎng)站給瀏覽者的第一印象， 往往決定著網(wǎng)站的可看性， 在確定網(wǎng)站的界 面時(shí)要注意以下三點(diǎn)： 欄目與板塊編排 構(gòu)建一個(gè)網(wǎng)站就好比寫一篇論文，首先要列出題綱，才能主題明確、層次清晰。 網(wǎng)站建設(shè)初學(xué)者， 最容易犯的錯(cuò)誤就是： 確定題材后立刻開始制作， 沒有進(jìn)行合 理規(guī)劃。 從而導(dǎo)致網(wǎng)站結(jié)構(gòu)不清晰， 目錄龐雜混亂， 板塊編排混亂等。 結(jié)果不但所以，我們?cè)跒g覽者看得糊里糊涂，制作者自己在擴(kuò)充和維護(hù)網(wǎng)站也相當(dāng)困難 動(dòng)手制作網(wǎng)頁前，一定要考慮好欄目和板塊的編排問題。網(wǎng)站的題材確定后，就要將收集到的資料內(nèi)容作一個(gè)合理的編排。 比如，將一些 最吸引人的內(nèi)容放在最突出的

8、位置或者在版面分布上占優(yōu)勢(shì)地位。 欄目的實(shí)質(zhì)是 一個(gè)網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主體明確顯示出來。在制定欄目的時(shí)候， 要仔細(xì)考慮，合理安排。在欄目編排時(shí)需要注意的是：血可能刪除那些與主題無關(guān)的欄目;區(qū)可能將網(wǎng)站內(nèi)最有價(jià)值的內(nèi)容列在欄目上;血可能從訪問者角度來編排欄目以方便訪問者的瀏覽和查詢；輔助內(nèi)容，如站 點(diǎn)簡(jiǎn)介、版權(quán)信息、個(gè)人信息等大可不必放在主欄目里，以免沖淡主題。另外，板塊的編排設(shè)置也要合理安排與劃分。 板塊比欄目的概念要大一些，每個(gè) 板塊都有自己的欄目。舉個(gè)例子：ENET硅谷動(dòng)力( )的站點(diǎn) 分新聞、產(chǎn)品、游戲、學(xué)院等板塊，每個(gè)板塊下面又各有自己的主欄目。一般來 說，個(gè)人站點(diǎn)內(nèi)容較

9、少，只要分個(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è)容易忽略的問題，大多數(shù) 站長(zhǎng)都是未經(jīng)規(guī)劃，隨意創(chuàng)建子目錄。目錄結(jié)構(gòu)的好壞，對(duì)瀏覽者來說并沒有什 么太大的感覺，但是對(duì)于站點(diǎn)本身的維護(hù)，以后內(nèi)容的擴(kuò)充和移植有著重要的影 響。所以建立目錄結(jié)構(gòu)時(shí)也要仔細(xì)安排，比如：不要將所有文件都存放在根目錄下。有網(wǎng)站制作者為了方便，將所有文件都放 在根目錄下。 這樣就

10、很容易造成： 文件管理混亂， 搞不清哪些文件需要編輯和更 新，哪些無用的文件可以刪除， 哪些是相關(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

11、 程序放在 cgi-bin 目錄，所有提供下載的內(nèi) 容也最好放在一個(gè)目錄下，便于維護(hù)管理。在每個(gè)主目錄下都建立獨(dú)立的 Images 目錄。一般來說，一個(gè)站點(diǎn)根目錄下都 有一個(gè)默認(rèn)地 Images 目錄。將所有圖片都存放在這個(gè)目錄里很是不方便，比如 在欄目刪除時(shí)，圖片的管理相當(dāng)麻煩。 所以為每個(gè)主欄目建立一個(gè)獨(dú)立的 Images 目錄是方便管理的。原因很簡(jiǎn)單，就是方便維護(hù)與管理。其它需要注意的還有： 目錄的層次不要太深， 不要超過 3 層；不要使用中文目錄， 使用中文目錄可能對(duì)網(wǎng)址的正確顯示造成困難； 不要使用過長(zhǎng)的目錄， 太長(zhǎng)的目 錄名不便于記憶；盡量使用意義明確的目錄，以便于記憶和管理。網(wǎng)站

12、的鏈接結(jié)構(gòu)是指頁面之間相互鏈接的拓?fù)浣Y(jié)構(gòu)。它建立在目錄結(jié)構(gòu)基礎(chǔ)之 上，但可以跨越目錄。 形象的說： 每個(gè)頁面都是一個(gè)固定點(diǎn)， 鏈接則是在兩個(gè)固 定點(diǎn)之間的連線。一個(gè)點(diǎn)可以和一個(gè)點(diǎn)連接， 也可以和多個(gè)點(diǎn)連接。 更重要的是， 這些點(diǎn)并不是分布在一個(gè)平面上， 而是存在于一個(gè)立體的空間中。 一般的， 建立 網(wǎng)站的鏈接結(jié)構(gòu)有兩種基本方式： 樹狀鏈接結(jié)構(gòu)（一對(duì)一），這類似 DOS 的目錄結(jié)構(gòu)，首頁鏈接指向一級(jí)頁面， 一級(jí)頁面鏈接指向二級(jí)頁面。 這樣的鏈接結(jié)構(gòu)瀏覽時(shí)， 一級(jí)級(jí)進(jìn)入， 一級(jí)級(jí)退出， 條理比較清晰，訪問者明確知道自己在什么位置，不會(huì) “不知身在何處 ”，但是瀏 覽效率低，一個(gè)欄目下的子頁面到另一

13、個(gè)欄目下的子頁面， 必須回到首頁再進(jìn)行。星狀鏈接結(jié)構(gòu)（一對(duì)多），類似網(wǎng)絡(luò)服務(wù)器的鏈接，每個(gè)頁面相互之間都建立 有鏈接。這樣瀏覽比較方便， 隨時(shí)可以到達(dá)自己喜歡的頁面。 但是由于鏈接太多， 容易使瀏覽者迷路，搞不清自己在什么位置，看了多少內(nèi)容。因此， 在實(shí)際的網(wǎng)站設(shè)計(jì)中， 總是將這兩種結(jié)構(gòu)混合起來使用。 網(wǎng)站希望瀏覽者 既可以方便快速地達(dá)到自己需要的頁面，又可以清晰地知道自己的位置。所以， 最好的辦法是： 首頁和一級(jí)頁面之間用星狀鏈接結(jié)構(gòu)， 一級(jí)和二級(jí)頁面之間用樹 狀鏈接結(jié)構(gòu)。 關(guān)于鏈接結(jié)構(gòu)的設(shè)計(jì)， 在實(shí)際的網(wǎng)頁制作中是非常重要一環(huán)， 采用 什么樣的鏈接結(jié)構(gòu)直接影響到版面的布局。 進(jìn)行形象設(shè)計(jì)

14、網(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)來自網(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)站給人的第一印象來自視覺沖擊，不同的色彩搭配產(chǎn)生不同 的效果，并可能影響到訪問者的情緒。 “標(biāo)準(zhǔn)色彩 ”是指能體現(xiàn)網(wǎng)站型象和延伸內(nèi) 涵的色彩

15、，要用于網(wǎng)站的標(biāo)志， 標(biāo)題，主菜單和主色塊。 給人以整體統(tǒng)一的感覺。 至于其它色彩也可以使用， 但應(yīng)當(dāng)只是作為點(diǎn)綴和襯托， 絕不能喧賓奪主。 一般 來說，一個(gè)網(wǎng)站的標(biāo)準(zhǔn)色彩不超過 3 種，太多則讓人眼花繚亂。 適合于網(wǎng)頁標(biāo)準(zhǔn) 色的顏色有：藍(lán)色，黃 /橙色，黑 /灰/白色三大系列色。設(shè)計(jì)網(wǎng)站字體。和標(biāo)準(zhǔn)色彩一樣，標(biāo)準(zhǔn)字體是指用于標(biāo)志，標(biāo)題，主菜單的特 有字體。一般網(wǎng)頁默認(rèn)的字體是宋體。為了體現(xiàn)站點(diǎn)的 “與眾不同 ”和特有風(fēng)格， 可以根據(jù)需要選擇一些特別字體。 制作者可以根據(jù)自己網(wǎng)站所表達(dá)的內(nèi)涵， 選擇 更貼切的字體。 需要說明的是： 使用非默認(rèn)字體只能用圖片的形式， 因?yàn)楹芸赡?瀏覽者的計(jì)算機(jī)里

16、沒有安裝特別字體，那么辛苦設(shè)計(jì)制作便可能付之東流了。設(shè)計(jì)網(wǎng)站宣傳語。也可以說是網(wǎng)站的精神、主題與中心，或者是網(wǎng)站的目標(biāo)， 用一句話或者一個(gè)詞來高度概括。 用富有氣勢(shì)的話或詞語來概括網(wǎng)站， 進(jìn)行對(duì)外 宣傳，可以收到比較好的結(jié)果。要領(lǐng)五：確定網(wǎng)站風(fēng)格 “風(fēng)格”是抽象的，是指站點(diǎn)的整體形象給瀏覽者的綜合感受。這個(gè) “整體形象 ”包 括站點(diǎn)的CI (標(biāo)志，色彩，字體，標(biāo)語)、版面布局、瀏覽方式、交互性、文 字、語氣、內(nèi)容價(jià)值等等諸多因素， 網(wǎng)站可以是平易近人的、 生動(dòng)活潑的也可以 是專業(yè)嚴(yán)肅的。不管是色彩、技術(shù)、文字、布局，還是交互方式，只要你能由此 讓瀏覽者明確分辨出這是你網(wǎng)站獨(dú)有的，這就形成了網(wǎng)站

17、的 “風(fēng)格”。風(fēng)格是有人性的，通過網(wǎng)站的色彩、技術(shù)、文字、布局、交互方式可以概括出一 個(gè)站點(diǎn)的個(gè)性： 是粗獷豪放的， 還是清新秀麗的； 是溫文儒雅的， 還是執(zhí)著熱情 的；是活潑易變的，還是墨守成規(guī)的?？傊?，有風(fēng)格的網(wǎng)站與普通網(wǎng)站的區(qū)別在于： 在普通網(wǎng)站上你看到的只是堆砌在 一起的信息，你只能用理性的感受來描述，比如信息量多少，瀏覽速度快慢等； 在有風(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)格的 形成不是一

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

19、運(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)站的交互性能良好。一般來說，網(wǎng)站的推廣有以下幾種方式：1）搜索引擎注冊(cè)與搜索目錄登錄技巧注冊(cè)著名的搜索引擎站點(diǎn)是在技術(shù)上推廣網(wǎng)站的第一步。 注冊(cè)搜索引擎有一定的 技巧，像 AltaVista 、搜索客這樣的搜索引擎，它自動(dòng)收錄提交的網(wǎng)址。另外， 注意 Meta 的使用，不要提交分欄 Frame 頁面，大部分搜索引擎不識(shí)別 Frame ， 所以一定要提交有內(nèi)容的 Main 頁面。而像 Yahoo 、搜狐等搜索目錄網(wǎng)站采用手工方式收錄網(wǎng)址，以保證收錄網(wǎng)站的 質(zhì)量

20、，在分類查詢時(shí)獲得的信息相關(guān)性比搜索引擎站點(diǎn) （靠 Spider 自動(dòng)搜索的） 更強(qiáng)。由于搜索目錄網(wǎng)站收錄網(wǎng)站的人為因素相對(duì)較多， 因此在提交網(wǎng)站時(shí)要注 意遵守規(guī)則。 如 Yahoo 要求注冊(cè)站點(diǎn)描述不超過 25 個(gè)單詞。在此要注意： 將網(wǎng) 址提交到最合適的目錄下面， 要認(rèn)真詳細(xì)的介紹網(wǎng)站， 千萬不要有虛假、 夸張的 成分。2）廣告交換技巧很多個(gè)人站點(diǎn)在相互廣告交換時(shí)都提出了幾個(gè)條件：第一，訪問量相當(dāng)；第二， 首頁交換。 顯而易見，這種做法是為了充分利用廣告交換。 以很多個(gè)人網(wǎng)站的經(jīng) 驗(yàn)，當(dāng)與一個(gè)個(gè)人站點(diǎn)交換鏈接時(shí)， 對(duì)方把網(wǎng)站的 LOGO 放到了友情連接一頁， 而不是首頁時(shí)， 很少有訪客會(huì)來自那里。 通常在首頁， 廣告交換才會(huì)有很好的效 果。3）目標(biāo)電子郵件推廣使用電子郵件宣傳網(wǎng)址時(shí)， 主要有如下技巧： 可以使用免費(fèi)郵件列表來進(jìn)行， 只 要你申請(qǐng)了免費(fèi)郵件列表服務(wù)， 你就可以利用郵件列表來推廣你的網(wǎng)站； 可以通 過收集的特定郵件地址， 來發(fā)送信息到特定的網(wǎng)絡(luò)群體， 在特定網(wǎng)絡(luò)群體中推廣 自己的網(wǎng)站；發(fā)送 HTML 格式的郵件，即使其內(nèi)容與接收者關(guān)系不大，也不會(huì) 被被當(dāng)作垃圾信件馬上刪掉， 人們至少