模塊一 初識(shí)Photoshop Web基礎(chǔ)知識(shí)

任務(wù)一 認(rèn)識(shí)網(wǎng)站美工

1.什么是網(wǎng)站美工

2.網(wǎng)站美工的任務(wù)

任務(wù)二 網(wǎng)站設(shè)計(jì)基礎(chǔ)知識(shí)

1.網(wǎng)頁(yè)配色的相關(guān)知識(shí)

2.頁(yè)面布局

任務(wù)三 開(kāi)發(fā)一個(gè)網(wǎng)站的總體流程

1.先用Photoshop給出效果

2.通過(guò)切圖，得到素材

3.搭建DIV CSS

模塊二 網(wǎng)站策劃

任務(wù)一 明確網(wǎng)站主題

1.網(wǎng)站主題決定網(wǎng)頁(yè)的表現(xiàn)形式

2.對(duì)于題材選擇的建議

任務(wù)二 分析相關(guān)背景材料

1.分析行業(yè)資料

2.行業(yè)調(diào)查及知識(shí)的積累

任務(wù)三 分析目標(biāo)用戶

1.目標(biāo)用戶群

2.一般網(wǎng)站中目標(biāo)用戶群的分析

任務(wù)四 如何達(dá)到設(shè)計(jì)的目的

1.策劃書(shū)

2.網(wǎng)頁(yè)內(nèi)容安排技巧

模塊三 設(shè)計(jì)惠團(tuán)網(wǎng)網(wǎng)站頁(yè)面

任務(wù)一 認(rèn)識(shí)網(wǎng)頁(yè)的區(qū)域劃分

1.認(rèn)識(shí)頂部和底部區(qū)

2.認(rèn)識(shí)中間區(qū)

任務(wù)二 使用Photoshop繪制惠團(tuán)網(wǎng)首頁(yè)網(wǎng)頁(yè)模板

1.認(rèn)識(shí)Logo

2.制作Logo

3.認(rèn)識(shí)橫幅

4.制作橫幅

5.制作導(dǎo)航條

6.制作中間區(qū)域

7.制作底部區(qū)域

任務(wù)三 使用網(wǎng)頁(yè)切片工具

1.網(wǎng)頁(yè)切片

2.惠團(tuán)網(wǎng)頁(yè)面切割

模塊四 制作惠團(tuán)網(wǎng)網(wǎng)站頁(yè)面

任務(wù)一 了解DIV CSS

1.什么是DIV CSS

2.DIV CSS的優(yōu)勢(shì)

3.DIV CSS的缺陷

4.盒子模型的概念

任務(wù)二 惠團(tuán)網(wǎng)網(wǎng)站DIV CSS布局

1.實(shí)例賞析

2.建立站點(diǎn)

3.布局首頁(yè)

任務(wù)三 用CSS美化惠團(tuán)網(wǎng)網(wǎng)站

1.案例賞析

2.美化惠團(tuán)網(wǎng)網(wǎng)頁(yè)

模塊五 設(shè)計(jì)個(gè)人網(wǎng)站

任務(wù)一 制作個(gè)人音樂(lè)網(wǎng)站

1.網(wǎng)站色彩搭配

2.網(wǎng)站布局

3.素材準(zhǔn)備

任務(wù)二 制作個(gè)人博客

1.網(wǎng)站色彩搭配

2.網(wǎng)站布局

3.素材準(zhǔn)備

模塊六 設(shè)計(jì)商業(yè)網(wǎng)站

任務(wù)一 制作房產(chǎn)類(lèi)網(wǎng)站

1.網(wǎng)站色彩搭配

2.網(wǎng)站布局

3.素材準(zhǔn)備

任務(wù)二 制作產(chǎn)品類(lèi)網(wǎng)站

1.網(wǎng)站色彩搭配

2.網(wǎng)站布局

3.素材準(zhǔn)備

任務(wù)三 制作門(mén)戶類(lèi)網(wǎng)站

1.網(wǎng)站色彩搭配

2.網(wǎng)站布局

3.素材準(zhǔn)備

任務(wù)四 制作娛樂(lè)類(lèi)網(wǎng)站

1.網(wǎng)站色彩搭配

2.網(wǎng)站布局

3.素材準(zhǔn)備