最漂亮的網站設計

1、怎樣才能製作出漂亮的網頁？

要想學做網頁，首先得了解製作網頁的工具。

製作網頁主要有以下一些工具

Frontpage：office自帶的一個工具，操作簡單，實用，學起來比較輕松，功能不咋地，我不太喜歡。

Dreamweaver：這是網頁三劍客之一，專門製作網頁的工具，可以自動將網頁生成代碼，是普通網頁製作者的首選工具，界面簡單，實用功能比較強大。建議初學者選用。

另外一個工具就是代碼編輯工具，例如寫字本、EditPlus等，這些工具主要編輯asp等動態網頁。

此外還有一些網路編程工具，javascript、java編輯器等。

網頁製作也是一個比較吃香的行業，要真正做一個好的網站，還必須有良好的設計功底。所以還得學很多邊緣性的軟體，例如photoshop、flash等。

大型的網站往往還需要資料庫的支持，所以還得懂資料庫。sql、甲骨文等。

總之，掌握好網頁製作，能獨立完成一個網站的製作工作，那就不要考慮吃飯問題。隨便混就好了！

網站設計八步驟

由於目前所見即所得類型的工具越來越多，使用也越來越方便，所以製作網頁已經變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁，於是他們認為網頁製作非常簡單，就匆匆忙忙製作自己的網站，可是做出來之後與別人一比，才發現自己的網站非常粗糙，這是為什麼呢？常言道：「性急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站。

一、確定網站主題

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

二、搜集材料

明確了網站的主題以後，你就要圍繞主題開始搜集材料了。常言道：「巧婦難為無米之炊」。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來，也可以從互聯網上搜集，然後把搜集的材料去粗取精，去偽存真，作為自己製作網頁的素材。

三、規劃網站

一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。 四、選擇合適的製作工具

盡管選擇什麼樣的工具並不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多，首先就是網頁製作工具了，目前大多數網民選用的都是所見即所得的編輯工具，這其中的優秀者當然是Dreamweaver和Frontpage了，如果是初學者，Frontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫製作工具，如Flash、Cool 3d、Gif Animator等；還有網頁特效工具，如有聲有色等，網上有許多這方面的軟體，你可以根據需要靈活運用。

五、製作網頁

材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小，就是說在製作網頁時，先把大的結構設計好，然後再逐步完善小的結構設計。所謂先簡單後復雜，就是先設計出簡單的內容，然後再設計復雜的內容，以便出現問題時好修改。在製作網頁時要多靈活運用模板，這樣可以大大提高製作效率。

六、上傳測試

網頁製作完畢，最後要發布到Web伺服器上，才能夠讓全世界的朋友觀看，現在上傳的工具有很多，有些網頁製作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後，你要在瀏覽器中打開自己的網站，逐頁逐個鏈接的進行測試，發現問題，及時修改，然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友，讓他們來瀏覽。

七、推廣宣傳

網頁做好之後，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。

八、維護更新

網站要注意經常維護更新內容，保持內容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內容，才能夠吸引住瀏覽者。

網頁製作教程:
FONTRPAGE的
http://www.cqzxzx.cn/it/hongen/pc/jc-down/homepage/fp2k.zip

dreamweaver的
http://www.cqzxzx.cn/it/hongen/pc/jc-down/homepage/dreamweaver.zip

要是在網上的話,你最好去一些論壇,你可以查一下,很多的

2、求一漂亮的設計網站

www.chengan.cn 已經非常有名了。估計你也知道吧.
這個網站的站長以前就是PCONLINE的主設計師.
你在網站上可以找到他的聯系方式.

3、能否推薦幾個界面好看的個人網頁設計

68design.net（網頁設計師聯盟） 在裡面導航欄找作品 或是找設計師，都能看到很多作品。其實還很多這種站，就不一一羅列了慢慢發現吧。

4、如何設計一個好的網頁

一、確定網站主題

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

二、搜集材料

明確了網站的主題以後，你就要圍繞主題開始搜集材料了。常言道：「巧婦難為無米之炊」。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來，也可以從互聯網上搜集，然後把搜集的材料去粗取精，去偽存真，作為自己製作網頁的素材。

三、規劃網站

一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。 四、選擇合適的製作工具

盡管選擇什麼樣的工具並不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多，首先就是網頁製作工具了，目前大多數網民選用的都是所見即所得的編輯工具，這其中的優秀者當然是Dreamweaver和Frontpage了，如果是初學者，Frontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫製作工具，如Flash、Cool 3d、Gif Animator等；還有網頁特效工具，如有聲有色等，網上有許多這方面的軟體，你可以根據需要靈活運用。

五、製作網頁

材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小，就是說在製作網頁時，先把大的結構設計好，然後再逐步完善小的結構設計。所謂先簡單後復雜，就是先設計出簡單的內容，然後再設計復雜的內容，以便出現問題時好修改。在製作網頁時要多靈活運用模板，這樣可以大大提高製作效率。

六、上傳測試

網頁製作完畢，最後要發布到Web伺服器上，才能夠讓全世界的朋友觀看，現在上傳的工具有很多，有些網頁製作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後，你要在瀏覽器中打開自己的網站，逐頁逐個鏈接的進行測試，發現問題，及時修改，然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友，讓他們來瀏覽。

七、推廣宣傳

網頁做好之後，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。

八、維護更新

網站要注意經常維護更新內容，保持內容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內容，才能夠吸引住瀏覽者

5、網站風格怎樣設計更美觀

1. 研究品牌

首先，你需要對品牌展開研究，理解其含義，了解品牌背後的意義，與公司團隊進行溝通，並了解公司的願景、使命和價值觀。為了保證你所編寫的風格指南能夠在視覺和情感上正確彰顯出公司形象，一定要深入挖掘品牌。

作為一名設計師，如果你不會寫代碼，那麼可以打開Photoshop，給文檔擬定一個標題，並對文檔的性質和用途進行一下簡短的說明。

如果你會寫代碼，那麼最好使用預編程的資源創建一個html文檔，以便在後期直接使用。

2. 限定字體

根據Oliver Reichenstein的理論，Web設計中95%的工作量都集中在字體上。

字體的重要意義在於其是訪客和網站之間最為關鍵的溝通工具之一。

確定層級次序並提供對應的說明。首先是標題樣式：h1、h2、h3、h4、h5和h6。然後是正文文案：粗體和斜體等變化。考慮一下需要用於小型鏈接、簡介文字等內容的自定義文案。提供字體系列、粗細和顏色等。

Style Guides by Zech Nelson

3. 調色板

人類能夠感知不同的顏色並將色調與自己所熟知的品牌相互聯系起來，神奇吧！舉例來說，一提到可口可樂，你一定會首先想到紅色。

首先在風格指南中設定網站內使用最多的主色調，主色應該包含不多於三種陰影。但是在有的情況下，你可能還需要使用二級甚至三級顏色來呈現用戶界面，因此不要忘了對這些顏色進行設定。另外還需要加入白色、灰色和黑色等中性顏色以便讓主品牌顏色更加突出。

Guest Center color palette by Chloe Park

4. 語言

這里所說的語言實際上就是指文案。如前所述，在開始編寫風格指南之前你已經對品牌進行了研究，而且發現目標品牌的風格是年輕、潮流。那麼如果沒有現成的文案語言方向，你就需要進行設定。在這方面，你可以提供一個示例來表現語言必須既專業又有趣，同時還要熱情。例如，你可以說「貌似你碰到了網上廣為流傳的404錯誤」來取代死氣沉沉的「出現404錯誤」。這樣的語言能表現出網站並不具有太強的商業氣息。有時候亮點就隱藏於細微之處。

5. 圖標

圖形標記已有幾千年的歷史，在文字和語言出現之前就已經存在。在項目中善用圖標能夠讓訪客一眼就明白當前的情況以及下面將要出現什麼情況。另外，恰當的圖標相比色調、文案和圖形更能夠體現出目標內容的背景。在使用圖標時，要想想目標受眾是誰，他們的宗教和背景情況如何，切勿造成他們的誤解。還要說的是，仔細思考品牌及其所代表的價值，千萬別犯在大型銀行網站上使用手繪風格圖標這種錯誤。

Iconfinder 是幫助你尋找圖標的最佳工具

NounProject 使用圖標打造出了通俗易懂的視覺語言

6. 圖片

圖片比千言萬語更有說服力。你所使用的圖片一定要能夠代表網站的風格和方向。再強調一遍，一定要仔細考慮品牌的價值和公司的使命。例如，某個有關水源慈善的網站使用極具沖擊力且情感強烈的慈善類圖片呼籲人們思考擁有水、食物、電力和教育等生活必需品是多麼幸運。

可以免費獲取圖片的不錯網站：10個值得設計師收藏的高清照片設計素材網站

7. 表單

表單是網站或web應用表現其交互和動態性，並讓用戶能夠輸入數據以便你後期處理並開展相關工作的關鍵所在。

務必要構建起一套層級體系並收納一切可能來自表單的反饋——主動反饋、滑鼠懸浮反饋並加入錯誤、警告和成功提示（包括密碼強度太弱、郵件地址無效或簡單的「郵件已發送」消息）。

8. 按鈕

按鈕是顏色、表單和語言的組合。你可以依靠上面介紹的且已經創建好的資源，使用不同的設計方案打造外觀統一的功能性按鈕。

9. 空間調整

空間調整為什麼也要收錄在風格指南里？實際上空間調整是風格指南當中非常重要的一個部分。在對空間調整方式進行界定時，可以採用規定網格布局的方式，也可以對標題、按鈕、圖片、表單等元素之間的空間距離進行分門別類的規定。

空間調整的重要意義在於其能夠給各個元素提供更多的表現空間，空間使用的協調一致能夠讓網站看起來更加整齊、專業。

10. 注意事項

最後要說的是：把注意事項這一節做成常見問題解答的形式，展現出最常見的錯誤類型，並給出預期結果作為參考示例。

6、誰能給我推薦幾個界面比較好看的網站，想要參加網頁設計參考用的。

68design.net(網頁設計師聯盟) 在裡面導航欄找作品 或是找設計師，都能看到很多作品。其實還很多這種站，就不一一羅列了慢慢發現吧。

7、什麼樣的網頁設計最好看

如果從商業角度來看，能被客戶欣賞接受的網站是最好看的；當然如果從個人角度來看，我更喜歡簡潔干凈的設計，風格偏向於極簡化設計。所以，每個人的欣賞角度不一樣，那結果自然不一樣，況且設計並不是只追求好看，還得注重需求以及實用性。

8、網頁設計原理:如何設計漂亮的網頁

邁阿密大學的藝術科學學院網頁通過細節的精心處理給人一種賞心悅目的視覺效果。最好的設計往往就是最簡單的設計：一個中心思想，一幅圖片，少量的文字，開放的空間。這種風格的設計清晰、漂亮，讓人印象深刻。但真實的生活並不經常是如此的簡單，更多的是雜事纏身。在設計一個項目時，往往需要將很多不同的信息同時放上去，一個都不能少，就象現在很多的網站一樣，信息密集，顯得非常擁擠復雜。 在本文中，我們將介紹邁阿密大學的藝術科學學院網站的版面，它之所以吸引我們的注意，是因為該網站雖然有很多信息，但卻給我們留下美好的印象。該網站通過兩個途徑實現這種效果：一，它盡可能地減少各種元素，只保留最重要的部分（其實仍然是「簡單的設計」思想在起作用），二，就是在處理各種細節時都經過精心處理。這種設計手法在技術上其實一點不難，讓我們進去看看：主頁雖然多達二十多個鏈接，但整體卻顯得溫和，協調一致。結構： 網站的頁面尺寸並沒有走極端，不會太長，大多數頁面上的內容不需要拖動就可以輕易瀏覽，是一種方便人們閱讀的屏幕尺寸。每個頁面由三個區域構成，每一個區域負責不同的信息，最上方及最下方的區域內容是固定的，改變的只是中間區域的內容。不同的顏色定義了不同的區域：白色區域是中心舞台，這個區域通過上方顏色較深的頁眉與下方較淺的頁腳而得到確定。固定內容的區域包含了各種最基本的元素：標志，鏈接，搜索等諸如此類的內容。中間白色區域的內容則是變化的，主要展示不同的事件信息、新聞簡訊等內容。從下方示意圖可以看出，這個頁面結構相當緊湊，可以有效組織各種內容，比起那種需要拖動滾動條的頁面更容易閱讀。緊湊，是其中的關鍵。頁眉：此外由兩個色帶構成：綠色及棕色。這兩種顏色構成了一個簡單堅實的頁眉並統領著這個網站。標志及鏈接文字則反轉成白色字體。為了柔和視覺效果，左方還使用了象是陽光照射所呈現的一個非常微弱的漸變面。 頁眉右方遠處有四個固定的鏈接，文字的顏色顯得相當低調，但由於處於頁眉的區域內，沒有人會忽視它的存在。主鏈接：第一級鏈接處於頁眉的標色色帶區域內。鏈接的字體、顏色及陰影與上方的標志呼應，使兩者之間產生視覺上的聯系。 綠色及棕色當然是兩種不同的顏色，但如果你將這兩種顏色變成灰度顯示，你可以發現他們的相同之處，其灰度色值是基本一樣的，這個隱藏的共同點使兩者在視覺上既有區別，又有聯系。下圖中，字母的間距比較寬松，與普通的字母間距相比，呈現一種輕松氣息，也傳達了一種從容及尊嚴。在屏幕顯示時，字母間距較大也更容易閱讀。次級鏈接： 當瀏覽者深入這個網站時，字體字母及顏色在細節上的變化都在暗示讀者這是另外的一些信息。但字體及尺寸仍然與主鏈接相同。中心舞台：在頁眉與頁腳之間的白色區域是我們的中心區域，也是這個網站的視覺焦點所在。在每一個頁面中的文章，都顯得相當簡短，而且象印刷的書本那樣的文字排版，行距非常大，採用襯線字體，整個頁面顯得清爽而不窒息。其書本氣息讓人能夠舒適閱讀。頁腳： 有效設計的頁腳是可以發揮很大的作用的。不要將頁腳想像成一條多出來的「尾巴」，而應該將它看作是一個支撐點，支撐著上述所有內容的一個區域。頁腳區域中放置的也是一些固定不變的內容，如鏈接、聯系信息及標志等。在設計中，層次感是非常重要的。上圖左，如果將頁眉與頁腳設計成相同的份量，給人的感覺就象奧利奧夾心曲奇餅，它分散了讀者的注意力，弱化了版面的力量感。相反，三個區域呈現層次感使到每個區域都能夠正確承擔起自己的任務。在腦海中一定要記住的是，讀者的眼睛永遠會集中在中心區域內，所以這里要放置最重要的信息。周圍所放置是支持性的內容。字體：這個網頁中，正文的字體全部採用Georgia字體，可以說是一種在屏幕上顯示的最佳襯線字體，當樣，Georgia作為印刷字體同樣表現良好。中國設計者在使用英文字體時更多會採用默認的Times字體。 讓我們看看Georgia字體與Times字體的區別，從這種區別中，也可以知道為什麼在屏幕上顯示時，Georgia字體會贏了這一回合。點擊上圖看大圖字母的間距與字母形狀一樣重要， Georgia字體用於正文時，整體顯得平滑、重復及具有節奏感。試比較以下兩者的觀看感覺。

9、網頁設計有哪些好的網站

網頁設計一般分為三種大類：功能型網頁設計（服務網站&B/S軟體用戶端）、形象型網頁設計（品牌形象站）、信息型網頁設計（門戶站）。設計網頁的目的不同，應選擇不同的網頁策劃與設計方案。
無論是什麼樣的網頁設計常用的工具一般都是以下幾個：PS、FL、DW、FW