做網頁設計需要學習哪些內容？

這個問題我來回答一下，我本人是一個前端工程師，經常給系統設計頁面。

如果你只是做靜態的網頁頁面設計，首先你要會HTML(包括html5)包括和CSS，這是頁面布局的基礎，現在一般都是div+css。

當然做頁面設計肯定離不開圖像處理軟體，比如PS，AI(不是人工智慧)這類的軟體，總要會一個，把需要的圖片進行處理，符合頁面的要求。

現在一般都是響應式布局，就是一套代碼，可以在大小不同的屏幕上正常顯示，比較簡單的方法是css里的@media，不過這樣寫代碼會比較多。

除此之外就是用Bootstrap框架，是支持響應式布局的，樣式也挺好看的，能夠快速地布局。

這些是一些基礎的知識，如果都了解，可以去從事網頁設計了，在工作中遇到其他問題，再繼續學習。

　　一、首先要掌握一些HTML的應用??html是一種語言，最初網站的編寫全是利用html代碼編寫出來的，

　　當年的那些老鳥們一般是用「記事本」或「寫字板」直接利用HTML寫網頁的!

　　後來出現了一些所見即所得的工具才使網頁設計的工作大大簡單化，使我們這些菜鳥即使不懂html也能設計出很美觀的網站。現在「傻瓜式」製作網頁的軟體越

　　來越多，特別是模板技術的出現更加使網站設計容易操作了，套用現成「模版」就可以製作出很不錯的頁面來。??HTML對於大部分網迷朋友們來說，

　　沒有必要精通，但是，對於一個網站設計者來說，如果對HTML一點都不了解的話，在網站設計時有某些細節方面問題就非常難以處理了。舉個最簡單的例子來

　　說，如果你見到別人的網站上面有一個網頁效果很好看，你想把這個效果放到自己的網站上，可你對html一點兒也不懂，這樣一來就無法將這個效果移到你的網

　　站上 !??其實html的學習是很簡單的，儘管說有些html的書厚的嚇人，但那也只是手冊式的工具書。我們學習html應該象學習dos命令一樣，只把最基本的、最常用的那二十多個標籤的語法和參數搞懂並且背下來就行了。其它少用的那些標籤我感覺就不必去特意學。??順便說一句，了解HTML最為有效的方法就是閱讀和分析自己崇拜喜歡的網頁的源代碼，有什麼不懂的問題請E-MAIL網站的主人虛心請教——這些老前輩都是非常熱心的。「聽君一席話，勝讀十年書」，對於自己的技術提高非常顯著哦：-)二、熟練掌握Dreamweaver 4軟體?

　　?當你掌握了最基本的html使用方法後，就你應該選一個優秀的網站設計工具了，因為我們平時設計網站還是要用這種工具軟體進行設計，如果全靠html編

　　寫那可就老麻煩了。目前這種所見即所得的工具很多，比較出名的有微軟的front

　　page(網友簡單它為FP,以後大家在看到論壇有人說FP，指的就是這個軟體)、Macromedia公司的Dreamweaver

　　4(網友簡單它為dw)、還有IBM公司出的一套設計軟體也不錯。??這麼些種軟體我們沒有必要全都掌握，我們只要掌握其中的一種即可。在這幾種

　　軟體中我吐血推薦Macromedia公司開發的Dreamweaver

　　4網站製作軟體!目前老鳥新鳥都用這個軟體，它使用簡單、功能強大。但如果目前你以經使用fp,並感覺fq用的很好，那就沒必要換用dw。我們使用工具的

　　目的就是設計網站，只要能利用工具把自己的目的達到即可，至於說用什麼樣的軟體是無所謂的。就好像一個人天天下班騎車回家，那他就沒必要一定得學會怎麼樣開車回家、怎麼樣騎馬回家，怎麼樣開飛機回家。三、具有對網站的整體布局、風格和頁面創意設計能力?

　　?網路世界的精髓就是個性化，一個網站的布局和設計至少要佔全部工作量的百分之六十左右!我們已經看夠了許多沒有特性的網頁，建議大家在考慮建站的當初盡

　　量選擇自己最喜歡最拿手的東東——做自己最開心的東西工作也是一種快樂!那麼這種能力怎麼樣培養呢?我覺得最好的方法就是要多看優秀的網站，並且常問自己

　　為什麼會感覺這個網站好看?它研究好在哪裡?久而久之，什麼樣的網站是一個設計優秀的網你心裡就有數了。四、對圖片、聲音、動畫處理技術要掌握??目前來看現在網上純文本的網頁非常少了，如果一個成功的網站一張圖片也沒有那是不可能的。但圖片的使用也要適當，過多的圖片即影響速度又使頁面失去了主題。適當的使用圖片有「畫龍點睛」的作用。?

　　?圖片怎麼學呢?要學到什麼程度呢?我在這裡還是推薦Macromedia的產品，這個公司針對網站設計一共推出了三個產品，前面我介紹了一個

　　Dreamweaver 4是用來設製作網站的。它們公司還有Fireworks 4和Flash 5這兩個軟體。Fireworks

　　4這個軟體就是用來進行網站圖片處理的，我個人覺得學他要比學photoshop好。??Flash

　　5這個軟體是用來做動畫的，網上所說的閃客指的就是做flsh動畫的高手。這兩種軟體的最基本的使用方法大家應該掌握，至少，網站設計所應該學會的最主要

　　的軟體就是這些了。至於說那些製作logo、banner、javascrpt小效果等一類的專門軟體就很好學了，基本裝上後看看就能使用了。五、網站的管理及後台程序的調試要有一定的了解?

　　?所謂的網站管理包括資料的收集整理、寫作和製作、及時更新網頁和提供高質量的服務等方面。現在的網頁一個星期進行一次更新已經無法滿足大部分網迷朋友的

　　要求。所以，還是首先考慮自己的經濟基礎、精力和時間能不能跟得上。使用網頁源代碼「更新」的朋友們請注意：這是一種非常不明智的做法，對得起拜訪你的主

　　頁的朋友們嗎?!??但是對於個人網站來說站長光桿司令精力有限，那該怎麼樣來解決這個問題呢?解決的辦法是有的，那就是讓自己的網站具有交互

　　性，可以讓眾多和你有相同愛好的網友幫助你共同管理網站。你可以建立文章發布系統來讓網友幫助你更新、添加文章。類似這樣功能的其它免費系統有很多的，我

　　們下載後可以進行修改，讓其具有自己的特色，然後上傳到自己的空間，我感覺這樣的系統和專業的相差並不是很多。我個人覺得並沒有必要天天去摳asp、

　　php編程。我們並不都想當程序員，網上免費的東東已經做的很不錯了，拿過來會修改會安裝就可以了。但這是我個人看法說的不一定對。

題主首先要明白你是需要學習網頁設計還是學習建站，這個是兩碼事。

網頁設計說難不難，說易不易，最終還是要看你想做的什麼程度，做到什麼程度就看你學習後的功底了。

既然學網頁設計，首先要學習設計，再就是UI，也就是用戶界面設計，說白了網頁就是個用戶界面。

所以最起碼你要掌握簡單的排版設計、色彩原理、色彩搭配等美術功底，然後需要掌握一些交互設計基礎這些基本的知識。

基本知識有了需要再掌握一些常用設計軟體的使用，如Dreamweaver、Fireworks、Flash、Photoshop 、Illustrator等，最起碼的要把PS搞明白，他們負責把想法，把你的素描作品變成電子作品的。

好了，這些掌握了，接下來要了解一下前段代碼HTML、CSS、DIV、JS的學習，學完就可以把你設計的作品變成靜態頁面了，然後了解一下HTML5、CSS3、bootstrap、less等技術、這些學完基本算入行了。

如果在此基礎上面再學習動態頁面的設計，或者說需要後端相關知識的學習，比如掌握如IIS、Apache、Nginx等網站系統的搭建與使用，掌握一門如C#、asp、Asp. ne、PHP、CGI、jsp等動態語言，掌握SQLServer、Access、MySQL等資料庫的操作。

寫到這感覺你已經萬能了，實際學習中可多學習高手設計的網站，初期可參考別人設計的模板，從中吸取精華，慢慢提升，希望回答對你有幫助。

點擊頭像關注我，給你更多有趣有意義的信息~

這個我太知道了，我以前好像也回答過類似的問題。

首先你如果想學習網頁設計開發，一定要系統的了解這個前端設計大體學習架構，不然的話你會學的很亂，很沒有目的性，就會感覺特別的枯燥乏味。

網站設計分為前端設計和後端開發。前端設計又有靜態網站和動態網站之分。

如果你只是想學習靜態網站，HTML5+CSS3在搭配比較火熱的一些前端框架，比如bootstrap框架就足矣。如果你想設計特別炫酷的動態網葉，JavaScript和jQuery是必不可少的，你要用一點心思了，因為這個比較注重邏輯思維。

由於題主只是說網頁設計，所以後端的我就不多說了，一張圖片足矣讓你系統的了解網站開發所要學習的知識框架了，看圖：

網頁設計需要的學習的有：div+css+ps+js+jq。網頁設計主要是利用Dreamweaver或者其他軟體，用div+css布局，用js實現需要的效果根據ps做好的圖稿進行切圖，用div+css美化網頁就好了。