信途科技今天給各位分享經(jīng)典網(wǎng)站設(shè)計的知識，其中也會對優(yōu)秀網(wǎng)站設(shè)計進行解釋，如果能碰巧解決你現(xiàn)在面臨的問題，別忘了關(guān)注和分享本站。

市場上好的網(wǎng)站界面設(shè)計的書籍（大約10本）有哪些？

曹金明等.《網(wǎng)頁設(shè)計與配色》.北京：北京希望電子出版社 紅旗出版社. 2005.

創(chuàng)意源(網(wǎng)頁創(chuàng)意)/現(xiàn)代創(chuàng)意設(shè)計叢書 湖北美術(shù)出版社

比爾.加德納，凱瑟琳.費舍爾.《21世紀(jì)超級標(biāo)志設(shè)計》.上海：上海人民美術(shù)出版社.2004.

吉姆.克勞斯.《版式設(shè)計指南》.上海：上海人民美術(shù)出版社.2002.

張旭生 《網(wǎng)頁版式設(shè)計指南》國防工業(yè)出版社

吉姆.克勞斯.《創(chuàng)意設(shè)計指南》.上海：上海人民美術(shù)出版社.2002.

騰龍視覺 .《Photoshop CS2經(jīng)典網(wǎng)頁特效表現(xiàn)完美風(fēng)暴》（附光盤）人民郵電出版社.2008

視覺中國.《網(wǎng)頁設(shè)計精品解讀》電子工業(yè)出版社.2007

胡崧.《網(wǎng)頁色彩與版式設(shè)計創(chuàng)意實戰(zhàn)》(附贈1CD) 中國青年出版社.2006

龍飛.《中文版Photoshop CS2 時尚網(wǎng)頁設(shè)計經(jīng)典商用案例》（附贈光盤）上?？茖W(xué)普及出版社. 2007

安小龍.《 Adobe Photoshop典型應(yīng)用實例：網(wǎng)頁設(shè)計篇》（附CD-ROM光盤一張）中國青年出版社. 2006

（韓）黃在賢.《設(shè)計師談精彩網(wǎng)頁設(shè)計》（附光盤）電子工業(yè)出版社.2004

常見的幾種網(wǎng)站設(shè)計風(fēng)格

極簡風(fēng)：

越少，越經(jīng)典“這是不少設(shè)計大師遵循的設(shè)計風(fēng)格。

“好的設(shè)計是盡可能少的設(shè)計”這條原則也同樣適用于網(wǎng)頁設(shè)計中。

除非必要的信息，頁面中每增加一個元素，都會引起用戶過多的小，甚至成為用戶完成目標(biāo)任務(wù)的阻礙。

極簡設(shè)計的好處就在于它能最大化節(jié)約用戶的時間成本。

無邊框風(fēng)：

這里的邊框是指任何類型的裝飾性容器。

通過去掉裝飾性的容器，加強基本內(nèi)容的設(shè)計感。

提升圖片質(zhì)量和排版布局，從而改變整體因無裝飾性容器的視覺表現(xiàn)。

插畫風(fēng)：除了使用大量圖片作為背景或主體元素外，

圖形插畫的運用也是一種很好的方式。

網(wǎng)頁Banner可以運用插畫來表達網(wǎng)站主題，同時加上插畫圖標(biāo)的點綴，使網(wǎng)頁看起來清新有趣，加強網(wǎng)站本身的獨特性。

扁平風(fēng):

扁平化設(shè)計可以說是時下最常用的網(wǎng)頁設(shè)計風(fēng)格了，它弱化了材質(zhì)、漸變、陰影，去除了冗余信息的圖形元素、排版。這種風(fēng)格設(shè)計可以使畫面顯得更加平滑，提升了網(wǎng)站內(nèi)容信息的視覺層級，更加方便用戶快速尋找自己需要的內(nèi)容。同時扁平化的界面能更好實現(xiàn)不同尺寸的轉(zhuǎn)化。這也是現(xiàn)在互聯(lián)網(wǎng)公司較長采用的一種風(fēng)格。

3D風(fēng)格:

這里所說的3D風(fēng)格不是純粹的使人感到身在其中的3D壞境，而是那些運用少量3D效果使整個網(wǎng)頁顯得更加靈動，通過扁平化的基礎(chǔ)上，添加一些生動的非扁平元素，給網(wǎng)站帶來了原本缺乏的縱深感，同時提升主體視覺吸引力。

縱向分割:

這里所說的3D風(fēng)格不是純粹的使人感到身在其中的3D壞境，而是那些運用少量3D效果使整個網(wǎng)頁顯得更加靈動，通過扁平化的基礎(chǔ)上，添加一些生動的非扁平元素，給網(wǎng)站帶來了原本缺乏的縱深感，同時提升主體視覺吸引力。

網(wǎng)站設(shè)計風(fēng)格應(yīng)該采取哪些方法?

鮮艷的色彩

明亮生動的配色方案通常在視覺上很有吸引力。 這些顏色明亮，大膽且充滿活力。 在過去的兩年中，我們看到越來越多的品牌開始使用超飽和色作為品牌色。 網(wǎng)頁設(shè)計趨勢繼續(xù)發(fā)展并變得越來越流行。

黑板風(fēng)

雖然黑板風(fēng)格不是一個常見的風(fēng)格，但是其經(jīng)典的使用方式和延伸效果，同樣可以作為網(wǎng)頁設(shè)計風(fēng)格的一項選擇。最常見的運用方式就是將黑板作為背景元素同時黑板本身的裝飾效果使網(wǎng)站呈現(xiàn)非常時尚。許多經(jīng)典的美食網(wǎng)站設(shè)計都采用了這種風(fēng)格，除了使用黑板以外，將現(xiàn)實場景中的桌面運用到背景中也格外出彩。

圖片與插圖的結(jié)合

圖片和簡單的2D手繪插圖的組合是當(dāng)前Web設(shè)計中一個非常重要的創(chuàng)新趨勢。 使用拼貼方法，將真實圖片疊加在創(chuàng)意的2D手繪元素上，以增加原始的黯淡圖片。它具有特殊的魅力，并且以插圖的形式可以更好地表達抽象概念并更具個性化。

綜合式

隨著網(wǎng)站技術(shù)的日漸成熟，網(wǎng)站的表現(xiàn)形式漸漸變得模糊起來。即使是傳統(tǒng)的以信息提供為主的網(wǎng)站，也添加了很多多媒體的修飾成分，從而使訪問者得到更豐富的上網(wǎng)體驗。而對于傳統(tǒng)的畫廊式網(wǎng)站，則添加了更多注重內(nèi)容的方面，使訪問者不但能得到美的享受，而且能獲得相應(yīng)的信息。

縱向分割

習(xí)慣了一欄式的設(shè)計，將屏幕一分為二甚至是多欄式的網(wǎng)頁設(shè)計方式，受到了眾多用戶的喜愛，在網(wǎng)頁設(shè)計中使用新鮮的分屏式設(shè)計可以方便呈現(xiàn)不同的信息，創(chuàng)造對比。同時劃分有效區(qū)域，方便用戶進行快速選擇和視覺聚焦。

關(guān)于網(wǎng)站設(shè)計風(fēng)格應(yīng)該采取哪種方法，環(huán)球青藤小編今天就和您暫時分享到這里了。如果您對網(wǎng)站設(shè)計、頁面排版、圖像處理方面比較感興趣，希望分享的這篇文章可以給您的學(xué)習(xí)或工作提供幫助。如若您還想了解更多關(guān)于平面設(shè)計的素材及技巧等內(nèi)容，可以點擊本站的其他文章進行學(xué)習(xí)。

網(wǎng)頁設(shè)計制作詳細流程

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

做網(wǎng)站，首先必須要解決的就是網(wǎng)站內(nèi)容問題，即確定網(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ù)細分。如果自己在某些方面有興趣，或掌握的資料較多，也可以做一個自己感興趣的東西，一者，你可以有自己的見解，做出自己的特色；二者，在制作網(wǎng)站時不會覺得無聊或者力不從心。興趣是制作網(wǎng)站的動力，沒有創(chuàng)作熱情，很難設(shè)計制作出優(yōu)秀的作品。

對于內(nèi)容主題的選擇，要做到小而精，主題定位要小，內(nèi)容要精。不要去試圖制作一個包羅萬象的站點，這往往會失去網(wǎng)站的特色，也會帶來高強度的勞動，給網(wǎng)站的及時更新帶來困難。記?。涸诨ヂ?lián)網(wǎng)上只有第一，沒有第二！

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

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

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

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

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

（1）HTML編輯器。雖然HTML代碼復(fù)雜，編輯和調(diào)試要花費大量的時間，但因HTML的穩(wěn)定性、廣泛支持性及可創(chuàng)建復(fù)雜的頁面效果，仍受高級網(wǎng)頁制作人員的青睞。就目前來說，有眾多的編輯器供選擇，這些編輯器廣泛支持復(fù)雜頁面創(chuàng)建及高級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瀏覽器下實現(xiàn)。所以Frontpage是一款非常適合初、中級網(wǎng)頁制作人員使用的工具軟件。

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

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

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

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

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

①欄目與板塊編排

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

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

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

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

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

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

●各板塊要有相對獨立性；

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

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

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

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

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

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

●在每個主目錄下都建立獨立的Images目錄。一般來說，一個站點根目錄下都有一個默認地Images目錄。將所有圖片都存放在這個目錄里很是不方便，比如在欄目刪除時，圖片的管理相當(dāng)麻煩。所以為每個主欄目建立一個獨立的Images目錄是方便管理的。原因很簡單，就是方便維護與管理。

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

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

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

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

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

③進行形象設(shè)計

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

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

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

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

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

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

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

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

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

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

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

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

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

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

（1）搜索引擎注冊與搜索目錄登錄技巧

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

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

（2）廣告交換技巧

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

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

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

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

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

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

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

一般來說，WEB廣告的收費有三種方式：

①CPM (Cost Per Million/Thousand)

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

②點透（Click-through）

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

③提成 (Commission)

根據(jù)訪問者點擊位于你站點上廣告所帶來的銷售收入，從中跟做廣告的廠商分成，這種方法對于網(wǎng)站的經(jīng)營者來說，比上面兩個都更加冒險。

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

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

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

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

誰能推薦經(jīng)典網(wǎng)站?。悇e不限）

網(wǎng)站設(shè)計入門網(wǎng)站大觀 z

網(wǎng)站設(shè)計工業(yè)近年百花齊放，入門網(wǎng)站Design Portal也特別多，以下介紹一些有名的。

http://xintu.k10k.net

kaliber1000，是最有名的portal，其號稱"設(shè)計師的午餐盒"，是很多人每天必去的地方。目前該網(wǎng)站正在重整，但其享負盛名，不能不介紹。

http://xintu.linkdup.com

Linkdup至今已出至第34期，每期會介紹十多個網(wǎng)站。其評選嚴(yán)謹(jǐn)，能入榜的比屬上品。

http://xintu.8minus8.com

版面簡潔，網(wǎng)站收藏量不算多。

http://xintu.experimental.ro/front/index.php

設(shè)計出色，新聞也很update。

http://xintu.australianinfront.com.au

一個極具影響力的澳洲網(wǎng)站，宗旨是發(fā)揚本地創(chuàng)作的精神。

http://xintu.shadowness.com

一個帶有photoshop/3D Max/Flash等教程的入門網(wǎng)站。

http://xintu.designiskinky.net

以報道各知名網(wǎng)頁的最新動態(tài)為主。知名度很高。

http://xintu.pixelsurgeon.com

pixelsurgeon除了有新聞外，也有設(shè)計師的采訪，甚至有電影/書籍/漫畫/音樂等的review。他們有幾位華人設(shè)計師。我舊的頭像里的中文字就是出自pixelsurgeon。

http://xintu.halfproject.com

100%菲律賓制造是他們的口號。這個網(wǎng)站的制作出奇的好，非常有特色。而內(nèi)容方面也比同類網(wǎng)站充實。

http://xintu.kiiroi.nu

kiiroi是早期成名的，盡來較為沉寂。

http://xintu.surfstation.lu

也是早期成名的。splash page隨機的載上一些名設(shè)計師給他們做的封面。

http://xintu.shift.jp.org

shift雜志的全球影響力決不亞于其他網(wǎng)站。它除了經(jīng)常更新的splash shockwave page，其他設(shè)計實在不敢恭維。但它擁有龐大的database，收錄了無數(shù)東瀛及世界各地的出色設(shè)計。而他們出道甚早，可以說是design portal的開山鼻祖。

http://xintu.34it.com

主辦人為美國的Patrick Miko和比利時的Peter(xintu.nrg.be)。這個網(wǎng)站主力提供Flash的資訊/高級教程和高級源文件。討論區(qū)是你見過最酷的vbb，里面的版主都是成名人物。而整個網(wǎng)站從設(shè)計者到會員大多是頂尖高手(除了我)，所以水準(zhǔn)極高。boos在那里混了很久，得益良多。

http://xintu.deformat.de

來自德國，連結(jié)了大小設(shè)計網(wǎng)站無數(shù)。deformat最大的優(yōu)點是將各類型分門別類，介紹的很詳細。

http://xintu.pixellamer.com

內(nèi)容包括業(yè)界新聞，墻紙，連結(jié)等。值得一看。

http://xintu.infourm.com

inforum于數(shù)月前問世，規(guī)模較少但水準(zhǔn)極高。inforum由forum制作，而fourm的成員包括:

xintu.Fourm.com

xintu.Natzke.com

xintu.Miniml.com

xintu.Soundofdesign.com

xintu.Gridplane.com

單看這幕后班底就知道infourm的厲害。miniml.com帶起的pixel font潮流，估計還會流行幾年。

http://xintu.h73.com

HSE7EN3的名氣不亞于其競爭對手。去年此網(wǎng)站被Quorporation收購，重新整頓后很有大型網(wǎng)站的風(fēng)格。無奈一直鐘情的舊版h73，在新站里已找不到一點痕跡。今天發(fā)現(xiàn)h73這個URL重新運作，特來推薦。

http://xintu.threeoh.com

聞名一時的threeoh重整之后，這兩天又重見天日。目前網(wǎng)站內(nèi)容不多，不少連結(jié)仍未做好。但憑他的實力估計能在短期內(nèi)回復(fù)昔日光彩，請大家拭目以待。

網(wǎng)站風(fēng)格有哪些

01極簡風(fēng)

"越少，越經(jīng)典“這是不少設(shè)計大師遵循的設(shè)計風(fēng)格。

“好的設(shè)計是盡可能少的設(shè)計”這條原則也同樣適用于網(wǎng)頁設(shè)計中。

極簡設(shè)計的好處就在于它能最大化節(jié)約用戶的時間成本。

02無邊框風(fēng)

這里的邊框是指任何類型的裝飾性容器。

通過去掉裝飾性的容器，加強基本內(nèi)容的設(shè)計感。

提升圖片質(zhì)量和排版布局，從而改變整體因無裝飾性容器的視覺表現(xiàn)。

03插畫風(fēng)

除了使用大量圖片作為背景或主體元素外，

圖形插畫的運用也是一種很好的方式。

網(wǎng)頁Banner可以運用插畫來表達網(wǎng)站主題，

同時加上插畫圖標(biāo)的點綴，

使網(wǎng)頁看起來清新有趣，

加強網(wǎng)站本身的獨特性。

04黑板風(fēng)

雖然黑板風(fēng)格不是一個常見的風(fēng)格，

但是其經(jīng)典的使用方式和延伸效果

同樣可以作為網(wǎng)頁設(shè)計風(fēng)格的一項選擇。

最常見的運用方式就是將黑板作為背景元素，

同時黑板本身的裝飾效果使網(wǎng)站呈現(xiàn)非常時尚。

許多經(jīng)典的美食網(wǎng)站設(shè)計都采用了這種風(fēng)格，

除了使用黑板以外，

將現(xiàn)實場景中的桌面運用到背景中也格外出彩。

05扁平風(fēng)

扁平化設(shè)計可以說是時下最常用的網(wǎng)頁設(shè)計風(fēng)格了，

它弱化了材質(zhì)、漸變、陰影，

去除了冗余信息的圖形元素、排版。

這種風(fēng)格設(shè)計可以使畫面顯得更加平滑，

提升了網(wǎng)站內(nèi)容信息的視覺層級，

更加方便用戶快速尋找自己需要的內(nèi)容。

同時扁平化的界面能更好實現(xiàn)不同尺寸的轉(zhuǎn)化。

這也是現(xiàn)在互聯(lián)網(wǎng)公司較常采用的一種風(fēng)格。

063D風(fēng)格

這里所說的3D風(fēng)格不是純粹的使人感到身在其中的3D壞境，

而是那些運用少量3D效果使整個網(wǎng)頁顯得更加靈動，

通過扁平化的基礎(chǔ)上，添加一些生動的非扁平元素，

給網(wǎng)站帶來了原本缺乏的縱深感，同時提升主體視覺吸引力。

07縱向分割

習(xí)慣了一欄式的設(shè)計，

將屏幕一分為二甚至是多欄式的網(wǎng)頁設(shè)計方式

受到了眾多用戶的喜愛，

在網(wǎng)頁設(shè)計中使用新鮮的分屏式設(shè)計

可以方便呈現(xiàn)不同的信息，創(chuàng)造對比。

同時劃分有效區(qū)域，方便用戶進行快速選擇和視覺聚焦。

08超級頭版

以往的網(wǎng)頁設(shè)計中，輪播幻燈片的效果使用充斥著各種網(wǎng)站，

雖然這種設(shè)計方式在許多首頁上仍然適用名，

但卻正在失去吸引力，取而代之的是采用的核心區(qū)域元素，

也就是主題的主題圖或者說是超級頭版，

在首頁上使用尺寸超大、迷人的精美Banner，

而這個超級頭版匯聚了對產(chǎn)品的精華總結(jié)，

從而將網(wǎng)站最重要的內(nèi)容展示給用戶。

09照片與白字搭配

嚴(yán)格意義上，這不算一種設(shè)計風(fēng)格，

但是這種方法可以幫助我們快速制作出色的Banner或者網(wǎng)站，

通過對照片進行一些色彩疊加，同時搭配白色文案，

從而形成對比，使文字更加清晰易于傳達。

你可以把它像公式一樣記在腦子里，

碰到合適的機會就可以使用。

怎么設(shè)計網(wǎng)站

隨著網(wǎng)絡(luò)技術(shù)的不斷發(fā)展，網(wǎng)絡(luò)應(yīng)用已經(jīng)滲透到人類社會的各個角落。作為網(wǎng)絡(luò)世界的支撐點的網(wǎng)站，更是人們關(guān)注的熱點：政府利用網(wǎng)站宣傳自己的施政綱領(lǐng)，日益成為與百姓交流的直通車；企業(yè)利用網(wǎng)站宣傳自己的形象，挖掘無限商機；個人利用網(wǎng)站展示個性風(fēng)采，創(chuàng)建彼此溝通的橋梁。越來越多的人希望擁有網(wǎng)站，開辟網(wǎng)絡(luò)世界里的一片天地。如何設(shè)計一個出色的網(wǎng)站呢？關(guān)于這個問題，人們討論的很多，可以討論的內(nèi)容也很多，加之網(wǎng)絡(luò)技術(shù)的飛速發(fā)展，很難提出一個絕對權(quán)威和正確的設(shè)計思路，筆者不才，根據(jù)自己的設(shè)計體

會，總結(jié)出以下基本設(shè)計思路：

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

網(wǎng)站的主題也就是網(wǎng)站的題材，網(wǎng)站設(shè)計開始首先遇到的問題。網(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)絡(luò)上的"主題站"比"萬全站"更受人們喜愛，就好比專賣店和百貨商店，如果我需要買某一方面的東西，肯定會選擇專買店。

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

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

3、題材不要太濫或者目標(biāo)太高。

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

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

1、名稱要正

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

2、名稱要易記

最好用中文名稱，不要使用英文或者中英文混合型名稱。另外，網(wǎng)站名稱的字?jǐn)?shù)應(yīng)該控制在六個字(最好四個字)以內(nèi)，四個字的也可以用成語。字?jǐn)?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)站，和實體公司一樣，需要整體的形象包裝和設(shè)計。準(zhǔn)確的，有創(chuàng)意的CI設(shè)計，對網(wǎng)站的宣傳推廣有事半功倍的效果。具體的做法是：

1、設(shè)計網(wǎng)站的標(biāo)志(logo)

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

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

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

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

2、設(shè)計網(wǎng)站的標(biāo)準(zhǔn)色彩

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

3、設(shè)計網(wǎng)站的標(biāo)準(zhǔn)字體

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

4、設(shè)計網(wǎng)站的宣傳標(biāo)語

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

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

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

站的主體明確顯示出來。一般的網(wǎng)站欄目安排要注意以下幾方面：

1、要緊扣主題

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

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

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

3、設(shè)立可以雙向交流的欄目

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

4、設(shè)立下載或常見問題回答欄目

網(wǎng)絡(luò)的特點是信息共享。如在你主頁上設(shè)置一個資料下載欄目，便于訪問者下載所需資料。另外，如果站點經(jīng)常收到網(wǎng)友關(guān)于某方面的問題來信，最好設(shè)立一個常見問題回答的欄目，既方便了網(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)的文件，影響工作效率。另外，上傳速度慢。服務(wù)器一般都會為根目錄建立一個文件索引。當(dāng)您將所有文件都放在根目錄下，那么即使你只上傳更新一個文件，服務(wù)器也需要將所有文件再檢索一遍，建立新的索引文件。很明顯，文件量越大，等待的時間也將越長。所以，盡可能減少根目錄的文件存放數(shù)。

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

子目錄的建立，首先按主菜單欄目建立。例如:企業(yè)站點可以按公司簡介，產(chǎn)品介紹，價格，在線定單，反饋聯(lián)系等建立相應(yīng)目錄。其他的次要欄目，類似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)絡(luò)服務(wù)器的鏈接，每個頁面相互之間都建立有鏈接。這種鏈接結(jié)構(gòu)的優(yōu)點是瀏覽方便，隨時可以到達自己喜歡的頁面。缺點是鏈接太多，容易使瀏覽者迷路，搞不清自己在什么位置，看了多少內(nèi)容。

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

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

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

留下的不同感受。

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

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

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

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

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

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

a.如果只用一句話來描述你的站點，應(yīng)該是:()

參考答案：有創(chuàng)意，專業(yè)，有(技術(shù))實力，有美感，有沖擊力

b.想到你的站點，可以聯(lián)想到的色彩是：()

參考答案：熱情的紅色，幻想的天藍色，聰明的金黃色

c.想到你的站點，可以聯(lián)想到的畫面是：()

參考答案：一份早報，一輛法拉利跑車，人群擁擠的廣場，雜貨店

d.如果網(wǎng)站是一個人，他擁有的個性是：()

參考答案：思想成熟的中年人，狂野奔放的牛仔，自信憨厚的創(chuàng)業(yè)者

e.作為站長，你希望給人的印象是：()

參考答案：敬業(yè)，認真投入，有深度，負責(zé)，純真，直爽，淑女

f.用一種動物來比喻，你的網(wǎng)站最像：()

參考答案：貓(神秘高貴)，鷹(目光銳利)，兔子(聰明敏感)，獅子(自信威信)

g.瀏覽者覺得你和其他網(wǎng)站的不同是：()

參考答案：可以信賴，信息最快，交流方便，

h.瀏覽者和你交流合作的感受是：()

參考答案：師生，同事，朋友，長幼。

你可以自己先填寫一份答案，然后讓其他網(wǎng)友填寫。比較后的結(jié)果會告訴你：你網(wǎng)站現(xiàn)在的差距，弱點及需要改進的地方。

3、在明確自己的網(wǎng)站印象后，開始努力建立和加強這種印象

經(jīng)過第二步印象的"量化"后，你需要進一步找出其中最有特色特點的東西，就是最能體現(xiàn)網(wǎng)站風(fēng)格的東西。并以它作為網(wǎng)站的特色加以重點強化，宣傳。以下做法可作參考：

(1)將你的標(biāo)志logo,盡可能的出現(xiàn)在每個頁面上。或者頁眉，或者頁腳，或則背景。

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

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

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

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

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

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

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

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

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

七、總結(jié)：

網(wǎng)站設(shè)計充滿無窮魅力，僅靠一篇文章無法窮盡其中的奧秘。這條設(shè)計思路不一定完全適合于每個設(shè)計者，也不可能完全適合于各種設(shè)計的實際情況，全當(dāng)拋磚引玉。仁者見仁，智者見智，希望更多優(yōu)秀的網(wǎng)站出自于你我的手。文章中錯誤之處，望批評指正。

八、參考書目

1、《網(wǎng)頁標(biāo)題制作技巧與實例》--呂少華--清華大學(xué)出版社

2、《FrontPage 2000從入門到精通》--成棟等譯--電子工業(yè)出版社

3、《Web可用性設(shè)計》--〔美〕Jakob Nielsen著--人民郵電出版社

4、《網(wǎng)站架構(gòu)與美工黃金組合》--天藍工作室著--人民郵電出版社

5、《網(wǎng)頁設(shè)計與網(wǎng)站開發(fā)---HTML網(wǎng)頁制作網(wǎng)站開發(fā)完全實戰(zhàn)》--伍梵華--航空工業(yè)出版社

6、《廣告制作》--樊志育--人民郵電出版社

經(jīng)典網(wǎng)站設(shè)計的介紹就聊到這里吧，感謝你花時間閱讀本站內(nèi)容，更多關(guān)于優(yōu)秀網(wǎng)站設(shè)計、經(jīng)典網(wǎng)站設(shè)計的信息別忘了在本站信途科技進行查找。