本書詳細(xì)全面系統(tǒng)地介紹了網(wǎng)頁制作、設(shè)計、規(guī)劃的基本知識，以及網(wǎng)站設(shè)計、開發(fā)、發(fā)布的完整流程。全書共6章，內(nèi)容基本覆蓋了PhotoshopWeb基礎(chǔ)知識、策劃網(wǎng)站、設(shè)計惠團(tuán)網(wǎng)網(wǎng)站頁面、制作惠團(tuán)網(wǎng)網(wǎng)站頁面設(shè)計個人網(wǎng)站、設(shè)計商務(wù)網(wǎng)站等內(nèi)容。本書結(jié)合內(nèi)容知識都給出了相應(yīng)的模塊案例，方便讀者進(jìn)行實訓(xùn)練習(xí)，力求由淺入深，使讀者快速掌握網(wǎng)頁制作及網(wǎng)站設(shè)計、開發(fā)的相關(guān)技術(shù)。
本書既適合初學(xué)者，也適用于具有一定網(wǎng)頁制作基礎(chǔ)的讀者，可作為中等職業(yè)學(xué)校各專業(yè)網(wǎng)頁設(shè)計與制作的課程教材，也可作為各類培訓(xùn)機構(gòu)相關(guān)課程的培訓(xùn)教材和教師參考用書。
模塊一 初識Photoshop
Web基礎(chǔ)知識
任務(wù)一 認(rèn)識網(wǎng)站美工
1.什么是網(wǎng)站美工
2.網(wǎng)站美工的任務(wù)
任務(wù)二 網(wǎng)站設(shè)計基礎(chǔ)知識
1.網(wǎng)頁配色的相關(guān)知識
2.頁面布局
任務(wù)三 開發(fā)一個網(wǎng)站的總體流程
1.先用Photoshop給出效果
2.通過切圖，得到素材
3.搭建DIV CSS
模塊二 網(wǎng)站策劃
任務(wù)一 明確網(wǎng)站主題
1.網(wǎng)站主題決定網(wǎng)頁的表現(xiàn)形式
2.對于題材選擇的建議
任務(wù)二 分析相關(guān)背景材料
1.分析行業(yè)資料
2.行業(yè)調(diào)查及知識的積累
任務(wù)三 分析目標(biāo)用戶
1.目標(biāo)用戶群
2.一般網(wǎng)站中目標(biāo)用戶群的分析
任務(wù)四 如何達(dá)到設(shè)計的目的
1.策劃書
2.網(wǎng)頁內(nèi)容安排技巧
模塊三 設(shè)計惠團(tuán)網(wǎng)網(wǎng)站頁面
任務(wù)一 認(rèn)識網(wǎng)頁的區(qū)域劃分
1.認(rèn)識頂部和底部區(qū)
2.認(rèn)識中間區(qū)
任務(wù)二 使用Photoshop繪制惠團(tuán)網(wǎng)首頁網(wǎng)頁模板
1.認(rèn)識Logo
2.制作Logo
3.認(rèn)識橫幅
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.實例賞析
2.建立站點
3.布局首頁
任務(wù)三 用CSS美化惠團(tuán)網(wǎng)網(wǎng)站
1.案例賞析
2.美化惠團(tuán)網(wǎng)網(wǎng)頁
模塊五 設(shè)計個人網(wǎng)站
任務(wù)一 制作個人音樂網(wǎng)站
1.網(wǎng)站色彩搭配
2.網(wǎng)站布局
3.素材準(zhǔn)備
任務(wù)二 制作個人博客
1.網(wǎng)站色彩搭配
2.網(wǎng)站布局
3.素材準(zhǔn)備
模塊六 設(shè)計商業(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)備
書單推薦
