巧学巧用Dreamweaver Fireworks Flash制作网页习题精解【2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载】

巧学巧用Dreamweaver Fireworks Flash制作网页习题精解PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第一部分 Dreamweaver1

第1章 基础知识1

1.1 在网页中插入图片2

在网页制作过程中，插入图片的方法2

1.2 变换标题的格式2

更改文字属性的基础操作3

1.3 段落换行3

掌握文本属性的应用4

1.4 字体大小、颜色的设置4

利用属性面板，改变网页中文本的字体和颜色4

1.5 列表符号的应用4

练习设置特殊列表符号，并将其应用到网页中5

1.6 用CSS定义文字样式5

初步认识CSS样式，并应用CSS定义文字样式6

1.7 图片与文字的对齐方式6

掌握属性面板中的几种对齐方式6

1.8 为按钮添加链接6

链接的设置方法7

1.9 为文字添加链接7

为文字添加链接8

1.10 设置锚记链接8

“插入→命名锚记”命令的应用9

1.11 热区的设置9

“矩形热点工具”和“多边型热点工具”的应用9

1.12 插入水平线9

水平线的插入方法10

1.13 交换图像（一）10

“交换图像”命令的应用10

1.14 交换图像（二）10

为按钮添加“交换图像”行为并设置相应的链接11

1.15 设置邮件链接11

为文字设置邮件链接12

1.16 设置下载链接12

给文字添加下载链接13

第2章 页面布局13

2.1 标准模式下使用表格设计版式13

2.1.1 自定义表格样式13

“命令→格式化表格”命令的应用14

2.1.2 单线表格的制作14

单线表格的制作方法14

2.1.3 表格属性的综合应用14

表格属性的综合应用15

2.2 使用框架设计版式15

2.2.1 “上方固定”模式的框架15

创建一个“上方固定”模式的框架，并制作成页面16

2.2.2 制作上下结构的框架页面16

“插入→HTML→框架→对齐上缘”命令的应用16

2.2.3 厂字型框架布局设计16

“上方固定，左侧嵌套”模式的应用17

2.2.4 上中下结构框架的布局17

“对齐上缘”命令的应用18

2.3 使用布局表格设计版式18

2.3.1 国字型页面布局18

在布局模式下绘制表格样式19

2.3.2 不规则布局19

绘制布局表格20

2.3.3 左右对称型布局20

左右结构页面的布局方法22

2.4 结合Fireworks进行页面综合布局设计22

Fireworks与Dreamweaver的技术衔接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

掌握在网页制作过程中插入图片的方法29

3.2 弹出式对话框29

设置弹出信息行为30

3.3 弹出浏览器窗口30

添加弹出浏览器行为31

3.4 拼图效果31

拖动层行为的应用32

3.5 调用JavaScript32

JavaScript程序的调用方法34

第4章 模板与库34

4.1 制作基于模板的实例34

制作基于模板的实例35

4.2 套用模板到页面35

套用模板36

4.3 嵌套模板36

套用模板37

4.4 在页面中添加和使用库项目37

库的应用38

4.5 修改库项目以更新整个站点38

修改库项目更新站点40

第5章 CSS的应用40

5.1 内置CSS样式效果40

内置CSS样式效果的应用41

5.2 用CSS定义背景色41

使用CSS定义背景颜色42

5.3 自定义项目符号的图像42

应用CSS样式自定义项目符号的图像42

5.4 附加外部CSS样式文件42

导入CSS样式44

第二部分 Fireworks44

第6章 按钮的制作44

6.1 简单按钮44

填充的应用45

6.2 绘制立体按钮45

“线形渐变”的运用45

6.3 绘制水晶按钮45

熟悉透明颜色的操作，给按钮添加高光感46

6.4 绘制播放器开关按钮46

“边缘羽化”的应用46

6.5 绘制邮件按钮46

高光和透明渐变的运用47

6.6 使用资源效果的按钮47

“资源样式”的应用47

6.7 绘制开关按钮47

“纹理”的运用48

6.8 绘制圆形水晶按钮48

使用矢量剪切绘制水晶按钮48

6.9 金属按钮48

“凸起浮雕”、“内斜角”和“外斜角”的应用49

6.10 立体渐变按钮49

“横排文字蒙版工具”和“透视变换”的结合应用50

第7章 Banner的制作50

7.1 简单的卡通Banner50

将连续图片在Fireworks中制作为GIF格式的动态画面51

7.2 制作背景层Banner51

“图层→共享交叠帧”的运用51

7.3 运用分散到帧制作Banner51

“帧→分散到帧”的运用52

7.4 制作化妆品Banner52

使用图片制作商业Banner52

7.5 制作按钮Banner52

按钮和动态图片制作结合运用53

第8章 制作导航栏53

8.1 立体导航栏53

使用“线形渐变”工具绘制导航栏54

8.2 渐变效果的导航栏54

“修改→组合路径→联合／交集／打孔／裁切”等命令的综合应用55

8.3 使用材质制作导航栏55

使用“属性→纹理”的效果56

8.4 对比效果的导航56

合理应用颜色对比度来提高导航栏的制作效果57

8.5 情人网站导航57

应用“渐变”和“羽化”制作出适合情人节使用的网页导航栏57

8.6 装饰型导航栏57

填充边缘颜色绘制装饰导航栏58

8.7 融合网页58

利用网页中的效果制作导航栏59

8.8 金属导航栏59

应用金属渐变效果制作导航栏60

8.9 使用素材创建导航60

利用素材制作导航栏61

8.10 水晶效果的导航栏61

利用水晶效果绘制导航栏62

第9章 网页风格设计62

9.1 左置导航栏62

使用“线形渐变”工具绘制接角63

9.2 立体风格网页63

对“修改→组合路径→联合／交集／打孔／裁切”等命令的综合应用64

9.3 圆形接角64

使用“圆角矩形”工具绘制圆形接角65

9.4 分离式网页风格65

“线形渐变”工具的应用66

9.5 动感网页风格66

“线形渐变”工具的应用67

9.6 公告栏效果67

剪切的应用68

9.7 圆形风格在网页中的应用68

“圆形”工具的应用68

9.8 区域构图的运用68

“线形渐变”工具的应用69

9.9 流线形在网页中的运用69

使用“钢笔”工具69

9.10 色块风格的网页69

使用色块变化制作接角效果70

第10章 设计配饰70

10.1 简单便条装饰70

使用透明渐变绘制便条效果71

10.2 分割装饰71

在一些按钮中添加不同元素，制作为网页图标效果72

10.3 按钮装饰（一）72

在一些按钮中添加不同元素，制作为网页图标效果72

10.4 按钮装饰（二）72

继续上一节的练习，同时添加一些暗示形装饰，目的是强调装饰区域73

10.5 居中装饰效果73

当页面都是横向排版时，添加小的装饰打破呆板的构图效果74

10.6 情人网站74

“纹理”和“羽化”效果的应用75

10.7 公告样式的装饰75

在实际网页应用中的装饰效果76

10.8 目录效果的装饰76

渐变和透明度的结合使用77

10.9 广告样式的装饰77

掌握制作广告栏的装饰78

10.10 左置效果的装饰78

利用素材图片制作导航栏的装饰效果79

第11章 网页细节调整79

11.1 链接按钮的制作79

将连续图片在Fireworks中制作为GIF格式的动态画面80

11.2 中心装饰细节的制作80

“线形渐变”的运用80

11.3 链接导航的细节制作80

光照效果的绘制方法81

11.4 情人网站导航按钮81

“羽化”边缘的应用82

11.5 使用图片制作细节效果82

素材在网页中的应用83

第12章 页面布局83

12.1 右置布局83

在网页设计中常见的布局方法之一84

12.2 居中布局84

一般应用于网站内容不是很多的情况85

12.3 三分栏布局85

可以有条理地将网页内容分割出来，主要应用于一些门户网站86

12.4 左置布局86

将链接子页面放置在视觉最容易发现的地方86

12.5 中心布局86

这个构图方法很常用，视觉上比较舒服87

12.6 分散型布局87

分散型构图的网页大多文字和图形面积一致90

第三部分 Flash90

第13章 图形的绘制及编辑90

13.1 绘制月亮90

使用“选择工具”对线条进行变形处理91

13.2 绘制玻璃杯91

练习“任意变形工具”、“线性渐变填充”以及滤镜中“调整颜色”命令的应用91

13.3 绘制蝴蝶92

练习使用“线条工具”、“选择工具”和“任意变形工具”94

13.4 绘制烟囱94

熟练应用“铅笔工具”和“矩形工具”绘制图形95

13.5 绘制闹钟95

“矩形工具”、“椭圆工具”和“线条工具”的使用方法96

13.6 绘制花朵96

理解“绘制对象”功能的含义，以及“复制并应用变形”功能的作用98

13.7 绘制桌子98

对“线条工具”和“铅笔工具”以及“颜料桶工具”的使用99

13.8 绘制QQ表情99

着重掌握滤镜中“调整颜色”和“投影”效果的含义以及用法100

13.9 绘制气球100

“放射状渐变填充”以及应用“填充变形工具”对渐变填充进行变形101

13.10 绘制鱼儿101

使用“线条工具”、“椭圆工具”、“铅笔工具”和“颜料桶工具”103

第14章 静态文字效果103

14.1 金属文字103

“线性填充”和“填充变形工具”综合应用104

14.2 彩色线框文字104

将“线性填充”和“填充变形工具”作用于线条之上105

14.3 浮雕文字105

对文字进行重叠放置，制作出浮雕效果105

14.4 彩图文字105

“混色器”面板中的“位图填充”模式的应用106

14.5 塑料文字106

“修改→形状→柔化填充边缘”命令的含义以及用法107

14.6 发光文字107

使用滤镜中的“发光”和“投影”效果108

14.7 披雪文字108

“橡皮擦工具”和笔触样式中“点描”效果的应用109

14.8 立体文字109

“线性渐变填充”和不透明度的设置111

第15章 创建动画111

15.1 视觉变幻效果111

创建形状补间动画以及溢出模式中“镜像”模式的应用111

15.2 行驶的汽车111

练习创建动画补间动画，达到汽车行驶的效果113

15.3 舞动翅膀的蝴蝶113

创建动画补间动画，根据蝴蝶翅膀挥动时的规律制作出动画效果114

15.4 漏水的龙头114

创建形状补间动画，掌握滴水时状态变化115

15.5 圆形变方形115

练习创建形状补间动画115

15.6 树叶上滴下的水珠115

创建形状补间动画116

15.7 飞行的小鸟116

掌握逐帧动画的制作方法116

15.8 倒计数116

练习逐帧动画的制作方法117

15.9 制作打印机打印动画117

练习创建形状补间动画118

15.10 制作闪电118

练习闪电的绘制方法，掌握元件与元件之间的相互嵌套关系119

第16章 引导线动画和遮罩动画119

16.1 眼冒金星119

练习创建引导层，并通过绘制引导线制作动画效果119

16.2 制作地球旋转动画119

动态遮罩效果的制作技巧120

16.3 放大镜效果120

遮罩动画的制作方法以及滤镜中“投影”效果的应用122

16.4 手电照射动画122

遮罩动画的制作方法以及不透明度的设置方法123

16.5 波浪文字123

遮罩层和运动、形状动画的结合运用125

16.6 上升的水泡125

应用引导层原理，制作一个水泡上升并逐渐消失的动画效果126

16.7 百叶窗效果126

影片剪辑元件的相互嵌套以及遮罩原理的应用126

16.8 萤火虫126

练习创建影片剪辑，并在影片剪辑中应用引导层动画效果127

16.9 水波涟漪127

影片剪辑的嵌套使用128

16.10 飘落的枫叶128

“套索”工具和引导线的综合应用129

第17章 制作按钮129

17.1 变换表情的按钮129

理解按钮元件中的“弹起”、“指针经过”和“按下”3种状态含义129

17.2 立体按钮129

理解按钮元件中的“弹起”和“指针经过”状态的含义及用法130

17.3 绘制一个静态的播放按钮130

运用“椭圆工具”绘制一个圆形按钮，并为其填充适当的色彩131

17.4 摇晃的铃铛131

在按钮元件中套用影片剪辑元件132

17.5 抓不住的蜻蜓132

练习为按钮添加脚本行为，使其控制影片中的按钮行为133

17.6 制作3D方块按钮133

3D按钮的制作技巧134

17.7 弹出菜单134

为按钮添加“点击”动作脚本134

17.8 电视画面效果134

为按钮添加“滑过”动作行为135

第18章 添加声音135

18.1 电铃声135

声音的导入方法与添加声音效果135

18.2 添加流水声135

练习在图层上添加声音136

18.3 添加碰撞声136

理解声音效果中“淡出”和“从左到右淡出”效果的含义137

18.4 声音的播放和停止137

练习使用动作脚本控制声音138

18.5 控制音量的大小138

用动作脚本控制声音的增大和减小138

18.6 选择播放歌曲138

“全局函数→时间轴控制→gotoAndPlay”命令的应用139

第19章 ActionScript的应用139

19.1 随鼠标移动的探照灯139

“startDrag”函数的应用139

19.2 活动的坐标轴139

使用“全局函数→影片剪辑控制→getProperty”函数控制影片剪辑的坐标位置139

19.3 制作下雨效果140

“duplicateMovieClip”和“if”语句的应用141

19.4 制作风景导航141

“On”语句和“gotoAndPlay”函数的应用141

19.5 随光标移动的蜜蜂141

“全局函数→影片剪辑控制→start Drag”函数和“mouse.hide（）”方法的运用141

19.6 制作控制影片大小的动画141

“setProperty”函数和“getProperty”函数的运用142

19.7 光标经过处出现萤光效果142

在影片剪辑中嵌套按钮元件，使用（．）方法控制影片播放42

19.8 可随意拖动的图片142

使用影片剪辑控制脚本144

第四部分 综合练习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