网页设计三合一实训教程PDF电子书下载

Dreamweaver篇 3

第1章　认识网页与Dreamweaver 3

1.1 浏览网页 3

1.1.1 【操作实例1】——实训准备 3

1.1.2 【操作实例2】——浏览并观察网页文件 3

1.1.3 【操作实例3】——欣赏精彩网页 5

1.1.4 【操作实例4】——分析网页作品 9

1.2　初识Dreamweaver软件 10

1.2.1 【操作实例1】——认识Dreamweaver的工作界面 10

1.2.2 【操作实例2】——浮动面板组 12

1.2.3 【操作实例3】——网页文档编辑区 13

1.2.4 【操作实例4】——视图 13

1.3 了解Dreamweaver站点 14

1.3.1 【操作实例1】——创建“WebSite”本地站点 14

1.3.2 【操作实例2】——编辑“WebSite”站点 16

1.3.3 【操作实例3】——“站点”面板的使用 17

1.4　了解Dreamweaver文件 18

1.4.1 【操作实例1】——创建网页文件 18

1.4.2 【操作实例2】——创建文件夹 19

1.4.3 【操作实例3】——编辑文件 19

1.4.4 【操作实例4】——保存与预览文件 19

1.4.5 【操作实例5】——打开网页文件 19

1.5　归纳与提高 20

1.5.1 网页制作相关概念 21

1.5.2　制作及发布站点的一般流程 23

1.6　知识拓展 25

1.6.1　网页编辑软件 25

1.6.2　与网页制作相关的图形处理工具 26

1.6.3 与网页制作相关的动画制作工具 26

习题 27

第2章　网页布局 28

2.1　布局表格 28

2.1.1 【操作实例1】——布局表格 28

2.1.2 【操作实例2】——布局表格综合实例 30

2.1.3 【操作实例3】——细线表格 34

2.1.4 【操作实例4】——立体化表格 36

2.1.5 【操作实例5】——快速格式化表格 38

2.1.6 【操作实例6】——1像素的分割线条 39

2.1.7　上机练习 41

2.2　归纳与提高 43

2.2.1　布局视图参数的预设置 44

2.2.2　布局表格 44

2.2.3　布局单元格 48

2.2.4　常规表格 49

2.3　框架 51

2.3.1 【操作实例1】——制作左右框架网页 51

2.3.2 【操作实例2】——制作上下框架网页 54

2.3.3　上机练习 55

2.4　归纳与提高——框架与框架集 57

2.4.1　框架与框架集定义 57

2.4.2　框架和框架集的基本操作 57

2.4.3　框架及框架集的修改 58

2.4.4　设置框架与框架集的属性 59

2.4.5　在框架集中使用链接 60

2.4.6　创建无框架内容 60

习题 60

第3章　文字、图像及超链接 62

3.1　插入文字 62

3.1.1 【操作实例1】——设置页面属性 62

3.1.2 【操作实例2】——插入文字 64

3.2　归纳与提高——文字 66

3.2.1　插入一般文字 66

3.2.2　插入特殊字符 66

3.2.3　插入日期 66

3.2.4　插入分隔线 66

3.2.5　文字的编辑 67

3.2.6　创建文字列表 67

3.2.7　通过“属性”面板设置文字属性 68

3.3　插入图像 69

3.3.1 【操作实例1】——插入图像 69

3.3.2 【操作实例2】——剪切、亮度／对比度调节、锐化图像 71

3.3.3 【操作实例3】——创建鼠标经过图像 73

3.4　归纳与提高——图像 74

3.4.1 网页图像格式 74

3.4.2　获取网页图像 75

3.4.3　插入图像 75

3.5　插入超链接 77

3.5.1 【操作实例1】——超链接 77

3.5.2 【操作实例2】——锚点链接 79

3.5.3 【操作实例3】——热点链接 81

3.6　归纳与提高——超链接 82

3.6.1 路径 82

3.6.2　启动链接管理 83

习题 83

第4章　层叠样式 86

4.1　CSS样式 86

4.1.1 【操作实例1】——用CSS样式设置网页中的字体 86

4.1.2 【操作实例2】——去掉网页中超链接的下划线 87

4.1.3 【操作实例3】——外部样式应用 89

4.1.4 【操作实例4】——实现虚线效果的水平线 92

4.1.5 【操作实例5】——利用样式表美化表格 94

4.1.6 【操作实例6】——Alpha滤镜特效 96

4.1.7 【操作实例7】——Glow滤镜特效 97

4.1.8 【操作实例8】——Chroma滤镜特效 99

4.1.9 【操作实例9】——样式综合应用 99

4.1.10　【操作实例10】——设置整个网页的字体 102

4.2　归纳与提高 103

4.2.1　CSS层叠样式表的创建与编辑 104

4.2.2　外部样式表的链接、导入和编辑 104

习题 106

第5章　行为 108

5.1 行为应用 108

5.1.1 【操作实例1】——控制状态栏信息 108

5.1.2 【操作实例2】——打开浏览器窗口 109

5.1.3 【操作实例3】——下拉菜单 111

5.2　归纳与总结 113

5.2.1　行为的基本概念 113

5.2.2　Dreamweaver内置的基本行为 113

5.2.3 “行为”面板 114

5.2.4　行为的基本操作 115

习题 116

第6章　层 118

6.1 应用层 118

6.1.1 【操作实例1】——拼图 118

6.1.2 【操作实例2】——拖动小鸟 120

6.1.3 【操作实例3】——层对齐 122

6.1.4 【操作实例4】——层叠放 125

6.1.5 【操作实例5】——益智游戏 126

6.2　归纳与提高 128

6.2.1　层的基本概念 128

6.2.2　层的基本操作 128

6.2.3　层的“属性”面板 130

6.2.4　层的基本属性设置 131

习题 132

第7章　时间轴 134

7.1　赏析三维动画作品 134

7.1.1 【操作实例1】——飞动的图片 134

7.1.2 【操作实例2】——海面上的鱼儿欢快地游来游去 136

7.1.3 【操作实例3】——幻灯片效果 137

7.1.4 【操作实例4】——动态地图 140

7.1.5 【操作实例5】——制作用鼠标可到处拖动的滚动板 142

7.2　归纳与提高 144

7.2.1 时间轴的基本概念 144

7.2.2　时间轴的基本操作 145

习题 149

第8章　表单 150

8.1 表单应用 150

8.1.1 【操作实例1】——制作简单表单 150

8.1.2 【操作实例2】——制作客户反馈表单 152

8.2　归纳与提高 154

8.2.1　表单概述 155

8.2.2　表单的创建及编辑 155

习题 160

第9章　模板、库、插件及动态 162

9.1 模板 162

9.1.1 【操作实例1】——浏览模板网页 162

9.1.2 【操作实例2】——创建模板网页 164

9.1.3 【操作实例3】——应用模板 165

9.1.4 【操作实例4】——修改模板及更新基于模板的网页文档 166

9.1.5 【操作实例5】——上机练习 166

9.2　库 166

9.2.1 【操作实例1】——创建库项目 166

9.2.2 【操作实例2】——插入库项目 167

9.2.3 【操作实例3】——修改库和更新站点 168

9.3　插件 168

9.3.1 【操作实例1】——图片渐隐渐显 169

9.3.2 【操作实例2】——滚动字幕 170

9.3.3 【操作实例3】——滚动区域 171

9.3.4 【操作实例4】——上机练习 173

9.4　嵌入Flash媒体元素 173

9.4.1 【操作实例1】——插入Flash按钮 173

9.4.2 【操作实例2】——插入Flash文本 174

9.4.3 【操作实例3】——插入Flash动画 175

9.4.4 【操作实例4】——插入Flash媒体元素的基本概念 177

9.4.5 【操作实例5】——上机练习 177

习题 178

Flash篇 183

第10章　认识动画与Flash 183

10.1　赏析Flash动画作品 183

10.1.1 【操作实例1】——实训准备 183

10.1.2 【操作实例2】——运行并观察Flash动画 183

10.1.3 【操作实例3】——分析三维动画作品 186

10.2　初识Flash软件 187

10.2.1 【操作实例1】——认识Flash的工作界面 187

10.2.2 【操作实例2】——命令面板 189

10.2.3 【操作实例3】——场景、元件和舞台 189

10.2.4 【操作实例4】——图形工具箱 190

10.3 了解Flash文件 190

10.3.1 【操作实例1】——打开Flash文件 190

10.3.2 【操作实例2】——观察动画的内容与动作 194

10.4　归纳与提高 196

10.4.1　动画的基本原理与基本概念 196

10.4.2　传统动画与计算机动画 197

10.4.3　Flash动画的特点 198

10.4.4　Flash动画制作流程 198

10.4.5　Flash动画的应用 199

10.5　知识拓展 199

10.5.1 3ds max软件 200

10.5.2　Maya软件 201

习题 202

第11章　图形、元件与实例 203

11.1 图形制作实例 203

11.1.1 【操作实例1】——制作一个蓝色的月牙 203

11.1.2 【操作实例2】——制作一个带绿叶的桃子 204

11.1.3 【操作实例3】——制作彩虹文字 206

11.1.4 【操作实例4】——多彩文字 207

11.1.5 【操作实例5】——框线文字 208

11.1.6 【操作实例6】——扩充及修补文字 209

11.1.7 【操作实例7】——立体文字 211

11.1.8 【操作实例8】——足球 212

11.2　Flash MX 2004“图形”工具栏介绍 213

11.3　基本绘图工具的应用 214

11.3.1　直线工具和笔触样式 214

11.3.2　圆形工具和椭圆工具 214

11.3.3　钢笔工具和铅笔工具 215

11.3.4　画笔工具 216

11.4　辅助绘图工具的应用 216

11.4.1　箭头工具和部分选取工具 216

11.4.2　颜色的设置 217

11.4.3　墨水瓶工具和油漆桶工具 218

11.4.4　套索工具 220

11.4.5　任意变形工具和填充变形工具 220

11.4.6　滴管工具和橡皮工具 222

11.5 图形对象的编辑 223

11.5.1　对象的变形处理 223

11.5.2　对象的组合与拆分 224

11.6　文字工具的应用 224

11.6.1　文字的输入和格式化 224

11.6.2　文字转为图形 224

11.7　元件与实例 225

11.7.1 元件 225

11.7.2　实例 226

11.8　归纳与提高 228

11.8.1　Flash对象 228

11.8.2　修改对象属性 230

11.8.3　整形 230

11.8.4　变形 230

11.8.5　对齐对象 230

11.8.6　改变对象的叠放顺序 231

习题 231

第12章　Flash动画 232

12.1　形状动画 232

12.1.1 【操作实例1】——线条的缩放 232

12.1.2 【操作实例2】——图形变文字 233

12.1.3 【操作实例3】——变幻的字符 235

12.2　动作动画 236

12.2.1 【操作实例1】——闪烁的灯光效果 236

12.2.2 【操作实例2】——屏幕拉开 238

12.2.3 【操作实例3】——小球的加速下降和减速上升 239

12.2.4 【操作实例4】——风吹效果 240

12.2.5 【操作实例5】——淡入淡出（色彩特效） 242

12.2.6 【操作实例6】——翻书的效果 243

12.2.7 【操作实例7】——水滴效果 245

12.3　引导层动画 246

12.3.1 【操作实例1】——随风飘落的花朵 246

12.3.2 【操作实例2】——沿轨迹运动的小球 248

12.4　逐帧动画 249

12.4.1 【操作实例1】——10秒倒数计时 249

12.4.2 【操作实例2】——抖动的字 251

12.4.3 【操作实例3】——激光文字 251

12.4.4 【操作实例4】——尾巴上下甩动的鱼 255

12.5　遮罩层 255

12.5.1 【操作实例1】——漂动的填充物 255

12.5.2 【操作实例2】——霓虹灯效果 257

12.5.3 【操作实例3】——探照灯效果 258

12.5.4 【操作实例4】——彩色滚动屏幕 259

12.5.5 【操作实例5】——放大镜 261

12.5.6 【操作实例6】——画卷展开 263

12.6　归纳与提高 266

12.6.1 “时间轴”面板及应用 266

12.6.2　帧的基本类型与操作 268

12.6.3　图层及基本操作 269

12.6.4　逐帧动画 271

12.6.5　形状渐变动画 271

12.6.6　动作补间动画 273

习题 275

第13章　Flash交互动画 279

13.1　交互动画 279

13.1.1 【操作实例1】——跟随鼠标移动的小球 279

13.1.2 【操作实例2】——雨滴效果 281

13.1.3 【操作实例3】——按钮组件交互 284

13.1.4 【操作实例4】——按钮实例交互 286

13.1.5 【操作实例5】——游动的鱼 288

13.2　归纳与提高 293

13.2.1　动画的基本概念 293

13.2.2　动作面板 293

13.2.3　ActionScript基本命令 295

习题 297

Fireworks篇 303

第14章　认识Fireworks MX 2004 303

14.1　Fireworks MX 2004的启动和退出 303

14.2　Fireworks MX 2004的工作环境 304

14.3　Fireworks MX 2004的文档操作 308

14.4　归纳与提高 310

习题 311

第15章　Fireworks MX 2004的矢量绘图 312

15.1　矢量绘图实例 312

15.1.1 【操作实例1】——制作奥迪车标志 312

15.1.2 【操作实例2】——制作网站标志 315

15.1.3 【操作实例3】——制作文字图章 316

15.1.4 【操作实例4】——使用钢笔工具绘制任意路径 317

15.2　归纳与提高 318

习题 318

第16章　Fireworks MX 2004的位图编辑 320

16.1　位图编辑实例 320

16.1.1 【操作实例1】——选区操作 320

16.1.2 【操作实例2】——替换部分像素 321

16.1.3 【操作实例3】——替换某类颜色 322

16.2　其他部分绘图和编辑工具 322

16.3　归纳与提高 324

习题 324

第17章　Fireworks MX 2004的蒙版和滤镜操作 325

17.1　制作蒙版特效 325

17.1.1 【操作实例1】——位图蒙版特效 325

17.1.2 【操作实例2】——矢量蒙版特效 327

17.2　滤镜的使用 328

17.3　归纳与提高 330

习题 330

第18章　Fireworks MX 2004的动画制作 332

18.1　动画制作实例 332

18.1.1 【操作实例1】——制作简单动画 332

18.1.2 【操作实例2】——制作补间动画 333

18.1.3 【操作实例3】——制作逐帧动画 334

18.2　归纳与提高 337

习题 337

第19章　Fireworks MX 2004的网页元素制作 338

19.1 网页元素制作实例 338

19.1.1 【操作实例1】——切片和热点 338

19.1.2 【操作实例2】——制作网页按钮 340

19.1.3 【操作实例3】——制作网页菜单 342

19.1.4 【操作实例4】——制作网站首页 344

19.2　归纳与提高 349

习题 350