網頁視覺設計案例教程

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