新编网页制作三剑客培训教程PDF电子书下载

第1章 网页制作概述 1

1.1 网页制作的发展趋势 1

1.2　网站开发流程 2

1.3 网站开发工具 3

1.3.1 网页制作工具 4

1.3.2 图像制作工具 4

1.3.3　动画制作工具 5

1.4　Dreamweaver概述 6

1.4.1　Dreamweaver简介 6

1.4.2　Adobe Dreamweaver CS3的新功能 7

1.5　安装、启动和关闭Dreamweaver CS3 8

1.5.1　安装Dreamweaver CS3 9

1.5.2　启动Dreamweaver CS3 12

1.5.3 关闭Dreamweaver CS3 13

1.6　Dreamweaver CS3的工作环境 14

1.6.1　认识菜单栏 15

1.6.2　认识插入工具栏 18

1.6.3　认识文档工具栏 18

1.6.4　认识属性面板 20

1.6.5　认识面板和面板组 20

1.6.6　认识状态栏 20

1.7　建立站点 21

1.7.1 创建存放网页的文件夹 22

1.7.2　定义本地站点 23

1.7.3　新建站点内网页文件和文件夹 27

1.8　制作第1个网页 29

1.9　上机实训 33

1.10 习题 36

第2章　使用表格规划网页 38

2.1 表格及操作表格的方式 38

2.2　利用表格的标准模式规划网页 38

2.2.1　插入表格 39

2.2.2　选择表格和单元格 40

2.2.3　设置表格和单元格属性 42

2.2.4　拆分与合并单元格 45

2.2.5　插入并列或嵌套表格 46

2.2.6　利用表格扩展模式熟练操作表格 48

2.3　利用表格的布局模式规划网页 49

2.3.1 为什么要使用表格的布局模式 50

2.3.2　切换到表格的标准模式或布局模式 50

2.3.3　绘制布局表格和单元格 51

2.3.4　设置布局单元格和表格格式 54

2.3.5　调整布局单元格和布局表格 56

2.4　上机实训 58

2.4.1　使用表格的标准模式布局一个网页 58

2.4.2　使用表格的布局模式布局一个网页 62

2.5 习题 66

第3章　添加网页元素 68

3.1　添加文本 68

3.1.1 添加文本 69

3.1.2　设置文本格式 71

3.2　添加图像 72

3.2.1　适合网页使用的图像格式 72

3.2.2　插入图像 74

3.2.3　处理图像效果 76

3.3　添加声音 80

3.3.1 适合网页使用的声音格式 80

3.3.2　链接到声音文件 82

3.3.3　嵌入声音文件 82

3.4　添加动画 83

3.4.1　插入和预览Flash动画 84

3.4.2　添加Flash按钮 87

3.5　添加其他多媒体元素 89

3.5.1　添加视频文件 89

3.5.2　添加Shockwave 92

3.6　上机实训 93

3.6.1　使用文字和图片完成网页内容 93

3.6.2　制作“奥运之旅”主页 96

3.7 习题 103

第4章　建立网页链接 105

4.1 网页链接概述 105

4.1.1　链接起点 105

4.1.2　链接路径 106

4.1.3　链接目标文件 107

4.2　创建文字链接 108

4.2.1　链接到文件 108

4.2.2　链接到锚记 111

4.2.3　链接到电子邮件 112

4.3　创建跳转菜单链接 113

4.3.1 插入跳转菜单 113

4.3.2　修改跳转菜单 114

4.4　创建Spry导航菜单 114

4.4.1　添加Spry导航菜单 115

4.4.2　修改Spry导航菜单 117

4.5　创建图片链接 117

4.5.1　创建图片整体链接 118

4.5.2　创建图片局部热点链接 119

4.6　上机实训 121

4.6.1　制作“奥运吉祥物”网站 121

4.6.2　制作地图网站 124

4.7 习题 128

第5章　使用CSS样式控制网页效果 130

5.1　CSS样式表概述 130

5.1.1　CSS样式表的概念 130

5.1.2　CSS样式表的规则类型 131

5.2　创建新的样式规则 132

5.2.1　创建高级样式规则 132

5.2.2　创建标签样式规则 136

5.2.3　创建类样式规则 137

5.3　修改与链接CSS样式表 138

5.3.1　修改样式规则 138

5.3.2　链接到外部CSS样式表 139

5.4　CSS样式表的规则属性 140

5.4.1　CSS样式类型属性 140

5.4.2　CSS样式背景属性 141

5.4.3　CSS样式区块属性 142

5.4.4　CSS样式方框属性 143

5.4.5　CSS样式边框属性 144

5.4.6　CSS样式列表属性 145

5.4.7　CSS样式定位属性 145

5.4.8　CSS样式扩展属性 146

5.5　上机实训 147

5.5.1　使用CSS样式表控制网页效果 147

5.5.2　完成“奥运吉祥物”网站网页效果 151

5.6　习题 155

第6章　使用Dreamweaver框架布局网页 157

6.1　框架结构概述 157

6.1.1　框架结构的概念 157

6.1.2　框架结构的工作方式 158

6.1.3　框架结构的特点 159

6.1.4　什么是嵌套框架集 159

6.2　创建框架和框架集 160

6.2.1　使用预定义创建框架集 160

6.2.2　手动创建框架集 163

6.2.3　删除框架 165

6.2.4　调整框架大小 165

6.3　编辑框架和框架集 165

6.3.1　选择框架和框架集 166

6.3.2　在框架中打开网页 167

6.3.3　查看和设置框架的属性 168

6.3.4　查看和设置框架集的属性 169

6.3.5　使链接目标网页显示在框架中 169

6.4　上机实训——利用框架结构制作“奥运会徽网站” 170

6.5 习题 175

第7章　使用Dreamweaver模板快速建站 178

7.1 认识模板 178

7.1.1　什么是模板 178

7.1.2　什么是嵌套模板 179

7.1.3　什么是模板区域 180

7.1.4　识别模板和基于模板的网页 181

7.2　应用模板 182

7.2.1　创建模板 183

7.2.2　使用可编辑区域 185

7.2.3　使用可选区域 189

7.2.4　使用重复区域 192

7.2.5　创建嵌套模板 192

7.3 管理模板 192

7.3.1　编辑、更新和删除模板文件 193

7.3.2　在现有网页中应用或删除模板 194

7.4　上机实训——“奥运之旅”综合实例 195

7.5 习题 208

第8章　Flash GS3快速入门 211

8.1　Flash CS3简介 211

8.1.1　Flash的历史 211

8.1.2　Flash CS3的新功能 212

8.2　安装、启动和关闭Flash CS3 213

8.2.1 安装Flash CS3 214

8.2.2　启动Flash CS3 217

8.2.3　关闭Flash CS3 218

8.3　Flash CS3的工作界面 218

8.3.1　菜单栏 218

8.3.2　工具栏 219

8.3.3　时间轴 219

8.3.4　工作区 220

8.3.5 【属性】面板 220

8.3.6　面板组 222

8.4　制作第一个Flash动画 222

8.4.1 打开新动画文档并定义文档属性 222

8.4.2　创建矢量图形、并进行素材搜集 223

8.4.3　设置动画并进行修改编辑 224

8.4.4　设定交互并进行合成、测试和输出 225

8.5 上机实训——制作文字放大、缩小以及淡入淡出动画 227

8.6　习题 229

第9章 制作Flash基本动画 231

9.1　制作逐帧动画 231

9.1.1　认识逐帧动画 231

9.1.2　创建逐帧动画 232

9.2　制作形变动画 235

9.2.1　创建形变动画 235

9.2.2　制作文字形变动画 238

9.2.3　使用形状提示 239

9.3　制作运动动画 240

9.3.1　创建运动动画 240

9.3.2　运动动画与形变动画比较 244

9.4　制作轨迹运动动画 244

9.4.1 创建基本轨迹运动动画 244

9.4.2　创建跟随路径方向的轨迹运动动画 246

9.5　上机实训 247

9.5.1　三维旋转小球 247

9.5.2　网页动态Banner 250

9.6　习题 253

第10章 制作Flash蒙版动画 255

10.1　认识蒙版动画 255

10.1.1　关于Flash遮罩层 255

10.1.2　创建蒙版动画 256

10.2　制作文字蒙版动画 258

10.2.1 制作图片滚动文字特效 258

10.2.2　制作波动文字效果 259

10.2.3　制作反色文字动画 261

10.3　制作图形蒙版动画 263

10.3.1　制作探照灯动画 263

10.3.2　制作水中倒影动画 264

10.4　上机实训 266

10.4.1　放大镜效果 266

10.4.2　水波荡漾效果 269

10.5　习题 272

第11章 创建Flash交互与动画发布 274

11.1 创建基本交互动画 274

11.1.1　创建按钮 274

11.1.2　制作图形按钮 275

11.1.3　制作文字按钮 277

11.1.4　设定交互 277

11.2　创建高级交互动画 279

11.2.1　影片剪辑控制脚本 280

11.2.2　浏览器／网络控制脚本 287

11.3　合成动画声音效果 287

11.3.1 导入声音 288

11.3.2　编辑声音 289

11.3.3　压缩声音 291

11.4　动画的发布 292

11.4.1 动画的测试与优化 292

11.4.2　动画的发布与导出 293

11.5　上机实训——制作漫天飞雪动画 296

11.6 习题 301

第12章　使用Fireworks CS3制作网页效果图 304

12.1　绘制与编辑位图图像 304

12.1.1　创建选区工具 304

12.1.2　位图图像绘制工具 310

12.1.3　修改位图工具 311

12.2　绘制与编辑矢量图形 315

12.2.1　绘制矢量图形工具 315

12.2.2　编辑矢量图形工具 317

12.3　改变图形颜色 319

12.3.1　吸取与填充图形对象颜色 319

12.3.2　改变图形的描边和填充颜色 320

12.3.3　使用面板改变图形的描边和填充颜色 321

12.4　编辑图形图像对象 322

12.4.1　选择图形图像 322

12.4.2　缩放和裁剪图形图像 322

12.4.3　移动、复制、再制和删除图形图像对象 324

12.4.4　排列、组合和对齐图形图像对象 325

12.5　修改和调整对象 326

12.5.1　调整画布与图像的大小 326

12.5.2　旋转与裁剪画布 328

12.6　创建与编辑文本 329

12.6.1 创建文本 329

12.6.2　编辑文本 330

12.7　使用层和蒙版 332

12.7.1 使用层 332

12.7.2　蒙版 334

12.8　上机实训——“乐安亭”网站主页设计 335

12.9　习题 339

第13章　使用Fireworks CS3输出网页图像 341

13.1　创建与编辑热点 341

13.1.1　创建与设置热点 341

13.1.2　编辑与输出热点 343

13.2　创建与编辑图像切片 345

13.2.1 创建切片 345

13.2.2　编辑切片 348

13.3 为切片和热点附加行为 348

13.3.1　行为与事件 348

13.3.2　为切片或热点创建弹出菜单 349

13.4　创建与编辑按钮和导航条 350

13.4.1　使用元件 350

13.4.2　创建与编辑按钮 352

13.4.3　创建与编辑导航栏 355

13.4.4　导入元件与按钮 358

13.5　优化与导出图像 358

13.5.1 网页图像类型 358

13.5.2　优化图像 359

13.5.3　导出向导 361

13.6　上机实训——使用热点切片和按钮知识制作一个网页 361

13.7　习题 368

第14章　网页三剑客综合应用与站点发布 369

14.1 网页制作软件之间的结合 369

14.1.1　Dreamweaver与Flash、Fireworks结合 369

14.1.2　在Dreamweaver中编辑Flash内容 370

14.1.3　在Dreamweaver中编辑Fireworks内容 370

14.2　利用Dreamweaver优化网页 372

14.2.1　优化Word文档存储网页 372

14.2.2　加快网页下载显示速度 375

14.3　利用Dreamweaver优化网站 377

14.3.1　检查链接 377

14.3.2　修复断开链接 378

14.3.3　清除孤立文件 381

14.3.4　修复编码错误 382

14.4 申请空间及上传发布 384

14.4.1 申请网站空间 384

14.4.2　上传发布网站 387

14.5　上机实训——使用Dreamweaver和Fireworks快速创建Web相册 389

14.6　习题 393

附录A　部分习题参考答案 395

附录B 常用HTML标签 398

附录C 常用网页特效代码 399