Adobe Photoshop & ImageReady Web圖像設(shè)計(jì)高級(jí)教程

第1章　Web設(shè)計(jì)基礎(chǔ)　
1.1　HTML基礎(chǔ)　
1.2　頁(yè)面中的HTML源代碼　
1.3　結(jié)構(gòu)性代碼在設(shè)計(jì)工作上的局限　
1.4　HTML設(shè)計(jì)的局限：絕對(duì)位置　
1.5　所見(jiàn)即所得的創(chuàng)作軟件工具　
1.6　Web上的圖像與圖形　
1.7　瀏覽器對(duì)丟失的顏色的補(bǔ)償　
1.8　Adobe LiveMotion　
1.9　在設(shè)計(jì)中需要注意色彩方面的問(wèn)題　
1.10　在Web設(shè)計(jì)中的其它重要技術(shù)　
1.11　QuickTime虛擬現(xiàn)實(shí)　
1.12　對(duì)于Web設(shè)計(jì)師有參考價(jià)值的網(wǎng)站　
第2章　Web設(shè)計(jì)概念
2.1　信息架構(gòu)　
2.1.1　結(jié)構(gòu)是架構(gòu)的基礎(chǔ)　
2.1.2　少即是美　
2.1.3　常見(jiàn)的信息架構(gòu)方面的錯(cuò)誤　
2.1.4　為信息瀏覽導(dǎo)航　
2.2　Web設(shè)計(jì)的挑戰(zhàn)　
2.3　設(shè)計(jì)概念　
2.3.1　Content surfacing　
2.3.2　metaphors　
2.3.3　tunnel concept　
2.4　導(dǎo)航技術(shù)和界面設(shè)計(jì)　
2.4.1　導(dǎo)航的概念　
2.4.2　使用分欄技術(shù)的界面設(shè)計(jì)　
2.4.3　網(wǎng)站導(dǎo)航欄的設(shè)計(jì)　
2.5　圖像映射和圖像切片　
第3章　優(yōu)化Photoshop使用環(huán)境　
3.1　優(yōu)化拾色器　
3.2　Photoshop的插值方法　
3.3　使用正確的插值方法　
3.4　像素世界的單位　
3.5　參考線和捕捉網(wǎng)格　
3.6　載入“Web安全顏色”色板　
3.7　Gamma　
3.8　“信息”調(diào)板　
3.9　“動(dòng)作”調(diào)板　
3.9.1　切換對(duì)話開(kāi)/關(guān)　
3.9.2　插入停止　
3.9.3　插入路徑　
3.9.4　批處理　
第4章　使用Web安全顏色　
4.1　色彩深度　
4.1.1　電腦存儲(chǔ)信息的方式　
4.1.2　一幅圖像的色彩深度　
4.2　Web安全顏色調(diào)板　
4.3　使用Web安全顏色　
4.3.1　在輸出前將顏色轉(zhuǎn)換為Web安全顏色　
4.3.2　在輸出時(shí)將顏色轉(zhuǎn)換為Web安全顏色　
4.3.3　使用圖案填充創(chuàng)建非Web安全顏色　
第5章　Photoshop技術(shù)　
5.1　圖像尺寸應(yīng)該是多少　
5.2　使用“圖層”調(diào)板　
5.2.1　“圖層”調(diào)板快速指南：打開(kāi)調(diào)板　
5.2.2　顯示/隱藏圖層　
5.2.3　移動(dòng)圖層　
5.2.4　不透明度和混合模式　
5.2.5　圖層蒙版　
5.2.6　透明　
5.2.7　調(diào)整圖層　
5.2.8　選擇圖層　
5.2.9　圖層縮覽圖　
5.3　改變顏色　
5.4　調(diào)整顏色　
5.5　避免鋸齒狀邊緣　
5.6　矢量圖形：在Photoshop中使用Illustrator圖形　
5.6.1　輸入矢量圖形　
5.6.2　保持正確的尺寸　
5.6.3　保留圖層　
5.7　修正數(shù)碼照片　
5.8　優(yōu)化圖像　
5.8.1　消除雜色和刮痕　
5.8.2　制作色調(diào)明快的圖像　
5.9　改變圖像尺寸　
5.9.1　改變一個(gè)圖層的大小　
5.9.2　改變畫(huà)布的大小　
第6章　設(shè)計(jì)Web元素　
6.1　創(chuàng)建背景　
6.1.1　背景圖像　
6.1.2　作為背景的網(wǎng)站導(dǎo)航欄　
6.2　使用矢量圖形軟件制作背景　
6.3　Alien Skin EyeCandy 4000插件的應(yīng)用　
6.4　文字設(shè)計(jì)　
6.5　按鈕設(shè)計(jì)　
6.6　Alien Skin Xenofex插件的應(yīng)用　
6.7　教程：在Photoshop中建設(shè)一個(gè)網(wǎng)站主頁(yè)　
第7章　使用ImageReady　
7.1　Photoshop 和ImageReady　
7.2　最常見(jiàn)的誤解　
7.3　創(chuàng)建Rollover按鈕　
7.4　創(chuàng)建圖像映射　
7.5　優(yōu)化圖像　
7.6　教程：創(chuàng)建割圖和按鈕變換　
第8章　GIF動(dòng)畫(huà)　
8.1　基本原理　
8.2　循環(huán)播放動(dòng)畫(huà)　
8.3　通過(guò)縮放動(dòng)畫(huà)減少對(duì)帶寬的占用　
8.4　處理方式　
8.5　優(yōu)化動(dòng)畫(huà)　
8.6　實(shí)例教程　
8.6.1　教程一：7255數(shù)碼畫(huà)廊　
8.6.2　教程二：BabyCare.com　
8.6.3　教程三：利用文字特效制作動(dòng)畫(huà)　
8.6.4　教程四：巧妙避開(kāi)GIF格式的弱點(diǎn)　
8.6.5　教程五：在Rollover按鈕中的GIF動(dòng)畫(huà)　
第9章　GIF格式圖像的應(yīng)用　
9.1　GIF格式壓縮的工作原理　
9.1.1　色彩查找表　
9.1.2　LZW算法　
9.2　壓縮質(zhì)量與圖像質(zhì)量　
9.3　LZW顏色序列識(shí)別　
9.4　損耗選項(xiàng)　
9.5　創(chuàng)建GIF圖像　
9.5.1　減低顏色深度算法　
9.5.2　仿色(抖動(dòng))　
9.5.3　損耗　
9.5.4　透明和雜邊　
9.5.5　交錯(cuò)　
9.5.6　Web對(duì)齊　
9.6　優(yōu)化一個(gè)CLUT　
9.7　優(yōu)化GIF格式的技巧　
9.8　創(chuàng)建自定調(diào)板　
9.9　重點(diǎn)優(yōu)化　
9.10　對(duì)圖像的部分區(qū)域應(yīng)用損耗　
9.11　對(duì)圖像的部分區(qū)域應(yīng)用仿色　
9.12　創(chuàng)建有效的通道　
9.13　模擬均勻透明效果　
第10章　JPEG格式圖像的應(yīng)用　
10.1　DCT壓縮　
10.2　透明　
10.3　JPEG有損壓縮技術(shù)　
10.4　連續(xù)的(Progressive)JPEG(漸進(jìn)的)　
10.5　JPEG的圖像壓縮比　
10.6　JPEG文件標(biāo)準(zhǔn)的演變　
10.7　JPEG格式的應(yīng)用　
10.8　壓縮和8×8像素塊之間的關(guān)系　
10.9　選用JPEG還是選用GIF　
10.10　一幅JPEG圖像是如何編碼的　
10.11　不同的解碼器導(dǎo)致不同的圖像質(zhì)量　
10.12　通過(guò)模糊提高壓縮效率　
10.13　通過(guò)Alpha通道優(yōu)化圖像　
第11章　PNG格式圖像的應(yīng)用　
11.1　使用“存為Web所用格式”命令存儲(chǔ)PNG圖像　
11.1.1　按PNG-24格式存儲(chǔ)圖像　
11.1.2　按PNG-8格式存儲(chǔ)圖像　
11.2　比較PNG、GIF和JPEG文件的大小　
11.3　通過(guò)Alpha通道優(yōu)化圖像　
第12章　網(wǎng)站制作基礎(chǔ)　
12.1　參考頁(yè)面和動(dòng)態(tài)模板　
12.2　創(chuàng)建HTML表格　
12.3　高效的網(wǎng)站設(shè)計(jì)　
12.4　圖像放大　
12.5　對(duì)齊前景和背景　
12.6　使用文字　
12.7　優(yōu)化GoLive和Photoshop的工作流程　
12.8　教程：HTML創(chuàng)作　
第13章　視頻和音頻　
13.1　捕捉格式　
13.2　使用QuickTime Pro創(chuàng)建兩幀的電影　
13.3　為Web壓縮和嵌入電影　
13.4　應(yīng)該使用什么視頻格式　
13.5　如何在HTML中嵌入視頻信息　
13.5.1　QuickTime屬性　
13.5.2　嵌入RealMedia　
13.6　音樂(lè)和音頻　
13.6.1　直接嵌入音頻　
13.6.2　MP3音頻格式　
13.6.3　RealAudio


【媒體評(píng)論】