網頁設計師的分段進階之路：[1]初級篇?

　　筆者是從二十出頭，開始學習並從事網頁設計工作，至今已虛度至三十好幾。絕不敢自稱網頁設計高手、大師，但自信可以應付絕大部分公司對網頁前端的工作需求。現根據自身的工作經歷，塗鴉一篇《網頁設計師的分段進階之路》，分享與有志成為網頁設計師、或希望對這職業有所瞭解的朋友。願未來的準設計師朋友們，早日達成所願！

　　本篇講述的初級網頁設計師，

　　專業水平：有公司願意聘用你做網頁。

　　必備知識：HTML4基礎、CSS基礎、XHTML、Dreamweaver(DW)基礎、Photoshop(PS)基礎、Flash基礎、Javascript(JS)基礎

　　要學的東東多嗎？其實你會的也不少：走路、吃飯、刷牙、睡覺、讀書、寫字……

　　好消息是，這部分你甚至不用花錢買書、去參加培訓班。萬能的互聯網啊，贊個先！！

　　(注:在下並非學術權威，本文也不是知識教學，術語簡略/錯漏處，敬請諒解/指正)

　　本系列還將繼續貢獻中級篇、高級篇、大師篇，敬候各位蒞臨指教！

工具/原料

HTML

CSS

XHTML

Dreamweaver

Photoshop

Flash

Javascript

學習方法及目標

HTML：

　　這裡講的HTML就是HTML4了。

　　學習方法：去書店找本書翻一翻；或在網上/百科等，找篇文章看一看；網上也有很多相關免費視頻教程，我本人更喜歡這種即直觀、又低成本的學習方法。

　　學習目標：知道HTML於工作中，就是各種標籤，標籤裡有各種屬性；記住大部分常用標籤及屬性；常備並會用HTML手冊；用記事本等非智能/可視化網頁編輯器，編寫出基本網頁結構的html代碼。

CSS：

　　此處特指CSS2。

　　學習方法：同HTML。

　　學習目標：知道CSS的各種作用形式，如嵌入式、頁頭式、文件引入式；記住大部分常用屬性名及值類型；常備並會用CSS手冊；用Dreamweaver等智能/可視化網頁編輯器，熟練編寫CSS文檔。

XHTML：

　　學習方法：只需在網上找些文章看看即可。

　　學習目標：知道它是比HTLM嚴格的語法標準；記住其所有與HTML4的不同，雖然於Transitional(過渡型)規範中，不必照做；知道他還有“XHTML 1.0 Strict(嚴格型)”規範，並在公司有要求時，找來規範照做。

Dreamweaver：

　　應該是98％的網頁製作人必備必會的好東東吧。

　　學習方法：去網上找免費視頻看

　　學習目標：當然是越熟練越好。至少，熟練各界面操作、新建各類型文件(其中有各類文件的預設代碼,漸熟之)、代碼提醒等功能。

Photoshop：

　　Ｎ年前我已用它，完全取代了網頁三劍客中的Fireworks。

　　學習方法：免費視頻。

　　學習目標：也是越熟練越好呀。至少，簡單扣圖及其它基礎常用功能；把不同素材的圖片，分層組合出網頁中需要的圖片；會用裡面的GIF動態圖製作工具(CS6中叫時間軸)；用它做網頁效果圖。

Flash：

　　即使GIF動態圖能解決你工作中，對動態圖片效果的大部分需求，但是否會Flash，依然可能影響用人單位，最終決定用你，還是用'他/她'。

　　學習方法：入門級免費視頻。

　　學習目標：知道補間動畫、分幀動畫原理；會做簡單動畫。

Javascript：

　　網頁設計中不可或缺的東東。即使初級，也要有所瞭解。

　　學習方法：入門級免費視頻。

　　學習目標：瞭解DOM；瞭解JS語法結構及引用方式；會從網上找常用js代碼並使用

注意事項

至於各種網頁設計師資格認證，我已經多年不費心這些了，但初學者如想求職之時多一塊敲門磚，那就去考上一個。適合這一階段能力的比如ADOBE的ACCD證。

如果您學習工作中遇到問題，歡迎發送郵件至[email protected]，我將挑選最有普遍性的問題，依次在中予以解答。感謝關注！