1、做網(wǎng)頁設(shè)計(jì)要先學(xué)HTML 

HTML是一種非常簡單的語言，也是網(wǎng)頁設(shè)計(jì)的基礎(chǔ)，找本能夠理解的教材，瀏覽為主，不需要記住所有的概念，只記得使用原則，這一階段不需要花很長的時(shí)間。然后用兩天時(shí)間按照上面的方法學(xué)習(xí)CSS，自學(xué)通常需要幾天的時(shí)間，但必須學(xué)會(huì)。

2、學(xué)習(xí)可視化設(shè)計(jì)軟件

掌握HTML后，達(dá)到可以設(shè)計(jì)一些簡單的靜態(tài)頁面的水平，就可以學(xué)習(xí)可視化設(shè)計(jì)的軟件，如：Dreamweaver是可視化頁面結(jié)構(gòu)設(shè)計(jì)軟件，可視化就是可以使用該軟件在現(xiàn)成的按鈕或選項(xiàng)，幫助你快速制作好網(wǎng)頁，軟件自動(dòng)生成的代碼，而不是自己寫，能夠大大提高效率。

3、學(xué)習(xí)FLASH動(dòng)畫和PHOTOSHOP

學(xué)習(xí)了頁面設(shè)計(jì)后，要學(xué)習(xí)好flash和ps，這些都是常有到的。

4、學(xué)會(huì)頁面切割圖和div+ CSS 

CSS是網(wǎng)頁制作人員必備的工具，經(jīng)驗(yàn)決定了你能不能勝任網(wǎng)頁前端設(shè)計(jì)師的工作，建議進(jìn)行系統(tǒng)的培訓(xùn)或自學(xué)。

5、制定學(xué)習(xí)計(jì)劃

學(xué)習(xí)網(wǎng)頁設(shè)計(jì)，必須明白它是企業(yè)和客戶通過有用的圖片和文字、對網(wǎng)站進(jìn)行頁面美化設(shè)計(jì)，網(wǎng)頁設(shè)計(jì)師必須策劃整個(gè)頁面的風(fēng)格，然后通過自己的雙手和大腦用藝術(shù)形式表達(dá)。網(wǎng)站設(shè)計(jì)不僅是一個(gè)公司形象，而且對公司進(jìn)一步推廣有至關(guān)重要的作用。

6、學(xué)習(xí)網(wǎng)頁設(shè)計(jì)的時(shí)間

一般來說，網(wǎng)頁設(shè)計(jì)有兩個(gè)方向：一個(gè)是藝術(shù)方向，另一個(gè)是主程序方向，即網(wǎng)頁前端開發(fā)。學(xué)習(xí)的方法有兩種：自學(xué)和培訓(xùn)，所需的時(shí)間也不同。

選擇藝術(shù)方向：網(wǎng)頁設(shè)計(jì)和傳統(tǒng)平面設(shè)計(jì)不同，傳統(tǒng)平面設(shè)計(jì)都是海報(bào)、畫冊等，而網(wǎng)頁設(shè)計(jì)是做網(wǎng)站的設(shè)計(jì)、且網(wǎng)頁類型有電腦端和移動(dòng)終端，但本質(zhì)上是做設(shè)計(jì)地，都是要用ps、ai等軟件，一個(gè)高端網(wǎng)站設(shè)計(jì)也需要做網(wǎng)頁設(shè)計(jì)，純做網(wǎng)頁美工的話，做到適應(yīng)網(wǎng)頁，通常不會(huì)花很長時(shí)間。

選擇主程序方向：就是做網(wǎng)頁前端開發(fā)會(huì)花一點(diǎn)時(shí)間。因?yàn)檫@里需要了解代碼，基本的HTML和CSS、js代碼，做網(wǎng)頁布局和一些簡單的交互。

由于前端技術(shù)更新頻率快，它要求從業(yè)者不斷地學(xué)習(xí)各種新技術(shù)、新框架。例如：當(dāng)前流行的html5技術(shù)，要求第四代網(wǎng)頁技術(shù)的人進(jìn)一步學(xué)習(xí)。

當(dāng)然，這兩個(gè)方向都可以學(xué)習(xí)，不過花的時(shí)間自然會(huì)更長。