01、理解像素、分辨率、圖層的概念，熟悉ps界面
02、ps工具運用之選擇選擇修改類工具初篇 
03、ps工具運用之選擇選擇修改類工具后篇 
04、ps工具運用之修補(bǔ)修飾工具、矢量工具、輔助工具
05、ps工具運用之矢量工具、輔助工具及PS實訓(xùn)一(前篇)
06、PS實訓(xùn)一：模仿微博注冊頁設(shè)計(后篇) 
07、通道與蒙版及濾鏡的運用 
08、ps制作gif動畫及PS實訓(xùn)二(開篇)
09、實訓(xùn)二：仿企業(yè)電子商務(wù)網(wǎng)站（一）
10、實訓(xùn)二：仿企業(yè)電子商務(wù)網(wǎng)站（二） 
11、實訓(xùn)二：仿企業(yè)電子商務(wù)網(wǎng)站（三）

12、實訓(xùn)二：仿企業(yè)電子商務(wù)網(wǎng)站（四）
13、flash新建圖像及元件 
14、元件及創(chuàng)建動畫 
15、創(chuàng)建動畫及引導(dǎo)層與遮罩層
16、引導(dǎo)層與遮罩層及控制型動畫制作
17、控制型動畫制作(1) 
18、控制型動畫制作(2) 
19、flash實訓(xùn)：公益flash動畫制作（一）
20、flash實訓(xùn)：公益flash動畫制作（二） 
21、flash實訓(xùn)：公益flash動畫制作（三） 
22、flash實訓(xùn)：公益flash動畫制作（四）

項目演練

1、photoshop操作熟練進(jìn)階（第8講之后演練）
2、flash動畫制作進(jìn)階（第16講之后演練）
3、flash動畫制作進(jìn)階及代碼運用（第18講之后演練）

01、HTML基本標(biāo)簽
02、HTML基本標(biāo)簽及W3C標(biāo)準(zhǔn)
03、表格、表單及框架
04、表格、表單及框架及CSS基本語法和字體美化樣式
05、CSS基本語法和字體美化樣式
06、CSS基本語法和字體美化樣式(后篇)
07、盒模型的理解與認(rèn)識 
08、盒模型的理解與認(rèn)識及浮動布局

09、浮動布局與定位布局(一)
10、浮動布局與定位布局(二) 
11、浮動布局與定位布局(三)
12、hack及條件注釋及實訓(xùn)微博注冊頁面切片(一)
13、實訓(xùn) 微博注冊頁面切片(二)
14、實訓(xùn) 微博注冊頁面切片(三) 
15、實訓(xùn) 微博注冊頁面切片(四)

項目演練

1、HTML代碼進(jìn)階及樣式入門 （第6講之后演練）
2、CSS代碼進(jìn)階（第11講之后演練）

01、倒三角、滑動門及IE6的那些常見bug(一) 
02、倒三角、滑動門及IE6的那些常見bug(二)
03、分頁居中制作、九宮格制作及css sprite制作和優(yōu)缺點
04、實訓(xùn) 文章詳細(xì)頁(一) 
05、實訓(xùn) 文章詳細(xì)頁(二)
06、實訓(xùn) 文章詳細(xì)頁(三)
07、實訓(xùn) 文章詳細(xì)頁(四)
08、實訓(xùn) 傳統(tǒng)企業(yè)站布局(一)
09、實訓(xùn) 傳統(tǒng)企業(yè)站布局(二) 
10、實訓(xùn) 傳統(tǒng)企業(yè)站布局(三)
11、實訓(xùn) 傳統(tǒng)企業(yè)站布局(四)

12、實訓(xùn) 傳統(tǒng)企業(yè)站布局(五)
13、實訓(xùn) 支付寶社區(qū)(一) 
14、實訓(xùn) 支付寶社區(qū)(二) 
15、實訓(xùn) 支付寶社區(qū)(三)
16、實訓(xùn) 支付寶社區(qū)(四) 
17、實訓(xùn) 支付寶社區(qū)(五)
18、實訓(xùn) 支付寶社區(qū)(六) 
19、實訓(xùn) 支付寶社區(qū)(七)
20、實訓(xùn) 支付寶社區(qū)(八) 
21、實訓(xùn) 支付寶社區(qū)(九)

項目演練

CSS高級及兼容Hack技術(shù)代碼應(yīng)用 （第3講之后演練）