目　录

第 1章　基础知识　1
1.1　认识网页　1
1.1.1　网站和网页　1
1.1.2　静态网页和动态网页　1
1.1.3　形象页、主页和栏目页　2
1.2　网页的主要设计元素　4
1.2.1　网页标识设计　4
1.2.2　网页导航设计　5
1.2.3　网页版式设计　5
1.2.4　网页色彩设计　7
1.2.5　网页音效设计　10
1.3　网页设计原则　10
1.4　网页设计流程　11
1.5　网页设计的主要软件　11
1.5.1　Photoshop CS3——网页页面设计软件　11
1.5.2　Firworks 8——网页图像设计软件　12
1.5.3　Flash 8——网页动画制作软件　12
1.5.4　Dreamweaver 8——网页页面制作软件　13
小结　13
习题　14

第 2章　走进Photoshop　15
2.1　Photoshop的应用　15
2.1.1　图像处理和图像合成　15
2.1.2　平面设计　16
2.1.3　产品设计　16
2.1.4　网页设计　17
2.2　Photoshop CS3基本环境　17
2.2.1　菜单栏　18
2.2.2　工具箱　18
2.2.3　工具状态栏　19
2.2.4　图像窗口　19
2.2.5　调板　19
2.3　Photoshop CS3基本概念　21
2.3.1　像素　21
2.3.2　位图和矢量图　22
2.3.3　网页设计中常用的图像格式　22
2.3.4　图像分辨率　23
2.3.5　颜色模式　24
2.4　Photoshop CS3基本操作　26
2.4.1　新建、打开图像文件　26
2.4.2　保存图像文件　27
2.4.3　图像显示比例控制　28
2.4.4　单位和标尺的设置　28
2.4.5　参考线、网格和切片　29
2.4.6　后退命令和历史记录调板　30
2.4.7　图层　31
小结　34
习题　34

第3章　图像处理　36
3.1　修饰修复图像　36
3.1.1　仿制图章工具　36
3.1.2　污点修复画笔工具　36
3.1.3　修复画笔工具　37
3.1.4　修补工具　37
3.1.5　红眼工具　38
3.1.6　模糊/锐化工具　39
3.1.7　减淡/加深工具　39
3.1.8　海绵工具　40
3.2　裁剪图像　40
3.3　变换图像　41
3.3.1　缩放　41
3.3.2　旋转　42
3.3.3　斜切　42
3.3.4　扭曲　42
3.3.5　透视　43
3.3.6　变形　43
3.4　选取图像与抠图　45
3.4.1　快速选择工具　45
3.4.2　魔棒工具　46
3.4.3　魔术橡皮擦工具　46
3.4.4　钢笔工具　47
3.4.5　抽出滤镜　48
3.5　调整图像色彩　49
3.5.1　创建灰度效果图像　50
3.5.2　增强图像的色彩饱和度　51
3.5.3　创建反相效果的图像　52
3.5.4　创建黑白图像　52
3.5.5　使用【色调分离】命令创建特殊效果图像　53
3.5.6　使用【渐变映射】命令创建渐变色彩效果图像　53
3.5.7　使用【匹配颜色】命令改变图像色彩　54
3.5.8　调整图像的亮度和对比度　54
3.6　使用滤镜创建特殊效果的图像　55
3.6.1　风格化　55
3.6.2　画笔描边　56
3.6.3　模糊　57
3.6.4　素描　58
3.6.5　纹理　59
3.6.6　像素化　60
3.6.7　渲染　61
3.7　使用图层蒙版合成图像　62
3.7.1　创建图层蒙版　62
3.7.2　删除图层蒙版　62
3.7.3　编辑图层蒙版　63
3.8　批处理图像　65
3.8.1　动作　65
3.8.2　批处理　67
实例一：使用批处理命令修改图像大小　68
实例二：使用批处理命令重命名图像　69
3.8.3　Web照片画廊　71
小结　72
习题　73

第4章　常见网页元素设计　74
4.1　网页背景图案的制作　74
4.1.1　斜线图案的制作　74
实例一：细斜线图案的制作　75
实例二：粗斜线图案的制作　76
4.1.2　立体图案的制作　79
4.1.3　文字图案的制作　81
4.1.4　其他类型图案的制作　82
4.2　LOGO设计制作　83
4.2.1　5iDM网站LOGO设计制作　84
4.2.2　5iDM网站论坛标签设计制作　85
4.2.3　以图形为主的网站LOGO制作　88
4.3　按钮设计制作　90
4.3.1　5iDM网站的导航按钮制作　90
4.3.2　水晶按钮设计制作　92
4.3.3　具有凹槽效果的按钮制作　95
4.4　Banner和导航菜单的设计制作　97
4.4.1　5iDM网站的Banner设计　97
4.4.2　5iDM网站的导航设计　100
小结　101
习题　101

第5章　Flash 8软件概述及基本操作　103
5.1　Flash 8软件概述　103
5.1.1　Flash 8特点　103
5.1.2　软件界面　104
5.1.3　工具栏　105
5.1.4　面板　106
5.2　Flash 8绘图操作　107
5.2.1　Flash文档创建　107
5.2.2　文档属性设置　107
5.2.3　Flash文档保存　108
5.2.4　Flash 8绘图模式　108
5.2.5　绘图工具使用　109
5.3　Flash 8时间轴及帧操作　111
5.3.1　时间轴　111
5.3.2　帧和关键帧　111
5.3.3　图层　112
5.4　Flash 8元件和实例　114
5.4.1　元件和实例　114
5.4.2　元件类型　114
5.4.3　风车元件创建　114
5.5　Flash文件发布和播放　116
5.5.1　Flash文件发布设置　116
5.5.2　Flash动画文件播放　117
小结　117
习题　118

第6章　Flash 8动画分类及网页文字动画　119
6.1　帧并帧动画　119
6.1.1　帧并帧动画　119
6.1.2　笑脸动画　119
6.2　渐变动画　120
6.2.1　形状渐变动画　120
6.2.2　运动渐变动画　121
6.3　网页文字动画创作　124
6.3.1　文本类型　124
6.3.2　字体安装　124
6.3.3　文本编辑　124
6.3.4　网页文本动画制作举例　124
小结　133
习题　133

第7章　网页中常用图像动画创作　134
7.1　网页图像基本操作　134
7.1.1　矢量图形和位图图像　134
7.1.2　Flash 8中支持的图形图像格式　134
7.1.3　位图图像、矢量图形导入　135
7.1.4　处理导入的位图图像　135
7.2　图像动画创作　139
7.2.1　图像渐变动画　139
7.2.2　图像遮罩动画　140
7.2.3　图像引导动画　150
7.2.4　模糊图像动画　152
7.3　网页图像动画　153
小结　155
习题　155

第8章　交互式网页动画创作　156
8.1　ActionScript脚本语言　156
8.1.1　ActionScript语言的概述　156
8.1.2　脚本语言属性设置　158
8.1.3　动作面板　159
8.1.4　影片浏览器面板　160
8.2　按钮脚本动画制作　160
8.2.1　按钮元件　160
8.2.2　利用按钮库编辑按钮动画　162
8.2.3　自定义按钮动画　166
8.3　帧脚本动画制作　168
8.3.1　帧动作　169
8.3.2　帧脚本动画实例　169
8.3.3　雪花飞舞帧脚本动画制作　171
8.4　影片剪辑脚本动画制作　173
小结　175
习题　175

第9章　Dreamweaver 8基础知识　176
9.1　Dreamweaver 8基本概念　176
9.2　Dreamweaver 8基本工作环境　176
9.2.1　工作环境　176
9.2.2　工具栏　178
9.2.3　【属性】面板　179
9.2.4　面板组　180
9.3　Dreamweaver 8基本操作　180
9.3.1　站点的基本操作　180
9.3.2　文件的命名和管理　183
9.3.3　HTML基本概念　183
小结　184
习题　185

第 10章　静态网页设计与制作　186
10.1　表格　186
10.2　文本编辑　189
10.2.1　文本编辑　189
10.2.2　CSS样式表　189
10.2.3 【CSS样式】面板　189
10.3　网页图像编辑　191
10.3.1　网页图像　191
10.3.2　图像插入　191
10.4　网页多媒体元素编辑　193
10.4.1　向Web页面中添加音频　193
10.4.2　向Web页面中添加视频　195
10.4.3　向Web页面中添加Flash动画　196
10.5　利用表格布局网页　196
10.6　利用布局表格设计网页　200
10.6.1　布局模式　200
10.6.2　设置布局模式首选参数　201
10.6.3　布局表格基本操作　201
10.6.4　利用布局表格设计网页　204
10.7　利用层布局页面　210
10.7.1　设置层首选参数　210
10.7.2　创建层　210
10.7.3　设置层的属性　211
10.7.4　【层】面板使用　211
10.7.5　层操作　212
10.7.6　层和表格转换　213
10.7.7　利用层设计页面　214
小结　216
习题　217

第 11章　网页的交互式设计与制作　218
11.1　表单页面制作　218
11.1.1　表单操作　218
11.1.2　创建HTML表单　218
11.1.3　网页表单元素的插入　219
11.1.4　注册表单页面设计与制作　223
11.2　网页的超链接　226
11.2.1　HTML的超链接　226
11.2.2　常用链接的制作　227
11.3　行为的添加　235
11.3.1　制作弹出信息效果　235
11.3.2　制作打开浏览器窗口效果　235
11.3.3　制作弹出菜单效果　236
11.3.4　制作播放音乐效果　238
11.4　站点的测试和上传　238
11.4.1　测试站点　238
11.4.2　上传站点　239
小结　240
习题　240

参考文献　241