《巧学巧用DREAMWEAVER 8 FIREWORKS 8 FLASH 8制作网页200例》

第一部分Dreamweaver1

第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调用JavaScript32

第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

第二部分Fireworks44

第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简单的卡通Banner50

7.2制作背景层Banner51

7.3运用分散到帧制作Banner51

7.4制作化妆品Banner52

7.5制作按钮Banner52

第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