目錄
chO網頁製作常用軟件及Photoshop基本操作
瀏覽器IENavigator
全功能網頁製圖工具
Fireworks
ImageReady
點陣性網頁製圖工具
PhOtoshop
PhOtoImpact
PaintSh0pPr0（PSP）
Painter
GIF動畫軟件
GIFAnimator
GIFCOnStructionSet
簡易3D動態圖形製作
3DImpactP廣O
Cool3D
視頻動畫軟件
Flash
Director
Ph0t0sh0D（濾鏡）外掛程序
KPT（Kai′sPOwerTOOl）
EyeCandy
PhotoFrame
嚮量性繪圖軟件
CorelDraw
Freehand
Illustrator
圖形文件最佳化處理工具
GIF/JPEGSmartSaver
HVSColorGra口hics
OptimiZationToolkit
GIFWizard
索引圖瀏覽工具
Thumbsplus
PhotoViewer
網頁開發工具
FrontPage98
NetObjectsFusiOn
DreamWeaVer
Composer
Homesite
你是否需要學習HTML標識語言？
Ph0toShop的基本工具與操作
創建新文件
增加新圖層
復製圖層
設定前景、背景顔色
用前景顔色填滿
使用［圈選］工具
使用［裁切］工具
使用［文字］工具
使用［噴槍］工具
使用［顔色漸變］工具
使用［綫條］工具
使用［橡皮擦］工具
使用［鋼筆］工具繪製圖徑
使用［放大鏡］、［縮小鏡］
設定History的記憶
ch1網頁設計製作的基本常識
網頁設計麵臨的諸多因素
不同的電腦平颱
不同的顯示器大小窗口大小
不同的屏幕分辨率
不同的顔色顯現數目
顯示字體的能力
不同的瀏覽器品牌版本設定
不同的連網速度
點陣性 （bitmap） 圖形和嚮量性 （vector）圖形
網頁圖形的尺規單位
使用Photoshop開齣長寬尺寸閤宜的新檔
電腦屏幕的分辨率
網頁圖形的分辨率
電腦屏幕的顔色位數 （bitdepth）
網頁圖形的顔色位數 （bitdepth）
［反鋸齒狀］（Anti－Alias）的重要性
ch2網頁圖形文件格式：GIF
GIF與JPEG
適閤GIF格式的網頁圖形
標準GIF
交錯GIF
透明GIF
使用Photoshop儲存一個簡單的透明GIF圖形文件
使用Photoshop儲存一個較復雜的透明GIF圖形文件
使用Smartsaver儲存透明GIF圖形文件
動畫GIF
儲存檔案size最佳化的GIF圖形文件
如何為GIF圖形文件選擇一個最佳色盤
GIF圖形文件的用色數量
是否應該選擇顫色效果
追根究底：最小的GIF圖形文件構圖
ch3網頁圖形文件格式：JPEG
3－72 適閤JPEG格式的網頁圖形
3－75 保存文件長度最優化的JPEG圖形文件
使用Ph0toshop儲存JPEG圖形文件
使用SmartSaver儲存JPEG圖形文件
先模糊化再儲存為JPEG圖形文件
分割圖形文件 GIF與JPEG並用
JPEG的迷思
批處理網頁圖形
ch4十六進位顔色代碼與顔色的暗示意義
4－88 從十進位的RGB變換到十六進位的Hex顔色代碼
4－88 自己計算
4－90 利用Windows平颱上的［計算器］
4－91 使用HTML編輯器或其他相關軟件
4－91 利用網絡上的站點服務
4―92 直接使用顔色名稱
4－92 為您的網頁添加續紛色彩
4－93 認識與顔色相關的HTML標簽
4―97 使用Fr0ntPage98指定網頁顔色
4－98 背景、超級鏈接的顔色設定
4－99 設定某字/字串的顔色
4－99 設定錶格的顔色
4－99 認識顔色的暗示意義
ch5製作網頁背景圖案
5－102 常見的網頁背景呈現方式
5－104 StepbyStep： 網頁背景的［翻頁］效果
5―106 StepbyStep： 一長條型網頁背景圖
5－106 顔色漸變背景圖
5－107 直嚮顔色闆子背景圖
5－109 不規則形狀的顔色闆子
5－112 一復選框網頁背景圖
5―112 PhotoImpact的網頁背景設計師
5―112 在Ph0toImpact裏製作網頁背景圖
5―113 使用KPT（Kai’sPowerTool） 設計背景
使用KPT製作背景圖
使用Photoshop製作無瑕縫背景圖
以文字Logo當做背景圖
網頁背景的用色技巧
ch6製作水平分隔綫
是否該使用水平分隔綫？
用HTML代碼呈現水平分隔綫
自己編寫HTML原代碼
使用Frontpage98加入水平分隔綫
以圖形文件呈現水平分隔綫
St即byStep：以字體符號繪齣水平分隔綫
StepbyStep： 繪製3D金屬棒子
StepbyStep： 利用PhotoImpact的百寶箱
善用Frontpage98現成資源
ch7製作條列項目前的行標號（或bullet）
行標號、符號、或是bullet
以HTML碼呈現行標號（或bullet）
自己編寫HTML源代碼
以特殊符號呈現行標號（或bullet）
使用FrontPage98加入行標號（或bullet）
SteDbyStep：使用PhotOshop製作圓球
SteDbyStep：KPT讓圓球更加立體
SteDbyStep： KPT令圓球韆變萬化
認識KPT的［圓球設計師］――SpheroidDesigner
StepbyStep：Ph0t0Impact的百寶箱寶物多多
善用Webdings裏的特殊符號
ch8網頁裏的純文字與StyleSheet
網頁裏的純文字和圖像化文字
以HTML碼變化文字的風貌
自己編寫HTML源代碼
使用Fr0ntPage98裝點文字
以StyleSheet控製文字的格調及排版
為什麼要使用StyleSheet？
如何將StyleSheet加諸於網頁
CSS語言的基本語法
簡化之
另一種簡化方法
CSS中 Font的擴充屬性
CSS中 Color的擴充屬性
CSS中Text的擴充屬性
CSS中Margin與Padding的擴充屬性
自行定義cLASS與ID
使用FrontPage98加入StyleSheet
在網頁的各字裏行間裏，零散的加入一小段CSS風格設定
設定某〔一頁］網頁的全麵風格
連結外在的StyleSheet
網頁文字的選用技巧
文字字體、大小的選擇
文字顔色的意義
ch9圖像化文字
使圖像化文字呈現於網頁
圖像化文字的處理過程
隨時保持紀錄
先將文字繪製得比實際需要大一點
圖層閤並最後一起做
使文字銳利化
小總結
stepbyStep：使用Ph0toshOp製作文字效果
快速簡易的LayerEffects
使用PhotoshOp內建的Actions
StepbyStep：一步一步自己動手做
自己製作粗體字
製作文字背影
文字內貼入材質
Twirl濾鏡以及花捲文字
信用卡字體
StepbyStep：使用EyeCandy製作文字效果
StepbyStep：使用KPTActionS製做文字效果
StepbyStep： 使用Phot0Impact製作文字效果
StepbyStep： 使用Cool3D製作立體文字
ch10 超級鏈接、按鈕、與可點圖像
文字超級鏈接vs.圖像超級鏈接
自己編寫 HTML碼呈現超級鏈接
以HTML 的錶格模擬按鈕模樣
使用FrontPage98製作超級鏈接
簡單加入超級鏈接
圖文並茂的超級鏈接
以錶格模擬成按鈕模樣
製作可點圖像
StepbyStep：PhotoshOpActions讓立體按鈕
［一鍵即成］
StepbyStep： KPTActions豐富按鈕的多樣風貌
StepbyStep： 使用Guides整齊排列各個按鈕
StepbyStep： 簡易的PhOtOImpact按鈕製作
Stepbystep：LayerEffects讓按鈕凹凸有緻
Stepbystep：Photoshop的顔色漸變與凹盤形按鈕
StepbyStep：Eyecandy與圓長形按鈕
StepbyStep：運用Photoshop阿爾發
Channel變化按鈕形狀
超級鏈接與站點導航注意事項
ch11 網頁排版常用技巧
11－238 關於網頁版麵設計一二事
11－238 絕對位置操控不易
界定網頁的橫嚮寬度
考慮640×480或者800×600的瀏覽分辨率？
使用Photoshop預先架構網頁版麵
在600×480的新檔裏繪製灰階草圖
安插文字與對齊物件
以瀏覽器的窗口框架做參考
添加豐富色彩
分割物件，另存新檔
隱形錶格〈table〉妙用無窮
以隱形錶格框架住網頁版麵
讓您的隱形錶格伸縮自如
使用FrontPage架構隱形錶格
以內嵌式錶格再度固定版位
隱形錶格與切割圖形文件的綜閤應用
分割、閤並較大尺寸的圖形文件
使用PhotoImpact等分切割圖形文件
使用PhotoshoD不等分切割圖形文件
無瑕縫接閤切割過的小圖塊
［文繞圖］的排版效果
圓弧造型的錶格
一顆透明像素的［步驟］
以HTML安排版位不甚理想
製作［一顆透明像素］圖形文件
在網頁裏善用隱形墊檔圖
在〈head〉標簽裏詳加定義您的網頁
讓網頁裏的中文字正確斷行
破除分割畫麵的條條框框
簡單的自動跳頁
讓搜尋引擎正確索引您的網頁
網頁版麵設計重點提示
· · · · · · (收起)