網頁設計如何

1. 網頁製作怎麼弄

網頁設計相對帶硬體知識的嵌入式編程和PC端網路編程的難度要小多了，一個簡單的網頁只需要學習html，css，js這三個即可。最後有C語言的基礎。

我學習網頁在2003年非典在家沒事上網，想做一個網上在線運行的CRC計算器，即網頁版本的CRC計算器。

當時只要實現功能即可，界面不需好看，故只需要html+js(因為需要gb2312漢字編碼，故需要vbs)。

因為本人就是搞軟硬體的，學習的編程語言眾多，故非常快的入門並實現了初步的在線離線運行的功能。

一直在IE下運行，即只能在PC端的windows環境下運行，其他瀏覽器都無法運行(不支持vbs)，所以兼容性太差。

在網上運行13年後，終於下決心做全兼容，可以在任何平台上運行。

為了美化界面，有臨時學習了css，終於自己需要的HotCRC計算器實現了全兼容。

所以，不要萬事求人！只要自己想做，沒有不能做的事才行。

2. 如何設計一個好的網頁

一、確定網站主題

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

二、搜集材料

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

三、規劃網站

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

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

五、製作網頁

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

六、上傳測試

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

七、推廣宣傳

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

八、維護更新

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

3. 如何進行網頁設計

網頁設計與平面設計的異同

設計傳達的方式

傳統的平面設計講究頁面構圖、版式布局、空間表現等，而網頁設計也適用這些要素。

網頁設計與傳統平面設計在視覺傳達方面很大的相似點，但是在技術方面又是有很大的區別。

網頁設計是傳統平面設計的視覺傳達效果運用和網路技術的結合，所以可以說網頁設計綜合了平面設計藝術和網路技術。

網頁設計的重要特色就是動靜結合，這點在平面設計裏是無法實現的。

處理的差別

傳統平面設計的作品大多是以印刷的平面形式表現；而網頁設計作品則是透過顯示器表現，並且在傳輸的過程中受到網路頻寬的限制。

普通印刷是按照色素的減法原理進行的，設計時的顏色模式為 CMYK ，而電腦的顯示器的色彩原理則是以色光合成加法原理進行的，是 RGB 模式，使用同樣的顏色，但是在不同的顏色模式下，顯示的效果是會有色差的。

因為受到網路頻寬的限制，網頁設計中的圖像處理也不同於平面設計，為了加快下載速度，在保持圖像質量的前提下我們要盡可能的縮小其檔案大小，而不像平面設計那樣為了追求圖像的質量而不管其文件大小。

作為一名合格的網頁設計師，在處理網路圖形時，應做到在保持圖像清晰的前提下，盡可能縮小圖片的檔案大小。
網頁的構圖布局與平面構圖布局有著很大的相似之處，但是因為技術的局限，網頁構圖遠不如平面設計那樣揮灑自如。

在平面設計中想把某一物件放置到某一位置的時候只需要簡單的拖曳就可以完成。
但是在網頁設計中想對某一物件進行定位的話就必須有 HTML 語言的支援才行。

所以在進行網頁設計的時候，除了要有好的創意，還應該考慮到技術上的可行性。
網頁的構圖與傳統的平面構圖最大的區別就是技術的可行性。

在進行網頁設計時必需時時提醒自己，所設計的作品最終會通過網路傳輸到用戶端，經過下載，再用瀏覽器瀏覽，作品將受到頻寬和顯示器的限制。

而且，所有網頁的後端語言都是以 HTML 為基礎，輔以 JavaScript 或 VBScript 編寫的程式，有些動態特效實現起來會有較大的難度。
所以，網頁設計人員在構思創意時，要考慮到技術上是否能實現。

如果一味地追求視覺效果的創意，而忽略技術上的限制，顧此失彼，再好的構思也只好放棄。
ㄞ鄏b網頁設計中實現的創意，對網頁設計構圖來說是毫無價值的。

功能的不同

傳統平面的設計作品是以向人們傳達某種資訊或訴求為目的。而網頁設計網頁的設計必須是配合網站的內容設計，而不是單純地只為表現藝術而設計。

除了擁有平面設計作品的功能以外，還有重要的引導和連接功能，也就是網頁具有很強的可操作性和互動性。

網頁設計與傳統的平面設計最大的區別就是網頁的可操作性。
網頁的可操作性是通過頁面間的鏈結實現的。

所謂鏈結結構就是指網頁頁面間的相互鏈結關系。
選擇適當的鏈結結構，對整個網站的各個頁面設計將有很大的引導作用。

若鏈結的結構使用不良的話，會使得重要的資訊不能讓訪問者獲取，這將違背了網站設計者的初衷。

在製作一個網站的時候會有一個名為 index.html 的頁面，我們一般把它稱為 「首頁」 。

一般在瀏覽網站的時候，在瀏覽器的位址欄裏輸入網址後，直接打開的就是檔名為 index.html 的頁面，它的作用就與書本的目錄相同。

大家應該都有在書上找資料的經驗，一般來說我們都會打開書的目錄來查尋資料位置，以便較快找到資料。

同理，如果把我們的網站看成是一本書的話，那麼 「首頁」 就是書的目錄，它的作用就是使我們盡快的找到自己想找的資訊。

而很多人在設計網站的時候做出來的網站是很漂亮，但卻讓訪問的人無從下手來進行瀏覽。

想從這個網站裏找到自己有興趣的內容卻怎麼也找不到，雖然說這個網站裏有這些內容，但就是找不到或者找起來很麻煩。

這就說明了引導性和可操作性的重要。

4. 如何做一個網頁設計

網頁設計可以到網上下載自助建站系統來做網站：pageadmin cms、discuz cms都是不錯的、簡單、方便、直接下載來自行建站。

5. 網頁設計的前景如何

1、是網路公司，專門給人做網站的，一般以量為主，加班比較多，但是有提成，裡面的設計師做到底也就設計部經理，然後慢慢升管理層，當然這要企業有空間升職的情況下來說的，也有做一輩子的網頁設計的，和銷售一樣，已知最好賺的是中企，每個網站提成5%，厲害的設計師可以做到月收入上W。

2、私企，為自己公司做網站並維護，包括一些購物網，一個網站重復鼓搗，對設計本身發展不利，工作相對輕松無壓力，對員工要求比較全面，設計、切圖甚至代碼都要懂，做個兩三年人是變全面了，但是設計水平無法提高，如果企業小的話對以後發展不好。

3、廣告公司，專門設計高端水平的網站，特別要求flash技術。加班是經常的，同時收入是豐富的。但是對平面設計也有要求，發展前景不錯，但是能力不夠的話壓力不是一般的大。

6. 網頁設計，怎麼做

一、確定網站主題

網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對於個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。

二、搜集材料
明確了網站的主題以後，你就要圍繞主題開始搜集材料了。常言道：「巧婦難為無米之炊」。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以後製作網站就越容易。

三、規劃網站
一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。
四、選擇合適的製作工具
盡管選擇什麼樣的工具並不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。

五、製作網頁
材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小，就是說在製作網頁時，先把大的結構設計好，然後再逐步完善小的結構設計。

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

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

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

7. 如何自學網頁設計

1、在桌面上右鍵點擊滑鼠，出現對話框之後，點擊新建。

8. 網頁設計應該如何布局

網頁布局類型

網頁布局大致可分為「國」字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型，下面分別論述。 1.

「國」字型:也可以稱為「同」字型，是一些大型網站所喜歡的類型，即最上面是網站的標題以及橫幅廣告條，接下來就是網站的主要內容，左右分列一些兩小條內

2. 拐角型:這種結構與上一種其實只是形式上的區別，其實是很相近的，上面是標題及廣告橫幅，接下來的左側是一窄列鏈接等，右列是很寬的正文，下面也是一些網站的輔助信息。在這種類型中，一種很常見的類型是最上面是標題及廣告，左側是導航鏈接。

3. 標題正文型:這種類型即最上面是標題或類似的一些東西，下面是正文，比如一些文章頁面或注冊頁面等就是這種類。

4. 左右框架型:這是一種左右為分別兩頁的框架結構，一般左面是導航鏈接，有時最上面會有一個小的標題或標致，右面是正文。我們見到的大部分的大型論壇都是這種結構的，有一些企業網站也喜歡採用。這種類型結構非常清晰，一目瞭然。

5. 上下框架型:與上面類似，區別僅僅在於是一種上下分為兩頁的框架。

6. 綜合框架型:上頁兩種結構的結合，相對復雜的一種框架結構，較為常見的是類似於「拐角型」結構的，只是採用了框架結構。 7.

封面型:這種類型基本上是出現在一些網站的首頁，大部分為一些精美的平面設計結合一些小的動畫，放上幾個簡單的鏈接或者僅是一個「進入」的鏈接甚至直接在

首頁的圖片上做鏈接而沒有任何提示。這種類型大部分出現在企業網站和個人主頁，如果說處理的好，會給人帶來賞心悅目的感覺。

8. Flash型:其實這與封面型結構是類似的，只是這種類型採用了目前非常游戲行的Flash，與封面型不同的是，由於Flash強大的功能，頁面所表達的信息更豐富，其視覺效果及聽覺效果如果處理得當，絕不差於傳統的多媒體。

9. 變化型:即上面幾種類型的結合與變化，比如本站在視覺上是很接近拐角型的，但所實現的功能的實質是那種上、左、右結構的綜合框架型。

9. 如何進行網頁製作

目前很多傳統企業在架設互聯網渠道，上線官方網站之後，進行營銷推廣，而有一些傳統企業的品牌網站，基本上是不做推廣的，雖然如此，因為其在線下形成的品牌效應，這些品牌網站很容易被搜索引擎放在首頁，如果被加註官方網站標示的話。那不用優化的品牌網站，如何做好網頁設計呢？

一、良好的網站結構布局

網站上線後，需要運營，無論是什麼網站，不做運營等於自取滅亡，也不能較大發揮網站的作用。運營的前提是網站的結構要合理，結構合理，自然要符合亮點要求，搜索引擎好收錄，用戶體驗好。


網站結構就像寫議論文一樣，先來了總論，做好網站的首頁，然後是分論，相當於網站的二級域名，依次是三級頁面等等，一個邏輯清晰的網站，可以讓用戶看的舒心，而且隨著網站運營，信息量不斷增加，頁面布局也顯得井井有條，同時，也便於搜索引擎抓取相關頁面。

二、網站首頁是重點

網站首頁的重要性不言而喻，有超過八成的用戶是通過首頁訪問網站的，而且如果一個品牌網站不做優化，這個比例會更大，通常從搜索引擎進去的都是網站首頁。

如今品牌網站設計，使用大圖片或者全屏背景的網頁設計，已經蔚然成為一種趨勢，如此的網頁設計風格備受各大品牌的歡迎的一個重要原因是，這樣的網頁設計讓網頁外觀看起來非常的簡約大方。而且也適合移動端的訪問!

三、品牌網站要做好產品信息和產品展示頁的設計

對於大多的品牌網站來說，產品是核心。產品描述包括兩個層次，一個是產品列表頁面，另一個是產品詳細信息頁面，產品列表頁面，可以對品牌網站提供的產品一目瞭然的展現在用戶面前，而產品詳細信息頁，則是用戶對某個產品感興趣的時候，點擊該產品時進入的頁面。

如何做好產品頁面設計，這是一個很讓人撓頭的事情，尤其是提供上百個產品的品牌，如何分出主次，如何提供給用戶為便利的體驗，這都要在網站設計上多花心思。

有的官方網站細化「一鍋端」，在網站上線時，就把所有的產品都羅列出來，這很容易出現程序化，倒不如把主要的產品先上線，然後把其他產品每日上新，這樣可以避免同質化，還有利於網站優化。

四、品牌網站適當做點優化

不優化的品牌網站，吃的是線下的資源飯，局限很大，也不能以此沾沾自喜，毫無作為。雖然品牌網站可以以官方網站排在搜索引擎首頁，那隻是品牌關鍵詞而已，如果搜索具體的產品名，可能榜山無名。品牌就是品質的保證，運用SEO優化手段做好企業的品牌建設，成為了當前許多企業做大做強的主要手段。在互聯網營銷，相關品牌依託網站，配合整體的市場宣傳，在擴大產品影響力的同時，也會為網站帶來一定量業務，從而讓品牌網站作用較大化!

時間財富網原名威客中國威客網,是威客行業領先的眾包服務平台。是僱主和威客最值得信賴的威客網站,其中服務品類涵蓋知識產權、商標注冊、logo設計、平面設計、網站建設、文案策劃、裝修設計等為主的400餘種現代服務領域。時間財富網致力於為廣大需求者解決各種實際性需求問題,打造全方位的創意服務。