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

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