網(wǎng)頁設(shè)計解析

第1章　認識Web設(shè)計　　
　1.1 Web設(shè)計概述　　
　　1.1.1 內(nèi)容
　　1.1.2 技術(shù)　　
　　1.1.3 外觀　　
　1.2 優(yōu)秀的Web設(shè)計是什么？　　
　　1.2.1 外觀和功能同樣重要　　
　　1.2.2 別做自以為“酷”的事情　　
　　1.2.3 規(guī)則——只有合適沒有正確　　
　1.3 Web設(shè)計師的多元性　　
　　1.3.1 平面設(shè)計　　
　　1.3.2 插畫　　
　　1.3.3 VI 識別系統(tǒng)　　
　　1.3.4 傳統(tǒng)藝術(shù)　　
　　1.3.5 工業(yè)設(shè)計　　
　　1.3.6 產(chǎn)品設(shè)計　　
第2章　工具使用新談　　
　2.1 選擇合適的設(shè)計軟件　　
　2.2 深入理解Web設(shè)計軟件　　
　　2.2.1 設(shè)計軟件標準化
　　2.2.2 請重視你的Help文檔　　
　2.3 建立最適合自己的設(shè)計軟件組合　　
　　2.3.1 平面位圖圖形　　
　　2.3.2 平面矢量圖形　　
　　2.3.3 矢量動畫　　
　　2.3.4 基本HTML文本　　
　　2.3.5 在線視頻　　
　　2.3.6 角色/場景動畫　　
　2.4 Photoshop　　
　　2.4.1 圖層　　
　　2.4.2 創(chuàng)建Web Photo Gallery　　
　　2.4.3 分割圖形　　
　2.5 Fireworks　　
　　2.5.1 制作GIF動畫　　
　　2.5.2 創(chuàng)建Rollover樣式按鈕　　
　　2.5.3 為圖形添加瀏覽器屬性　　
　2.6 Dreamweaver　　
　　2.6.1 建立自己的網(wǎng)站結(jié)構(gòu)并設(shè)置　　
　　2.6.2 使用插件擴展Dreamweaver功能　　
　　2.6.3 控制并檢驗CSS樣式　　
　2.7 輔助工具　　
　　2.7.1 ACDSee　　
　　2.7.2 配色大師ColorSPY　　
　　2.7.3 截屏大師SnagIt　　
第3章　探討Web標準　　
　3.1 什么是Web標準？　　
　　3.1.1 為什么要使用Web標準？　　
　　3.1.2 如何校驗?zāi)愕腤eb？　　
　　3.1.3 了解（　X）HTML　　
　　3.1.4 Web標準的商業(yè)價值　　
　3.2 重新認識CSS　　
　　3.2.1 如何應(yīng)用CSS　　
　　3.2.2 CSS的語法　　
　3.3 CSS實例　　
　　3.3.1 精致的CSS水平列表　　
　　3.3.2 華麗的CSS垂直嵌套列表　　
　　3.3.3 不同瀏覽器對CSS特別代碼的支持情況　　
　　3.3.4 高級列表　　
　3.4 設(shè)計師必須了解的CSS技巧　　
　3.5 基于標準的Web設(shè)計參考　　
第4章　Web設(shè)計與GUI　　
　4.1 GUI和Web設(shè)計的關(guān)系　　
　4.2 Web用戶界面設(shè)計原則　　
　4.3 設(shè)計GUI中的圖標（　ICON）　　
　　4.3.1 正確理解圖標的價值　　
　　4.3.2 圖標設(shè)計實踐1 ——2D矢量圖標設(shè)計　　
　　4.3.3 圖標設(shè)計實踐2 ——3D圖標設(shè)計　　
　　4.3.4【重要】違反GUI原則的Web宣傳手段　　
第5章　Web設(shè)計中的排版　　
　5.1 Web版式設(shè)計概述　　
　5.2 常用版面布局參考　　
　　5.2.1 傳統(tǒng)“T”型結(jié)構(gòu)　　
　　5.2.2 左右平均分布型結(jié)構(gòu)　　
　　5.2.3 上下對照結(jié)構(gòu)　　
　　5.2.4 “上中下”——“三” 字結(jié)構(gòu)　　
　　5.2.5 簡約型布局　　
　　5.2.6 “回”字型結(jié)構(gòu)　　
　　5.2.7 氛圍式結(jié)構(gòu)　　
　　5.2.8 “雜物箱”版式　　
　　5.2.9 “個人風格化”結(jié)構(gòu)　　
　　5.2.10 單頁排列式結(jié)構(gòu)　　
　　5.2.11 文字型結(jié)構(gòu)　　
　　5.2.12 封面型（　cover）結(jié)構(gòu)　　
　　5.2.13 綜合型結(jié)構(gòu)　　
　5.3 頁面排版的細節(jié)元素　　
　　5.3.1 重視細節(jié)的刻畫　　
　　5.3.2 設(shè)計AD Banner （　廣告條）　　
　5.4 實戰(zhàn)版式設(shè)計　　
第6章　首頁設(shè)計　　
　6.1 第一眼的印象　　
　　6.1.1 突出主體　　
　　6.1.2 簡單第一　　
　　6.1.3 控制版面　　
　　6.1.4 絢麗配色　　
　　6.1.5 信息處理　　
　　6.1.6 重視表現(xiàn)　　
　　6.1.7 流行風格　　
　6.2 首頁設(shè)計的兩種思路 ——個性與商業(yè)的平衡　　
　　6.2.1 方案A——傳統(tǒng)企業(yè)型站點設(shè)計　　
　　6.2.2 方案B——時尚企業(yè)型站點設(shè)計　　
　6.3 方案A設(shè)計過程——安全而傳統(tǒng)　　
　　6.3.1 標題設(shè)計與導(dǎo)航　　
　　6.3.2 板塊區(qū)域設(shè)計　　
　　6.3.3 內(nèi)容排版設(shè)計　　
　6.4 方案B設(shè)計過程——獨特且藝術(shù)　　
　　6.4.1 背景設(shè)計　　
　　6.4.2 設(shè)計頁面邊框及導(dǎo)入Logo　　
　　6.4.3 設(shè)置頂端燈光　　
　　6.4.4 設(shè)計左導(dǎo)航　　
　　6.4.5 制作主體部分　　
　　6.4.6 主體周邊細節(jié)制作　　
　　6.4.7 內(nèi)容填充　　
　6.5 設(shè)計首頁模板　　
　　6.5.1 設(shè)計頁面左導(dǎo)航　　
　　6.5.2 上導(dǎo)航設(shè)計　　
　　6.5.3 內(nèi)容板塊設(shè)計　　
　　6.5.4 整體調(diào)整　　
　　6.5.5 切圖　　
　　6.5.6 將輸出的頁面制作成模板　　
第7章　全案解析　　
　7.1 企業(yè)應(yīng)用型網(wǎng)站規(guī)劃與設(shè)計　　
　　7.1.1 前期準備　　
　　7.1.2 建立矢量標識　　
　　7.1.3 設(shè)計網(wǎng)站平面稿　　
　　7.1.4 切片并建立網(wǎng)站的HTML基本表達式　　
　　7.1.5 用Dreamweaver優(yōu)化網(wǎng)站的HTML表達式
　　7.1.6 Flash實現(xiàn)在線展示Video　　
　　7.1.7 Fireworks完善導(dǎo)航系統(tǒng)　　
　7.2 個人網(wǎng)站設(shè)計　　
　　7.2.1 制作頁面分解元素　　
　　7.2.2 平面設(shè)計在網(wǎng)站上的運用　　
　　7.2.3 “積木式”網(wǎng)站排版　　
　　7.2.4 發(fā)布網(wǎng)站到Internet　　
附錄　頂尖Web設(shè)計師語思錄　　
后記