現在都是資訊化的時代，沒有一門好的技術是難以在社會之中立足的，現在的電腦技術飛速增長，每家公司都需要電腦人才，你可以去學習電腦專業，在這個領域中還是有很大的發展空間的，只要自己好好學習，以後的前景不可限量。

基礎是HTML HTML5 CSS CSS3 JS ，當然也要理解cookie session這些，適配移動端h5，跨瀏覽器相容性，和後端進行互動，網路安全，還有就是美，涉及到審美就是天賦了

這個網頁設計已經是很老的說法了！我姑且認為是平面設計！類似於出網頁的平面圖。這個要美工基礎。如果說是網頁，那就是前端，這個比較難，學web很多東西。

網頁設計需要學習東西還是比較多。

第一階段：設計軟體學習：例如 PS 、AI、Dreamweaver、等等。

Photoshop簡稱PS，是由Adobe公司開發和發行的影象處理軟體，Photoshop主要處理以畫素所構成的數字影象

Adobe Illustrator(AI設計軟體) Adobe Illustrator是一個繪圖軟體包，允許你建立複雜的藝術作品，技術圖解，用於列印的圖形和頁面設計圖樣，多媒體，以及 Web 。Adobe Illustrator提供了廣泛的強大繪圖和著色工具，其中包括：一個刷子工具，橢圓工具，徒手素描工具，刀子工具，自動跟蹤工具，護罩，斜變工具，路徑圖案過濾器，混合工具，顏料桶，滴管，對齊工具及墨水筆過濾器。Illustrator有強大的圖形處理功能，支援所有主要的圖象格式，其中包括PDF和EPS。這個程式讓你進行廣泛的印刷控制，並可以支援工業標準的 Adobe 外掛。

Dreamweaver ：一套針對專業網頁設計師特別發展的視覺化網頁開發工具，也是目前最新版本利用它可以輕而易舉地製作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網頁。本套教程結合目前網頁中應用到的各種效果和技巧,全面講解如何用Dreamweaver CS6去完成網頁頁面的排版設計，同時配合生動實用的案例使您更容易、更輕鬆掌握Dreamweaver CS6，幫您成就網頁設計師的夢想.

第二階段：網站的概述、網站的製作及設計、web 網頁設計 專題頁面設計 電商知識 企業網站製作 、後臺系統設計、移動端頁面設計。

第三階段：程式語言的學習html 、 css 、 js 、 html5 、 css3 JavaScript 等等

這些程式語言都是開源的在網站很容易找到學習教材，但是要學好用好還是要透過不斷的實踐。

第四階段：比較高階一點前端語言。

jquery:javascript框架，javascript函式庫，極大簡化了javascript。bootstrap:一個用於快速開發 Web 應用程式和網站的前端框架。

AngularJS: 是一個 JavaScript 框架。

JSON: 是儲存和交換文字資訊的語法.

Ajax: 可以用於建立快速動態的網頁。AJAX 是一種在無需重新載入整個網頁的情況下，能夠更新部分網頁的技術。

Angular 2:是一個開源的JavaScript框架

React: 是一個用於構建使用者介面的 JAVASCRIPT 庫。React主要用於構建UI .

LESS:是一個CSS預處理器，可以為網站啟用可自定義，可管理和可重用的樣式表。是一種動態樣式表語言，擴充套件了CSS的功能

Vue.js ：是用於構建互動式的 Web 介面的庫。

Node.js ：是執行在服務端的 JavaScript。

如果這些你都能有所掌握那麼你將慢慢的走上程式設計之路了。

想要做好網頁設計，需要掌握的軟體和技術還挺多的，但不建議都把這些技術掌握的很精通，畢竟人的精力是有限的，可以選擇其中的一項技術來認真鑽研，並達到熟練掌握運用。

一.視覺方面

如果你是設計專業或者對視覺有很濃厚的興趣，那就可以選擇做這個方向的網頁設計，也就是透過設計軟體，根據原型圖或者草圖製作高保真效果圖。要做這方面的網頁設計，需要掌握的設計軟體有photosho,illustrator等視覺設計軟體。

ps主要用來設計網頁效果圖和對效果圖進行切片以及一些網頁小元素的處理和製作，用處可以說相當大，學好PS就完全可以製作出精美的網頁了。illustrator主要是處理一些向量圖形或者圖示，輔助PS進行網頁設計，這要看你哪個軟體掌握的熟練，就以哪個為主。

掌握了基本的網頁設計軟體，下面就要多學習一些網頁的基本知識，比如網頁尺寸，網頁佈局排版等規範，這些需要長時間的練習和積累，要多看多想多做，慢慢你就會發現自己水平提高了，設計的網頁也越來越專業和漂亮。

二.網頁前端

這個方向的網頁設計，需要掌握和精通前端html程式碼以及css樣式js這些，也就是透過這些把ps設計好的效果圖實現成可以透過瀏覽器瀏覽訪問的網頁頁面。對程式碼有興趣的朋友可以朝這個方向發展。

推薦使用的軟體是Dreamweaver，方便易學，可以快速進行網頁佈局和css，當然隨著學習的深入，你會知道其他很多前端設計軟體，這裡不再一一介紹。

我當時讀的專業就是網頁設計，有動態網頁，靜態網頁，影片、UI、VI、3Dmaya三維等，反正涉及方向挺多的。

最好還是找自己感興趣的方向學，因喜歡才會堅持下去。

網頁設計需要掌握

1.html語言

超文字的標記語言

2.伺服器的架設

要製作網頁就需要架設伺服器來除錯你做出的網頁.

3.css語言

4.div+css佈局

這是網頁設計的全部課程，要是感興趣的話可以瞭解一下：

計算機基礎Office辦公自動化Dreamweaver網頁設計SQL server2008JavaScriptHTML5+CSS3動態網頁設計PHP+MYSQL

學HTML，必須的。學好這個然後學DIV+CSS，當然要把網頁做的好看。必須學會PS,也就是PHOTOSHOP。這兩樣學會了。就會做一般的靜態網站了。如果想做一些動態效果，就得學FLASH。要是想做動態資料，就要學，PHP,ASP,JSP ,.NET中的某種。最重要的還是，HTML CSS 和PS了。這個是基礎。

單純的“網頁設計”肯定還是以設計角度為主，我來給你分析一下這個網頁的組成。

網頁分成：前端設計和前端程式碼

前端設計：就是把網頁的效果圖設計成圖片（用Photoshop 的比較多，當然可以設計圖片的一 切工具都可以）

前端程式碼：把設計好的效果圖，切圖用程式碼寫出來。（我一般用Dreamweaver和sublime）

網頁組成

網頁是由html +CSS+JS+圖片+媒體檔案 組成

HTML 網頁的具體內容和結構

HTML的全稱是HyperTextMarkupLanguage，超文字標記語言 其實它就是文字，由瀏覽器負責將它解析成具體的網頁內容

CSS 網頁的樣式（美化網頁最重要的一塊）

CSS的全稱是Cascading Style Sheets,層疊樣式表 它用來控制HTML標籤的樣式，在美化網頁中起到非常重要的作用

JavaScript 網頁的互動效果，比如對使用者滑鼠事件作出響應

JavaScript一種直譯式指令碼語言，是一種動態型別、弱型別、基於原型的語言，內建支援型別，

你把它當成前端的程式語言就可以了。

學會這些你就可以完整的做出網頁了。

這個網頁設計已經是很老的說法了！我姑且認為是平面設計！類似於出網頁的平面圖。這個要美工基礎。如果說是網頁，

首先： 1，你必須要學會HTML知識。 HTML，又叫做‘超文字標記語言’。它是目前網路上應用最為廣泛的語言，也是構成網頁文件的主要語言。基本上網頁大部分都是由HTML構造完成，實際上它像是一種格式、定義，指示、說明網頁中的文字、聲音、影象、表...

網頁設計是為網頁設計效果圖，主要用photoshop或者firework設計出網頁介面。有的還包括網頁動畫flash。

現在移動端網頁設計也用到illustrator做圖示。

網頁設計並非網頁製作或者前端，認為是做前端的肯定是概念錯誤。

網頁製作或者前端才是做html，css，js