模塊一 初識(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)頁配色的相關(guān)知識(shí)

2.頁面布局

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

1.先用Photoshop給出效果

2.通過切圖，得到素材

3.搭建DIV CSS

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

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

1.網(wǎng)站主題決定網(wǎng)頁的表現(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.策劃書

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

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

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

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

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

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

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

2.制作Logo

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

4.制作橫幅

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

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

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

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

1.網(wǎng)頁切片

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

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

任務(wù)一 了解DIV CSS

1.什么是DIV CSS

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

3.DIV CSS的缺陷

4.盒子模型的概念

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

1.實(shí)例賞析

2.建立站點(diǎn)

3.布局首頁

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

1.案例賞析

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

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

任務(wù)一 制作個(gè)人音樂網(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)類網(wǎng)站

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

2.網(wǎng)站布局

3.素材準(zhǔn)備

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

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

2.網(wǎng)站布局

3.素材準(zhǔn)備

任務(wù)三 制作門戶類網(wǎng)站

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

2.網(wǎng)站布局

3.素材準(zhǔn)備

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

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

2.網(wǎng)站布局

3.素材準(zhǔn)備