設計得比較好的網頁

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

一、確定網站主題

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

二、搜集材料

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

三、規劃網站

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

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

五、製作網頁

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

六、上傳測試

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

七、推廣宣傳

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

八、維護更新

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

2、網頁設計好還是平面設計好

網頁設計：

網頁設計軟體： FrontPage（簡單易用，且高度符合IE瀏覽器支持設計）；DreamWave（功能強大，設計成品支持眾多瀏覽器）；

圖像處理軟體：Photoshop 或Fireworks ；動畫製作：Flash MX ；

但總體網頁設計要遵循一些必要的隱性要求：

1.簡潔性：能讓瀏覽者一目瞭然，不使瀏覽者感到繁瑣並且無法找到其所需內容。

2.突出主題：一個沒有主題的網頁同樣會使人失去瀏覽的興趣。

3.實用性：一個網頁即使漂亮倘若對瀏覽者一無所用也無法吸人眼球。有一句話說：只有被需求才能生存。

搜集資料，比如網頁中可能要用到的圖片，文字及其它內容。善於使用搜索引擎如百度，谷歌，來查詢自己所需的資料。

善於使用網路上已有的信息及內容，比如一些開源的代碼等。（網路是一個大雜燴，各種信息魚目混珠，各色人物魚龍混雜，要學會辨別。）

關注自己所製作網頁的內容與社會時代的相符性，及時更新網頁版面。

將目光放長遠，不斷學習。如今互聯網的發展極其神速，各種技術日新月異。只有不斷的學習進步，才能跟得上時代的潮流，你的網站才能立於不敗之地！

平面設計：

（1）用一些特殊的操作來處理一些已經數字化的圖像的過程。

（2）它是集電腦技術、數字技術、美術知識和藝術創意於一體的綜合內容。[1]

（3）它又稱裝潢設計、視覺傳達設計，其中包括：海報設計、標志設計、VI設計、包裝設計、書籍設計、網頁設計、界面設計、字體設計、插畫設計等。

（4）它是集創造力、專業知識和操作為一體的綜合性技能。

（5）工作內容：平面設計主要包括美術排版、平面廣告、海報、燈箱等的設計製作。就業趨向：報紙、雜志、出版等大眾傳播媒體，廣告公司等相關行業。從事平面設計工作，技術難度各公司要求檔次高低不同，工作時間比較不穩定，要求創作速度快，而人才需求量也比較大。

所以最終取決於你喜歡的類型，設計都是互通的，網頁設計也是會設計一些BANNER,廣告圖之類的，平面設計無非就是趨向於日常生活中的實體廣告，所以看你喜歡哪一個，就先從哪裡入手，熟練之後你就可以以不變應萬變了~

3、如何將網站的網頁設計得更具特色

從圖片，文字，排版三個方向來分析：
圖片需要高清大圖；
文字間距，行距與字體要統一。
排版要留白，根據以上三個細節來設計網頁，就可以設計出完美網站

4、網頁設計哪些軟體比較好？

一、菜鳥級網頁製作軟體

如果你是一個網頁製作初學者，那麼讓下面幾種軟體帶你走進那絢麗多彩的網頁製作世界吧！

①Microsoft FrontPage

如果你曾對Word很熟悉，那麼相信你用FrontPage進行網頁設計一定會非常順手。使用FrontPage製作網頁，你能真正體會到「功能強大，簡單易用」的含義。頁面製作由FrontPage中的Editor完成，其工作窗口由3個標簽頁組成，分別是「所見即所得」的編輯頁，HTML代碼編輯頁和預覽頁。FrontPage帶有圖形和GIF動畫編輯器，支持CGI和CSS。向導和模板都能使初學者在編輯網頁時感到更加方便。

FrontPage最強大之處是其站點管理功能。在更新伺服器上的站點時，不需要創建更改文件的目錄。FrontPage會為你跟蹤文件並拷貝那些新版本文件。FrontPage是現有網頁製作軟體中惟一既能在本地計算機上工作，又能通過Internet直接對遠程伺服器上的文件進行工作的軟體。

②Netscape編輯器

Netscape Communicator和Netscape Navigator Gold3.0版本都帶有網頁編輯器。如果你喜歡用Netscape瀏覽器上網，使用Netscape編輯器真是簡單方便！當你用Netscape瀏覽器顯示網頁時，單擊編輯按鈕，Netscape就會把網頁存儲在硬碟中，然後就可以開始編輯了。你也可以像使用Word那樣編輯文字、字體、顏色，改變主頁作者、標題、背景顏色或圖像，定義描點，插入鏈接，定義文檔編碼，插入圖像，創建表格等，是不是與FrontPage 2000還有些像?但是，Netscape編輯器對復雜的網頁設計就顯得功能有限了，它連表單創建、多框架創建都不支持。

Netscape編輯器是網頁製作初學者很好的入門工具。如果你的網頁主要是由文本和圖片組成的，Netscape編輯器將是一個輕松的選擇。如果你對HTML語言有所了解的話，能夠使用Notepad或Ultra Edit等文本編輯器來編寫少量的HTML語句，也可以彌補Netscape編輯器的一些不足。

③Adobe Pagemill

Pagemill功能不算強大，但使用起來很方便，適合初學者製作較為美觀、而不是非常復雜的主頁。如果你的主頁需要很多框架、表單和Image Map圖像，那麼Adobe Pagemill的確是你的首選。

Pagemill另一大特色是有一個剪貼板，可以將任意多的文本、圖形、表格拖放到裡面，需要時再打開，很方便。

④Claris Home Page

如果使用Claris Home Page軟體，你可以在幾分鍾之內創建一個動態網頁。這是因為它有一個很好的創建和編輯Frame(框架)的工具，你不必花費太多的力氣就可以增加新的Frame(框架)。而且Claris Home Page 3.0集成了FileMaker資料庫，增強的站點管理特性還允許你檢測頁面的合法連接。不過界面設計過於粗糙，對Image Map圖像的處理也不完全。

二、中級網頁製作軟體

如果你對網頁設計已經有了一定的基礎，對HTML語言又有一定的了解，那麼你可以選擇下面的幾種軟體來設計你的網頁，他們一定會為你的網頁添色不少。

①DreamWeaver

自製動態HTML動畫的網頁

DreamWeaver是一個很酷的網頁設計軟體，它包括可視化編輯、HTML代碼編輯的軟體包，並支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它還能通過拖拽從頭到尾製作動態的HTML動畫，支持動態HTML(Dynamic HTML)的設計，使得頁面沒有plug-in也能夠在Netscape和IE 4.0瀏覽器中正確地顯示頁面的動畫。同時它還提供了自動更新頁面信息的功能。

DreamWeaver還採用了Roundtrip HTML技術。這項技術使得網頁在DreamWeaver和HTML代碼編輯器之間進行自由轉換，HTML句法及結構不變。這樣，專業設計者可以在不改變原有編輯習慣的同時，充分享受到可視化編輯帶來的益處。DreamWeaver最具挑戰性和生命力的是它的開放式設計，這項設計使任何人都可以輕易擴展它的功能。

②Fireworks

第一款徹底為Web製作者們設計的軟體

Fireworks的來頭實在不小，它的出現使Web作圖發生了革命性的變化。Fireworks是專為網路圖像設計而開發，內建豐富的支持網路出版功能，比如Fireworks能夠自動切圖、生成滑鼠動態感應的javascript。而且Fireworks具有十分強大的動畫功能和一個幾乎完美的網路圖像生成器(Export功能)。它增強了與dreamweaver的聯系，可以直接生成dreamweaver的Libaray甚至能夠導出為配合CSS式樣的網頁及圖片！

③Flash

讓你的網頁動起來

Flash是用在互聯網上動態的、可互動的shockwave。它的優點是體積小，可邊下載邊播放，這樣就避免了用戶長時間的等待。#{6FLASH6}#可以用其生成動畫，還可在網頁中加入聲音。這樣你就能生成多媒體的圖形和界面，而使文件的體積卻很小。FLASH雖然不可以像一門語言一樣進行編程，但用其內置的語句並結合JavaScripe，您也可做出互動性很強的主頁來。有人曾經說過：下個世紀的網路設計人不會用FLASH，必將被淘汰出局！我相信這句話沒錯！

④HotDog Professional

製作要加入多種復雜技術的網頁

HotDog是較早基於代碼的網頁設計工具，其最具特色的是提供了許多向導工具，能幫助設計者製作頁面中的復雜部分。HotDog的高級HTML支持插入marquee，並能在預覽模式中以正常速度觀看。這點非常難得，因為即使首創這種標簽的Microsoft在FrontPage中也未提供這樣的功能。HotDog對plug-in的支持也遠遠超過其他產品，它提供的對話框允許你以手動方式為不同格式的文件選擇不同的選項。但對中文的處理不很方便。

HotDog是個功能強大的軟體，對於那些希望在網頁中加入CSS、Java、RealVideo等復雜技術的高級設計者，是個很好的選擇。

⑤HomeSite

製作可完全控制頁面進程的網頁

Allaire的HomeSite是一個小巧而全能的HTML代碼編輯器，有豐富的幫助功能，支持CGI和CSS等等，並且可以直接編輯perl程序。HomeSite工作界面繁簡由人，根據習慣，可以將其設置成像Notepad那樣簡單的編輯窗口，也可以在復雜的界面下工作。

HomeSite更適合那些比較復雜和精彩頁面的設計。如果你希望能完全控制你製作的頁面的進程，HomeSite是你最佳選擇。不過對於生手過於復雜。

⑥HotMetal Pro

製作具有強大數據嵌入能力的網頁

HotMetal既提供「所見即所得」圖形製作方式，又提供代碼編輯方式，是個令各層次設計者都不至於失望的軟體。但是初學者需要熟知HTML，才能得心應手地使用這個軟體。HotMetal具有強大的數據嵌入能力，利用它的數據插入向導，可以把外部的Access、Word、Excel以及其他ODBC數據提出來，放入頁面中。而且HotMetal能夠把它們自動轉換為HTML格式，是不是很棒?此外它還能轉換很多老格式的文檔(如WordStar等)，並能在轉換過程中把這些文檔里的圖片自動轉換為GIF格式。

HotMetal為用戶提供了「太多」的工具，而且它還可以用網狀圖或樹狀圖表現整個站點文檔的鏈接狀況。

三、高級網頁製作軟體

①Microsoft Visual Studio

該系列的版本有：2003、2005、2008和未來的版本；

適合開發動態的aspx網頁，同時，還能製作無刷新網站、webservice功能等，僅適合高級用戶。

②Jbuilder

不論是各種版本，均適合使用其開發出JSP網頁，僅適合高級用戶。

③記事本

別以為記事本功能非常少，軟體很簡單；但是，如何想使用它來製作網頁，也僅適合高級用戶；因為在其內容，沒有任何可視化的操作可直接製作網頁，而只能編寫各種HTML代碼、CSS代碼、JS代碼和各種動態腳本，方能製作出網頁來。

5、網頁前端和網頁設計那個發展好？

網頁前端比網頁設計更好，因為設計出來的網頁最後還是要通過前端來製作、展現，所以一般的公司都沒有網頁設計這個崗位，要麼是項目組長/項目經理直接不知道從哪裡山寨的圖讓你照著做，又或者比如PHP有很多模板主題，讓你直接套，根本不需要你自己設計，也沒有這個必要。
說實話，我覺得，國內這個環境，單單前端是根本走不遠的，除非真的研究得很透徹，可以寫各種插件（比如B站的H5播放器內核，百度的地圖，還有阿里巴巴的一堆插件），各種瀏覽器IE567 firefox等完美兼容，否則你始終都要走後台，資料庫操作優化伺服器各種亂七八糟的東西，然後就是分布式高並發大數據。
網頁設計應該輕松很多吧，不用擔心技術更新，就像H5淘汰FLASH，不用擔心身體和年齡，有美術功底，會看一點代碼就行，做個圖最多調個CSS樣式。

6、如何使網頁設計高端大氣上檔次

使網頁設計高端大氣上檔次要做到網站中的內容要優質，網站建設中一個重要的因素就是內容，網站的內容要和網站的主題還有我們要做的關鍵詞相關，並且要有一定的可讀性和實用性，讓用戶可以從中學到知識、學到方法，得到自己想要的信息。網站的建設不僅僅只是為企業進行品牌宣傳，也會帶來潛在客戶-引導消費-增加收益等

7、網頁設計哪家公司做得好啊？

找網路公司還不如找我 我也是做設計的
網路公司都是坑爹的 開價老高把高的

8、優秀的網站頁面設計說起來很簡單，可具體怎麼做？

額……理論知識這個東西，不懂的人的確是看不懂呀……我這說了估計還是理論知識，建議這種理論知識不要強迫自己理解， 用來學一學作為後期對別人給自己做的網站的檢查可能更好一點~

首先應該有一個設計方案，把想放在網站頁面設計上的東西做一個規劃，比如說網站的整體風格，欄目和項目的具體樣式有一個初步的規劃，定下了初稿之後，才能更好的進行下一步。這一步呢就需要你來好好思考一下了！

如果是跨國公司或者韓國本土公司，需要做韓語網站的話，還需要把相對應的項目翻譯一下，這樣才能讓網民有更高的閱讀體驗。並且這種情況建議使用三種語言，中文+該國語言+英語。

接下來就是具體的分步驟的網站頁面設計了。一般來說分三個部分，首頁，欄目頁，內容頁。那麼大部分公司網站如何製作的呢？很大一步部分的公司網站都會選擇把公司的logo放在左上角或者右上角等比較醒目的位置上。

頂部做一個導航欄，假如網頁的整體背景使用的是公司圖片的話，最好建議導航欄設計的與眾不同一點，但是不要遮擋別的信息。欄目頁，和內容頁就比較簡單，頂部底部不變，中間按照自己的需求改一下就ok了。

除了頁面布局的規劃、色彩的搭配、字體的選取需合理得當，還應合理利用標簽、靜態網頁還是動態網頁的選擇上有一個篤定的規劃。標簽建議不要太少或太長，合理地利用網頁標題、描述、關鍵字才能在同行業中具有競爭力。網頁選擇上建議選擇靜態網頁，靜態網頁更容易被搜索引擎檢索。除此之外，網頁文件名的設置也格外重要，忌設置一些復雜、深奧的文件名。

總而言之，優秀的網站頁面設計需要明確設計思路、有條不紊的欄目設置、熟悉製作流程、重視鏈接的插入、標簽的設置、文件名的命名以及獨立性、關聯性的考量。只要遵循圍繞主題進行的設計理念，才可以擁有一個適合自己公司，對公司有幫助的網站~

以上就是設計小能手redtrans_cs小姐姐的意見了~以下提供點我做的某韓國公司網站的一小部分參考~