第一部分Dreamweaver 1
第1章 基础知识 1
1.1在网页中插入图片 2
1.2变换标题的格式 2
1.3段落换行 3
1.4字体大小、颜色的设置 4
1.5列表符号的应用 4
1.6用CSS定义文字样式 5
1.7图片与文字的对齐方式 6
1.8为按钮添加链接 6
1.9为文字添加链接 7
1.10设置锚记链接 8
1.11热区的设置 9
1.12插入水平线 9
1.13交换图像（一） 10
1.14交换图像（二） 10
1.15 设置邮件链接 11
1.16设置下载链接 12
第2章 页面布局 13
2.1标准模式下使用表格设计版式 13
2.1.1自定义表格样式 13
2.1.2单线表格的制作 14
2.1.3表格属性的综合应用 14
2.2使用框架设计版式 15
2.2.1“上方固定”模式的框架 15
2.2.2制作上下结构的框架页面 16
2.2.3厂字型框架布局设计 16
2.2.4上中下结构框架的布局 17
2.3使用布局表格设计版式 18
2.3.1国字型页面布局 18
2.3.2不规则布局 19
2.3.3左右对称型布局 20
2.4结合Fireworks进行页面综合布局设计 22
2.4.1左中右布局 22
2.4.2右导航布局 23
2.4.3上中下结构的布局 24
2.4.4大型综合主页面布局（一） 26
2.4.5大型综合主页面布局（二） 27
第3章 网站中的交互 29
3.1交换图像 29
3.2弹出式对话框 29
3.3弹出浏览器窗口 30
3.4拼图效果 31
3.5调用JavaScript 32
第4章 模板与库 34
4.1制作基于模板的实例 34
4.2套用模板到页面 35
4.3嵌套模板 36
4.4在页面中添加和使用库项目 37
4.5修改库项目以更新整个站点 38
第5章CSS的应用 40
5.1内置CSS样式效果 40
5.2用CSS定义背景色 41
5.3自定义项目符号的图像 42
5.4附加外部CSS样式文件 42
第二部分Fireworks 44
第6章 按钮的制作 44
6.1简单按钮 44
6.2绘制立体按钮 45
6.3绘制水晶按钮 45
6.4绘制播放器开关按钮 46
6.5绘制邮件按钮 46
6.6使用资源效果的按钮 47
6.7绘制开关按钮 47
6.8绘制圆形水晶按钮 48
6.9金属按钮 48
6.10立体渐变按钮 49
第7章Banner的制作 50
7.1简单的卡通Banner 50
7.2制作背景层Banner 51
7.3运用分散到帧制作Banner 51
7.4制作化妆品Banner 52
7.5制作按钮Banner 52
第8章 制作导航栏 53
8.1立体导航栏 53
8.2渐变效果的导航栏 54
8.3使用材质制作导航栏 55
8.4对比效果的导航 56
8.5情人网站导航 57
8.6装饰型导航栏 57
8.7融合网页 58
8.8金属导航栏 59
8.9使用素材创建导航 60
8.10水晶效果的导航栏 61
第9章 网页风格设计 62
9.1左置导航栏 62
9.2立体风格网页 63
9.3圆形接角 64
9.4分离式网页风格 65
9.5动感网页风格 66
9.6公告栏效果 67
9.7圆形风格在网页中的应用 68
9.8区域构图的运用 68
9.9流线形在网页中的运用 69
9.10色块风格的网页 69
第10章 设计配饰 70
10.1简单便条装饰 70
10.2分割装饰 71
10.3按钮装饰（一） 72
10.4按钮装饰（二） 72
10.5居中装饰效果 73
10.6情人网站 74
10.7公告样式的装饰 75
10.8目录效果的装饰 76
10.9广告样式的装饰 77
10.10左置效果的装饰 78
第11章 网页细节调整 79
11.1链接按钮的制作 79
11.2中心装饰细节的制作 80
11.3链接导航的细节制作 80
11.4情人网站导航按钮 81
11.5使用图片制作细节效果 82
第12章 页面布局 83
12.1右置布局 83
12.2居中布局 84
12.3三分栏布局 85
12.4左置布局 86
12.5中心布局 86
12.6分散型布局 87
第13章 图形的绘制及编辑 90
13.1绘制月亮 90
13.2绘制玻璃杯 91
13.3绘制蝴蝶 92
13.4绘制烟囱 94
13.5绘制闹钟 95
13.6绘制花朵 96
13.7绘制桌子 98
13.8绘制QQ表情 99
13.9绘制气球 100
13.10绘制鱼儿 101
第14章 静态文字效果 103
14.1金属文字 103
14.2彩色线框文字 104
14.3浮雕文字 105
14.4彩图文字 105
14.5塑料文字 106
14.6发光文字 107
14.7披雪文字 108
14.8立体文字 109
第15章 创建动画 111
15.1视觉变幻效果 111
15.2行驶的汽车 111
15.3舞动翅膀的蝴蝶 113
15.4漏水的龙头 114
15.5圆形变方形 115
15.6树叶上滴下的水珠 115
15.7飞行的小鸟 116
15.8倒计数 116
15.9制作打印机打印动画 117
15.10制作闪电 118
第16章 引导线动画和遮罩动画 119
16.1眼冒金星 119
16.2制作地球旋转动画 119
16.3放大镜效果 120
16.4手电照射动画 122
16.5波浪文字 123
16.6上升的水泡 125
16.7百叶窗效果 126
16.8萤火虫 126
16.9水波涟漪 127
16.10飘落的枫叶 128
第17章 制作按钮 129
17.1变换表情的按钮 129
17.2立体按钮 129
17.3绘制一个静态的播放按钮 130
17.4摇晃的铃铛 131
17.5抓不住的蜻蜓 132
17.6制作3D方块按钮 133
17.7弹出菜单 134
17.8电视画面效果 134
第18章 添加声音 135
18.1电铃声 135
18.2添加流水声 135
18.3添加碰撞声 136
18.4声音的播放和停止 137
18.5控制音量的大小 138
18.6选择播放歌曲 138
第19章ActionScript的应用 139
19.1随鼠标移动的探照灯 139
19.2活动的坐标轴 139
19.3制作下雨效果 140
19.4制作风景导航 141
19.5随光标移动的蜜蜂 141
19.6制作控制影片大小的动画 141
19.7光标经过处出现萤光效果 142
19.8可随意拖动的图片 142
第四部分 综合练习 144
第20章 实战练习（一） 144
20.1绘制网页草图 144
20.2处理素材图片 144
20.3使用Fireworks绘制主页和子页 145
20.4使用Fireworks制作主页切片并输出网页 146
20.5用Fireworks制作按钮交换图像 147
20.6在Flash中制作Banner动画 147
20.7使用Dreamweaver建立站点 148
20.8在Dreamweaver中编辑主页面 148
20.9为页面添加文字内容 149
20.10设置主页图像链接按钮 150
20.11输出链接页切片和页面 151
20.12制作链接页 151
20.13制作其他链接页 152
20.14检查所有的页面和链接，完成整个制作 153
第21章 实战练习（二） 155
21.1绘制网页草图 155
21.2处理素材图片 155
21.3使用Fireworks制作主页面和子页面 156
21.4使用Dreamweaver创建站点 157
21.5使用Fireworks切片并输出为HTML页 157
21.6使用Fireworks制作按钮交换图像 158
21.7在Flash中制作Banner动画 159
21.8将制作完成的Flash Banner导入页面 159
21.9为主页添加文字内容 160
21.10设置主页动态按钮（交换图像的应用） 161
21.11输出链接页切片和页面 161
21.12在Dreamweaver中继续制作链接页 162
21.13以链接页为基础创建模板 163
21.14应用模板创建其他二级链接页面 164
21.15将做好的二级页面与首页链接 165
21.16检查所有的页面和链接，完成整个制作 165
第22章 实战练习（三） 167
22.1绘制网页草图 167
22.2处理素材图片 167
22.3使用Fireworks绘制网页页面 168
22.4使用Dreamweaver创建站点 169
22.5使用Fireworks切片并输出为HTML页 169
22.6使用Fireworks制作按钮交换图像 170
22.7制作Banner动画 171
22.8将制作完成的Flash Banner导入页面 172
22.9为主页添加文字内容 172
22.10设置主页动态按钮（交换图像的应用） 173
22.11输出链接页切片和页面 174
22.12在Dreamweaver中继续制作链接页 175
22.13以链接页为基础创建模板 176
22.14应用模板创建其他二级链接页面 177
22.15将做好的二级页面与首页链接 177
22.16检查所有的页面和链接，完成整个制作 178