第 一部分 网页制作必修课 2
第一章网页设计流程 2
1.1网页图形设计初步 2
1.2网页设计中要注意的问题 2
1.2.1简单而醒目 2
1.2.2保持版面上的一致性 4
1.2.3善于利用对比 6
1.2.4保持条理清楚 6
1.2.5设计中的电影脚本原则 8
1.2.6典型站点设计范例解析 9
1.3网页设计的步骤 15
1.4网页字体效果注意事项 17
1.5合理使用网页编辑软件中的模板 19
第二章互联网上的照片和图形 21
2.1.JPEG——联合图像专家组文件格式 21
2.2 GIF——可交换图形文件格式 21
2.3 PNG——可移植网络图形格式 22
2.4 Vector Illustrations——矢量图形文件格式 22
2.5动画和互动 22
2.6图形格式的正确选用 23
2.7 Save As与Save For Web保存文件的区别 24
第三章网页制作图形为先 29
3.1画面构成简介 29
3.2图形设计的视觉冲击效果 38
3.3首页制作的重要性 41
3.4网站定位与首页设计原则 47
3.4.1明确网站定位 47
3.4.2首页的设计原则 48
3.5网站首页的图形运用技巧 51
第二部分 网页设计工具箱 54
第四章网页图形编辑软件 54
4.1点阵图形软件之王——Photoshop 54
4.2矢量图形软件巨擘——Il l ustrator 55
4.3矢量、位图综合工具——Fireworks 59
4.4矢量图形绘制能手——Freehand 61
4.5老牌矢量图形软件——CorelDraw 61
4.6如何选用网页图形编辑软件 61
第五章所见即所得的网页编辑软件 63
5.1王牌网页编辑软件——Dreamweaver 63
5.2 Microsoft Office家族网页利器——FrontPage 64
5.3 Adobe的网页工具新秀——GoL i ve 66
5.4网页编辑软件的选择原则 67
第六章网页动画辑软件 68
6.1迅速流传的Flash 68
6.2后起之秀的LiveMotion 69
6.3动画软件GIF Animator 70
6.4如何选择动画编辑软件 72
第三部分photoshop在网页制作中的应用 74
第七章优化Photoshop的网页功能 74
7.1优化色彩选择面板 74
7.2使用正确的改写方法 74
7.3预览和添加文件扩展名 75
7.4像素控制与网页安全色彩调色板 76
7.5伽马值 76
7.6信息浮动面板和动作浮动面板 77
7.7在Photoshop 6.0中设置个人喜好 77
第八章Photoshop和网页制作 80
8.1 Photoshop在网页制作中的作用 80
8.2 Photoshop在网页排版布局中的作用 85
8.2.1网页的界面格式 85
8.2.2网页布局类型 87
8.2.3使用Photoshop布局网页 91
8.3制作个性化的导航条 93
8.4制作个性化的插图 98
8.5用底纹美化你的网页 104
8.6使用Photoshop美化网站中的字体 107
第九章制作网站主体的Banner 109
9.1 Banner在网站中的重要性 109
9.2 Banner的尺寸标准 109
9.3怎样制作具有鲜明特色的Banner 110
第十章网页制作常用的Photoshop滤镜 112
10.1增加噪音(Add Noise) 112
10.2云彩滤镜(Clouds) 113
10.3浮雕(Emboss) 113
10.4高斯模糊(Gauss i an Blur) 114
10.5镜头闪耀效果(Lens Flare) 115
10.6灯光效果(LightingEffect) 116
10.7马赛克(Mosiac) 117
10.8移动模糊(Motion Blur) 118
10.9球状体效果滤镜(Spherize) 119
10.10 素材化滤镜(Texturizer) 120
10.11钝化遮罩滤镜(Unsharp Mask) 122
第十一章Photoshop与其它图形软件的配合使用 123
11.1 Photoshop和Illustrator的结合使用 123
11.2 Photoshop和Dreamweaver的结合使用 125
11.3 Photoshop和ImageReady的结合使用 127
11.4 Photoshop和FrontPage的结合使用 131
11.5 Photoshop和Flash的结合使用 133
第十二章用好ImageReady3.0 134
12.1 ImageReady3.0的新增特性 134
12.2 ImageReady3.0的图像优化功能 137
12.3 ImageReady3.0的割图功能 144
12.4用ImageReady3.0制作动画 150
12.5用ImageReady3.0制作相应的网页元素 153
12.6 ImageReady3.0和Golive的配合使用 157
第四部 分常用图形软件的使用与配 合 160
第十三章使用Illustrator9.0制作网页 160
13.1 Illustrator9.0新增的网页设计功能 160
13.2在Illustrator9.0中输出网页图形文件 162
13.3 Illustrator和Flash的结合使用 163
13.4Illustrator和Dreamweaver的结合使用 164
第十四章Fireworks网页图形设计 165
14.1 Fireworks的个人喜好设置 165
14.2使用Fireworks编辑图像 167
14.3 Fireworks中图层的功能和操作 175
14.4使用Fireworks编辑文字 177
14.5 Fireworks的割图功能 182
14.6使用Fireworks来设计网页的相关元素 183
14.6.1 Banner基本设计方法 184
14.6.2 Logo设计原则 185
14.6.3导航条的的制作方法 186
14.7 Fireworks和Dreamweaver的结合使用 189
第十五章让你的网页动起来——Flash 191
15.1 Flash在网页制作中的特性和操作简介 191
15.2 Flash中的符号 193
15.2.1符号的种类 193
15.2.2如何创建按钮 194
15.3在Flash中创建动画 196
15.4用Flash制作网站的过程 201
15.5用Flash制作网站的Banner 203
15.6 Flash和FrontPage、Dreamweaver相互配合使用 203
第十六章LiveMotion和Adobe相关产品的完美组合 205
16.1全面了解LiveMotion 205
16.2制作和输入动画组件的方法 206
16.3动画组件的编辑与修饰技巧 208
16.4使用LiveMotion制作动画 209
16.5使用图层制作动画效果 213
16.6如何使用互动性来增加动画效果 214
16.7LiveMotion中的动作命令 218
第十七章3DS MAX在网页上的运用 220
17.1利用3DS MAX制作小、标志 220
17.2利用3DS MAX制作立体字 225
17.3让标志和立体字动起来 229
17.4 3DS MAX和Flash的结合 232
附录PhotoShop特效字体制作方法 233
A金属镜面立体字效果 233
B水晶立体字效果 236
C线性字体效果 238
D木雕字效果 239
E星球大战倾斜字效果 241
F透明发光字效果 246
G电池字体效果 248
H镀金镏刻字体效果 252
I纸袋字体效果 254
J高光字体效果 256
K金属字体效果 262
L橡皮字体效果 265
M半色调的字体效果 268
N小格子字体效果 269
O倾斜轮廓字体效果 275
P多彩色外部发光字体效果 278
Q快速制作3D效果的字体 279
R在Photoshop中建立液体字体效果 281
S怎样让做出来的字体更具有真实感 283