本書詳細全面系統(tǒng)地介紹了網頁制作、設計、規(guī)劃的基本知識,以及網站設計、開發(fā)、發(fā)布的完整流程。全書共6章,內容基本覆蓋了PhotoshopWeb基礎知識、策劃網站、設計惠團網網站頁面、制作惠團網網站頁面設計個人網站、設計商務網站等內容。本書結合內容知識都給出了相應的模塊案例,方便讀者進行實訓練習,力求由淺入深,使讀者快速掌握網頁制作及網站設計、開發(fā)的相關技術。
本書既適合初學者,也適用于具有一定網頁制作基礎的讀者,可作為中等職業(yè)學校各專業(yè)網頁設計與制作的課程教材,也可作為各類培訓機構相關課程的培訓教材和教師參考用書。
模塊一 初識Photoshop
Web基礎知識
任務一 認識網站美工
1.什么是網站美工
2.網站美工的任務
任務二 網站設計基礎知識
1.網頁配色的相關知識
2.頁面布局
任務三 開發(fā)一個網站的總體流程
1.先用Photoshop給出效果
2.通過切圖,得到素材
3.搭建DIV CSS
模塊二 網站策劃
任務一 明確網站主題
1.網站主題決定網頁的表現形式
2.對于題材選擇的建議
任務二 分析相關背景材料
1.分析行業(yè)資料
2.行業(yè)調查及知識的積累
任務三 分析目標用戶
1.目標用戶群
2.一般網站中目標用戶群的分析
任務四 如何達到設計的目的
1.策劃書
2.網頁內容安排技巧
模塊三 設計惠團網網站頁面
任務一 認識網頁的區(qū)域劃分
1.認識頂部和底部區(qū)
2.認識中間區(qū)
任務二 使用Photoshop繪制惠團網首頁網頁模板
1.認識Logo
2.制作Logo
3.認識橫幅
4.制作橫幅
5.制作導航條
6.制作中間區(qū)域
7.制作底部區(qū)域
任務三 使用網頁切片工具
1.網頁切片
2.惠團網頁面切割
模塊四 制作惠團網網站頁面
任務一 了解DIV CSS
1.什么是DIV CSS
2.DIV CSS的優(yōu)勢
3.DIV CSS的缺陷
4.盒子模型的概念
任務二 惠團網網站DIV CSS布局
1.實例賞析
2.建立站點
3.布局首頁
任務三 用CSS美化惠團網網站
1.案例賞析
2.美化惠團網網頁
模塊五 設計個人網站
任務一 制作個人音樂網站
1.網站色彩搭配
2.網站布局
3.素材準備
任務二 制作個人博客
1.網站色彩搭配
2.網站布局
3.素材準備
模塊六 設計商業(yè)網站
任務一 制作房產類網站
1.網站色彩搭配
2.網站布局
3.素材準備
任務二 制作產品類網站
1.網站色彩搭配
2.網站布局
3.素材準備
任務三 制作門戶類網站
1.網站色彩搭配
2.網站布局
3.素材準備
任務四 制作娛樂類網站
1.網站色彩搭配
2.網站布局
3.素材準備