ch0 网页制作常用软件及Photoshop基本操作 2
浏览器IE Navigator 2
全功能网页制图工具 2
Fireworks 3
ImageReady 3
点阵性网页制图工具 4
Photoshop 4
PhotoImpact 4
Paint Shop Pro(PSP) 5
Painter 5
GIF动画软件 5
GIFAnimator 5
Cool 3D 6
3D Impact Pro 6
简易3D动态图形制作 6
GIF ConstruCtion Set 6
视频动画软件 7
Flash 7
Director 7
Photoshop(滤镜)外挂程序 7
KPT(Kai's Power Tool) 7
Eye Candy 8
PhotoFrame 8
向量性绘图软件 8
CorelDraw 8
Freehand 9
Illustrator 9
图形文件最佳化处理工具 9
GIF/JPEG SmartSaver 9
Photo Viewer 10
Thumbsplus 10
网页开发工具 10
HVS Color GraphiCs 10
索引图浏览工具 10
GIF Wizard 10
Optimization ToolKit 10
FrontPage 98 11
Netobjects Fusion 11
DreamWeaver 11
Composer 12
HomeSite 12
你是否需要学习HTML标识语言? 12
Photoshop的基本工具与操作 15
创建新文件 15
增加新图层 15
复制图层 16
设定前景、背景颜色 17
用前景颜色填满 18
使用[圈选]工具 18
使用[裁切]工具 18
使用[文字]工具 19
使用[喷枪]工具 20
使用[颜色渐变]工具 20
使用[线条]工具 21
使用[橡皮擦]工具 21
使用[钢笔]工具绘制图径 22
使用[放大镜]、[缩小镜] 24
设定History的记忆 24
网页设计面临的诸多因素 26
不同的电脑平台 26
ch1 网页设计制作的基本常识 26
不同的显示器大小、窗口大小 27
不同的屏幕分辨率 28
不同的颜色显现数目 28
显示字体的能力 29
不同的浏览器品牌、版本、设定 29
不同的连网速度 31
点阵性(bitmap)图形和向量性(vector)图形 32
网页图形的尺规单位 34
使用Photoshop开出长宽尺寸合宜的新档 35
电脑屏幕的分辨率 36
网页图形的分辨率 37
电脑屏幕的颜色位数(bit depth) 38
网页图形的颜色位数(bit depth) 41
[反锯齿状](Anti-Alias)的重要性 43
GIF与JPEG 48
ch2 网页图形文件格式:GIF 48
适合GIF格式的网页图形 49
标准GIF 50
交错GIF 52
透明GIF 54
使用Photoshop储存一个简单的透明GIF图形文件 54
使用Photoshop储存一个较复杂的透明GIF图形文件 57
使用SmartSaver储存透明GIF图形文件 60
动画GIF 61
储存档案size最佳化的GIF图形文件 62
如何为GIF图形文件选择一个最佳色盘 62
GIF图形文件的用色数量 64
是否应该选择颤色效果 65
追根究底:最小的GIF图形文件构图 67
适合JPEG格式的网页图形 72
ch3 网页图形文件格式:JPEG 72
保存文件长度最优化的JPEG图形文件 75
使用Photoshop储存JPEG图形文件 75
使用SmartSaver储存JPEG图形文件 76
先模糊化再储存为JPEG图形文件 77
分割图形文件,GIF与JPEG并用 78
JPEG的迷思 80
批处理网页图形 82
ch4 十六进位颜色代码与颜色的暗示意义 88
从十进位的RGB变换到十六进位的Hex颜色代码 88
自己计算 88
利用Windows平台上的[计算器] 90
使用HTML编辑器或其他相关软件 91
利用网络上的站点服务 91
为您的网页添加缤纷色彩 92
直接使用颜色名称 92
认识与颜色相关的HTML标签 93
使用FrontPage 98指定网页颜色 97
背景、超级链接的颜色设定 98
设定某字/字串的颜色 99
设定表格的颜色 99
认识颜色的暗示意义 99
ch5 制作网页背景图案 102
常见的网页背景呈现方式 102
Step by Step:网页背景的[翻页]效果 104
Step by Step:一长条型网页背景图 106
颜色渐变背景图 106
直向颜色板子背景图 107
不规则形状的颜色板子 109
PhotoImpact的网页背景设计师 112
在PhotoImpact里制作网页背景图 112
一复选框网页背景图 112
使用KPT(Kai's Power Tool)设计背景 113
使用KPT制作背景图 113
使用Photoshop制作无瑕缝背景图 115
以文字Logo当做背景图 120
网页背景的用色技巧 122
ch6 制作水平分隔线 126
是否该使用水平分隔线? 126
用HTML代码呈现水平分隔线 127
自己编写HTML原代码 127
使用FrontPage 98加入水平分隔线 127
以图形文件呈现水平分隔线 128
Step by Step:以字体符号绘出水平分隔线 129
Step by Step:绘制3D金属棒子 131
Step by Step:利用PhotoImpact的百宝箱 133
善用FrontPage 98现成资源 134
ch7 制作条列项目前的行标号(或bullet) 136
行标号、符号、或是bullet 136
以HTML码呈现行标号(或bullet) 136
自己编写HTML源代码 136
以特殊符号呈现行标号(或bullet) 139
使用FrontPage 98加入行标号(或bullet) 141
Step by Step:使用Photoshop制作圆球 142
Step by Step:KPT让圆球更加立体 144
Step by Step:KPT令圆球千变万化 144
认识KPT的[圆球设计师]—Spheroid Designer 145
Step by Step:PhotoImpact的百宝箱宝物多多 146
善用Webdings里的特殊符号 148
网页里的纯文字和图像化文字 150
ch8 网页里的纯文字与Style Sheet 150
以HTML码变化文字的风貌 151
自己编写HTML源代码 151
使用FrontPage 98装点文字 154
以Style Sheet控制文字的格调及排版 155
为什么要使用Style Sheet? 155
如何将Style Sheet加诸于网页 156
CSS语言的基本语法 159
简化之 159
另一种简化方法 160
CSS中Font的扩充属性 161
CSS中Color的扩充属性 162
CSS中Text的扩充属性 164
CSS中Margin与Padding的扩充属性 166
自行定义CLASS与ID 167
设定某[一页]网页的全面风格 170
使用FrontPage 98加入Style Sheet 170
在网页的各字里行间里,零散的加入一小段CSS风格设定 170
连结外在的Style Sheet 172
网页文字的选用技巧 173
文字字体、大小的选择 173
文字颜色的意义 175
ch9 图像化文字 178
使图像化文字呈现于网页 178
图像化文字的处理过程 179
随时保持纪录 179
先将文字绘制得比实际需要大一点 180
图层合并最后一起做 180
使文字锐利化 180
小总结 181
快速简易的Layer Effects 183
使用Photoshop内建的Actions 183
Step by Step:使用Photoshop制作文字效果 183
Step by Step:一步一步自己动手做 185
自己制作粗体字 185
制作文字背影 187
文字内贴入材质 189
Twirl滤镜以及花卷文字 191
信用卡字体 193
Step by Step:使用Eye Candy制作文字效果 195
Step by Step:使用KPT Actions制作文字效果 196
Step by Step:使用PhotoImpact制作文字效果 198
Step by Step:使用Cool 3D制作立体文字 200
ch10 超级链接、按钮、与可点图像 204
文字超级链接VS.图像超级链接 204
自己编写HTML码呈现超级链接 205
以HTML的表格模拟按钮模样 206
图文并茂的超级链接 209
使用FrontPage 98制作超级链接 209
简单加入超级链接 209
以表格模拟成按钮模样 210
制作可点图像 212
Step by Step:Photoshop Actions让立体按钮[一键即成] 213
Step by Step:KPT Actions丰富按钮的多样风貌 214
Step by Step:使用Guides整齐排列各个按钮 215
Step by Step:简易的PhotoImpact按钮制作 217
Step by Step:Layer Effects让按钮凹凸有致 219
Step by Step:Photoshop的颜色渐变与凹盘形按钮 221
Step by Step:Eye Candy与圆长形按钮 224
Step by Step:运用Photoshop阿尔发Channel变化按钮形状 228
超级链接与站点导航注意事项 235
界定网页的横向宽度 238
绝对位置操控不易 238
关于网页版面设计一二事 238
ch11 网页排版常用技巧 238
考虑640×480或者800×600的浏览分辨率? 239
使用Photoshop预先架构网页版面 239
在600×480的新档里绘制灰阶草图 239
安插文字与对齐物件 241
以浏览器的窗口框架做参考 243
添加丰富色彩 244
分割物件,另存新档 245
隐形表格<table>妙用无穷 246
以隐形表格框架住网页版面 246
让您的隐形表格伸缩自如 247
使用Front Page架构隐形表格 248
以内嵌式表格再度固定版位 249
分割、合并较大尺寸的图形文件 250
隐形表格与切割图形文件的综合应用 250
使用PhotoImpact等分切割图形文件 251
使用Photoshop不等分切割图形文件 252
无瑕缝接合切割过的小图块 254
[文绕图]的排版效果 257
圆弧造型的表格 258
一颗透明像素的[步骤] 263
以HTML安排版位不甚理想 263
制作[一颗透明像素]图形文件 264
在网页里善用隐形垫档图 265
在<head>标签里详加定义您的网页 267
让网页里的中文字正确断行 267
破除分割画面的条条框框 268
简单的自动跳页 269
让搜寻引擎正确索引您的网页 271
网页版面设计重点提示 273