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

第1章 網(wǎng)頁視覺設計概述
1.1 網(wǎng)頁視覺設計教學
1.2 網(wǎng)頁視覺設計概述
1.2.1 互聯(lián)網(wǎng)的起源
1.2.2 網(wǎng)頁視覺設計定義
1.2.3 網(wǎng)頁視覺設計要點
1.2.4 網(wǎng)頁視覺設計特點
1.2.5 網(wǎng)頁視覺設計的原則
第2章 網(wǎng)頁視覺設計要素
2.1 網(wǎng)頁視覺設計基礎要素
2.1.1 網(wǎng)頁視覺創(chuàng)意方法
2.1.2 視覺基礎元素
2.2 文字篇
2.2.1 文字的演變和發(fā)展
2.2.2 網(wǎng)頁視覺設計中的基本字體
2.2.3 網(wǎng)頁中文字設計原則
2.2.4 文字的版式編排
2.2.5　網(wǎng)頁文字的色彩處理
2.2.6　網(wǎng)頁文字情感因素
2.3 圖形(圖像)篇
2.3.1 圖形(圖像)概述
2.3.2 網(wǎng)頁設計中的圖形(圖像)存在形式
2.3.3　網(wǎng)頁中圖形(圖像)文件格式
2.3.4 網(wǎng)頁圖形創(chuàng)意設計
2.4 色彩篇
2.4.1 色彩的基本原理
2.4.2 Web中色彩管理
2.4.3　網(wǎng)頁視覺設計中色彩的作用
2.4.4 色彩情感
2.5 版式設計篇
2.5.1 版式設計原理
2.5.2 版式設計法則
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設計原則
3.2.4 CI功能
3.3　網(wǎng)絡CI策劃與設計
3.3.1 明確形象建設的目的與動因
3.3.2 設計調(diào)查
3.3.3 形象識別定位
3.3.4 標志設計
3.3.5 網(wǎng)頁形象視覺設計
第4章 網(wǎng)頁美工設計制作
4.1 網(wǎng)頁美工設計工具
4.1.1 選擇適合的設計軟件
4.1.2 網(wǎng)頁美工設計工具——Photoshop
4.1.3 Web圖像的生成
4.2 網(wǎng)頁視覺設計中元素制作
4.2.1 網(wǎng)頁圖標設計
4.2.2 網(wǎng)頁logo圖標
4.2.3 網(wǎng)頁banner制作
4.2.4 網(wǎng)頁導航菜單的制作
4.3 首頁設計制作
4.3.1 首頁設計的原則
4.3.2 首頁設計案例制作
第5章 HTML網(wǎng)頁設計基礎
5.1 HTML基礎知識
5.1.1 Dreamweaver軟件與網(wǎng)頁設計準備
5.1.2 HTML的頁面(PAGE)標記(TAGS)
5.1.3 字體(FONT)標記(TAGS)
5.1.4 文字布局(TEXT STYLE)標記(TAGS)
5.1.5 文字列表
5.1.6 圖像(IMAGE)標記(TAGS)
5.2 HTML的表格設計與布局
5.2.1 表格(TABLE)標記(TAGS)
5.2.2 表格設計進階
5.3 HTML的表單設計
5.3.1 表單基礎
5.3.2 表單進階
5.4 HTML的框架結(jié)構(gòu)
5.4.1 框架結(jié)構(gòu)基礎
5.4.2 框架結(jié)構(gòu)進階
5.5 HTML的文字移動和背景音樂
5.5.1 文字移動(Marque)
5.5.2 背景音樂
第6章 CSS層疊樣式表設計基礎
6.1 Web標準歷史與發(fā)展
6.1.1 W3C技術(shù)架構(gòu)
6.1.2 了解CSS的應用本質(zhì)和優(yōu)點
6.1.3 網(wǎng)頁的表現(xiàn)與分離
6.2 CSS基礎知識
6.2.1 XHTML基礎
6.2.2 XHTML頭部的meta標簽
6.2.3 第一個CSS樣式設計
6.2.4 CSS的語法結(jié)構(gòu)
6.2.5 CSS的類型
6.2.6 CSS的標簽
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)頁布局基礎
6.4.1 布局頁面的基本步驟
6.4.2 網(wǎng)頁布局基礎綜合實訓
6.5 CSS容器屬性
6.5.1 盒模型的概念
6.5.2 邊界屬性的概念
6.5.3 綜合實訓——網(wǎng)站首頁CSS實戰(zhàn)設計
第7章 美工設計全案解析
7.1 企業(yè)應用型網(wǎng)站規(guī)劃與設計
7.1.1 建設網(wǎng)站前的市場分析
7.1.2 建設網(wǎng)站的目的及功能定位
7.1.3 網(wǎng)站技術(shù)解決方案
7.1.4 網(wǎng)站內(nèi)容規(guī)劃
7.1.5 網(wǎng)頁設計
7.1.6 網(wǎng)站維護
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)站的切割實訓案例
7.3.4 AOL網(wǎng)站的CSS設計實例
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 習題參考答案
參考文獻