模塊一 初識Photoshop Web基礎知識

任務一 認識網(wǎng)站美工

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

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

任務二 網(wǎng)站設計基礎知識

1.網(wǎng)頁配色的相關知識

2.頁面布局

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

1.先用Photoshop給出效果

2.通過切圖，得到素材

3.搭建DIV CSS

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

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

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

2.對于題材選擇的建議

任務二 分析相關背景材料

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

2.行業(yè)調查及知識的積累

任務三 分析目標用戶

1.目標用戶群

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

任務四 如何達到設計的目的

1.策劃書

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

模塊三 設計惠團網(wǎng)網(wǎng)站頁面

任務一 認識網(wǎng)頁的區(qū)域劃分

1.認識頂部和底部區(qū)

2.認識中間區(qū)

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

1.認識Logo

2.制作Logo

3.認識橫幅

4.制作橫幅

5.制作導航條

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

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

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

1.網(wǎng)頁切片

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

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

任務一 了解DIV CSS

1.什么是DIV CSS

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

3.DIV CSS的缺陷

4.盒子模型的概念

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

1.實例賞析

2.建立站點

3.布局首頁

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

1.案例賞析

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

模塊五 設計個人網(wǎng)站

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

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

2.網(wǎng)站布局

3.素材準備

任務二 制作個人博客

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

2.網(wǎng)站布局

3.素材準備

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

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

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

2.網(wǎng)站布局

3.素材準備

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

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

2.網(wǎng)站布局

3.素材準備

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

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

2.網(wǎng)站布局

3.素材準備

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

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

2.網(wǎng)站布局

3.素材準備