網(wǎng)頁視覺設(shè)計案例教程

第1章 網(wǎng)頁視覺設(shè)計概述
1.1 網(wǎng)頁視覺設(shè)計教學(xué)
1.2 網(wǎng)頁視覺設(shè)計概述
1.2.1 互聯(lián)網(wǎng)的起源
1.2.2 網(wǎng)頁視覺設(shè)計定義
1.2.3 網(wǎng)頁視覺設(shè)計要點
1.2.4 網(wǎng)頁視覺設(shè)計特點
1.2.5 網(wǎng)頁視覺設(shè)計的原則
第2章 網(wǎng)頁視覺設(shè)計要素
2.1 網(wǎng)頁視覺設(shè)計基礎(chǔ)要素
2.1.1 網(wǎng)頁視覺創(chuàng)意方法
2.1.2 視覺基礎(chǔ)元素
2.2 文字篇
2.2.1 文字的演變和發(fā)展
2.2.2 網(wǎng)頁視覺設(shè)計中的基本字體
2.2.3 網(wǎng)頁中文字設(shè)計原則
2.2.4 文字的版式編排
2.2.5　網(wǎng)頁文字的色彩處理
2.2.6　網(wǎng)頁文字情感因素
2.3 圖形(圖像)篇
2.3.1 圖形(圖像)概述
2.3.2 網(wǎng)頁設(shè)計中的圖形(圖像)存在形式
2.3.3　網(wǎng)頁中圖形(圖像)文件格式
2.3.4 網(wǎng)頁圖形創(chuàng)意設(shè)計
2.4 色彩篇
2.4.1 色彩的基本原理
2.4.2 Web中色彩管理
2.4.3　網(wǎng)頁視覺設(shè)計中色彩的作用
2.4.4 色彩情感
2.5 版式設(shè)計篇
2.5.1 版式設(shè)計原理
2.5.2 版式設(shè)計法則
2.5.3 常用的版式
第3章 CI網(wǎng)頁中企業(yè)形象識別
3.1 CI概述
3.1.1 CI的形成與歷史沿革
3.1.2 CI的概念
3.1.3 CI的價值
3.2 CI系統(tǒng)構(gòu)成與相互關(guān)系
3.2.1 CI系統(tǒng)構(gòu)成要素
3.2.2 MI、BI、VI之間的相互關(guān)系
3.2.3 CI設(shè)計原則
3.2.4 CI功能
3.3　網(wǎng)絡(luò)CI策劃與設(shè)計
3.3.1 明確形象建設(shè)的目的與動因
3.3.2 設(shè)計調(diào)查
3.3.3 形象識別定位
3.3.4 標(biāo)志設(shè)計
3.3.5 網(wǎng)頁形象視覺設(shè)計
第4章 網(wǎng)頁美工設(shè)計制作
4.1 網(wǎng)頁美工設(shè)計工具
4.1.1 選擇適合的設(shè)計軟件
4.1.2 網(wǎng)頁美工設(shè)計工具——Photoshop
4.1.3 Web圖像的生成
4.2 網(wǎng)頁視覺設(shè)計中元素制作
4.2.1 網(wǎng)頁圖標(biāo)設(shè)計
4.2.2 網(wǎng)頁logo圖標(biāo)
4.2.3 網(wǎng)頁banner制作
4.2.4 網(wǎng)頁導(dǎo)航菜單的制作
4.3 首頁設(shè)計制作
4.3.1 首頁設(shè)計的原則
4.3.2 首頁設(shè)計案例制作
第5章 HTML網(wǎng)頁設(shè)計基礎(chǔ)
5.1 HTML基礎(chǔ)知識
5.1.1 Dreamweaver軟件與網(wǎng)頁設(shè)計準(zhǔn)備
5.1.2 HTML的頁面(PAGE)標(biāo)記(TAGS)
5.1.3 字體(FONT)標(biāo)記(TAGS)
5.1.4 文字布局(TEXT STYLE)標(biāo)記(TAGS)
5.1.5 文字列表
5.1.6 圖像(IMAGE)標(biāo)記(TAGS)
5.2 HTML的表格設(shè)計與布局
5.2.1 表格(TABLE)標(biāo)記(TAGS)
5.2.2 表格設(shè)計進(jìn)階
5.3 HTML的表單設(shè)計
5.3.1 表單基礎(chǔ)
5.3.2 表單進(jìn)階
5.4 HTML的框架結(jié)構(gòu)
5.4.1 框架結(jié)構(gòu)基礎(chǔ)
5.4.2 框架結(jié)構(gòu)進(jìn)階
5.5 HTML的文字移動和背景音樂
5.5.1 文字移動(Marque)
5.5.2 背景音樂
第6章 CSS層疊樣式表設(shè)計基礎(chǔ)
6.1 Web標(biāo)準(zhǔn)歷史與發(fā)展
6.1.1 W3C技術(shù)架構(gòu)
6.1.2 了解CSS的應(yīng)用本質(zhì)和優(yōu)點
6.1.3 網(wǎng)頁的表現(xiàn)與分離
6.2 CSS基礎(chǔ)知識
6.2.1 XHTML基礎(chǔ)
6.2.2 XHTML頭部的meta標(biāo)簽
6.2.3 第一個CSS樣式設(shè)計
6.2.4 CSS的語法結(jié)構(gòu)
6.2.5 CSS的類型
6.2.6 CSS的標(biāo)簽
6.2.7 XHTML的書寫規(guī)范
6.2.8 如何將樣式表加入到網(wǎng)頁
6.2.9 CSS基本的書寫順序及規(guī)范
6.2.10 CSS的優(yōu)先級
6.2.11 CSS的計量單位
6.3 CSS網(wǎng)頁布局(Inside CSS Layout)
6.4 網(wǎng)頁布局基礎(chǔ)
6.4.1 布局頁面的基本步驟
6.4.2 網(wǎng)頁布局基礎(chǔ)綜合實訓(xùn)
6.5 CSS容器屬性
6.5.1 盒模型的概念
6.5.2 邊界屬性的概念
6.5.3 綜合實訓(xùn)——網(wǎng)站首頁CSS實戰(zhàn)設(shè)計
第7章 美工設(shè)計全案解析
7.1 企業(yè)應(yīng)用型網(wǎng)站規(guī)劃與設(shè)計
7.1.1 建設(shè)網(wǎng)站前的市場分析
7.1.2 建設(shè)網(wǎng)站的目的及功能定位
7.1.3 網(wǎng)站技術(shù)解決方案
7.1.4 網(wǎng)站內(nèi)容規(guī)劃
7.1.5 網(wǎng)頁設(shè)計
7.1.6 網(wǎng)站維護(hù)
7.1.7 網(wǎng)站測試
7.1.8 網(wǎng)站發(fā)布與推廣
7.2 網(wǎng)頁的切割技巧分析
7.3 門戶類型網(wǎng)站全案分析
7.3.1 門戶類網(wǎng)站
7.3.2 AOL網(wǎng)站的美工制作過程
7.3.3 AOL網(wǎng)站的切割實訓(xùn)案例
7.3.4 AOL網(wǎng)站的CSS設(shè)計實例
7.4 企業(yè)類型網(wǎng)站全案分析
7.4.1 惠好公司網(wǎng)站
7.4.2 惠好公司(Weyerhaeuser)網(wǎng)站美工制作過程
7.5 功能類型網(wǎng)站全案分析
7.6 休閑類型網(wǎng)站全案分析
附錄A 習(xí)題參考答案
參考文獻(xiàn)