本书由网页设计培训领域的资深设计师精心编著而成，详细介绍了现在最流行的网页设计工具组合——Dreamweaver CS4、Photoshop CS4和Flash CS4的使用方法、操作技巧和实战案例，涵盖了网页设计与网站建设过程中的常用技术和操作，以及网站的策划、网站的安全管理等理念。全书6部分共分28章。

第1阶段主要介绍网页制作基本知识与网页制作流程；第2阶段通过实例详细讲述了Dreamweaver CS4制作网页的各种功能，以及动态网页模块的创建；第3阶段通过实例详细讲述了Photoshop cs4设计网页图像；第4阶段通过实例详细讲述了利用Flash cs4制作网页动画；第5阶段讲述了网站的策划与安全管理，包括网站建设规范与基本流程、网站的整体策划、网站的页面策划、网站的安全与管理；第6阶段从综合运用方面讲述了企业网站建设和购物网站建设的具体方法，旨在帮助读者融会贯通所学知识，并最终步入网站建设高手的行列。

本书语言简练、内容丰富、结构合理，采用循序渐进的讲述方法，通过丰富的实战范例对知识点进行讲解，按照讲练结合的形式编排内容。在光盘中提供了丰富的教学资源，不仅适合网页制作初学者和爱好者使用，同时也是培训班和各院校相关专业理想的教材用书。

第一阶段 网页设计基础篇

第1天上午 网页设计基础 2

1.1 网页设计的相关术语 3

1.1.1 什么是网页 3

1.1.2 什么是网站 3

1.1.3 什么是静态网页 3

1.1.4 什么是动态网页 4

1.2 网页设计常用工具 4

1.2.1 网页编辑排版软件Dreamweaver CS4 5

1.2.2 网页图像制作软件Photoshop CS4和Fireworks CS4 5

1.2.3 网页动画制作软件Flash CS4 6

1.3 常见的网站类型 6

1.3.1 个人网站 6

1.3.2 企业类网站 7

1.3.3 机构类网站 7

1.3.4 娱乐休闲类网站 8

1.3.5 行业信息类网站 8

1.3.6 购物类网站 8

1.3.7 门户类网站 9

1.4 快速创建基本网页 10

1.4.1 确定网页主要栏目和整体布局 10

1.4.2 创建本地站点 10

1.4.3 新建网页文档 11

1.4.4 插入表格布局网页 12

1.4.5 插入多媒体 13

1.4.6 插入文本内容 13

1.4.7 插入图像 14

1.4.8 保存浏览网页 16

1.5 本章小结 16

1.6 课后习题 16

第1天下午 初次接触Dreamweaver CS4 20

2.1 Dreamweaver CS4概述 21

2.2 Dreamweaver CS4的工作界面 21

2.2.1 菜单栏 21

2.2.2 插入面板 22

2.2.3 属性面板 23

2.2.4 面板组 23

2.2.5 文档窗口 23

2.3 创建站点 23

2.3.1 使用向导创建站点 24

2.3.2 通过高级选项卡设置站点 25

2.4 管理多个站点 27

2.4.1 编辑站点 27

2.4.2 删除站点 28

2.4.3 复制站点 28

2.5 本章小结 28

2.6 课后习题 28

第二阶段 Dreamweaver CS4网页排版布局篇

第2天上午 轻松创建多彩的文本网页 29

3.1 网页的创建和保存 30

3.2 设置页面属性 31

3.2.1 外观 31

3.2.2 链接（CSS） 32

3.2.3 标题（CSS） 33

3.2.4 标题/编码 33

3.2.5 跟踪图像 34

3.3 输入文本 35

3.3.1 添加普通文本 35

3.3.2 添加特殊字符 36

3.3.3 添加空格 37

3.3.4 插入水平线 38

3.4 设置文本格式 39

3.4.1 在HTML属性检查器中设置文本格式 40

3.4.2 在属性检查器中编辑CSS规则 41

3.4.3 添加字体 41

3.4.4 设置字体的大小 42

3.4.5 设置字体颜色 42

3.4.6 对齐段落 42

3.4.7 缩进段落 43

3.5 创建项目列表和编号列表 43

3.5.1 创建项目列表 44

3.5.2 创建编号列表 44

3.6 设置头信息 45

3.6.1 设置标题 45

3.6.2 设置Meta 45

3.6.3 插入关键字 46

3.6.4 插入说明 46

3.6.5 插入刷新 46

3.7 综合练习——创建基本文本网页 47

3.8 本章小结 48

3.9 课后习题 49

第2天下午 创建超级链接 50

4.1 超级链接的基本概念 51

4.1.1 绝对路径 51

4.1.2 相对路径 51

4.2 创建链接的方法 52

4.2.1 使用属性面板创建链接 52

4.2.2 使用指向文件图标创建链接 52

4.2.3 使用菜单命令创建链接 52

4.3 管理超级链接 53

4.3.1 设置自动更新链接 53

4.3.2 在站点范围内更改链接 53

4.3.3 检查站点中的链接错误 54

4.4 综合练习 54

练习1——创建文本链接 54

练习2——创建E-mail链接 56

练习3——创建下载文件的链接 57

练习4——创建图像热点链接 58

练习5——创建锚点链接 60

练习6——空链接 64

练习7——创建脚本链接 65

4.5 本章小结 66

4.6 课后习题 66

第3天上午 巧用绚丽的图像和多媒体让网页动起来 68

5.1 在网页中插入图像 69

5.1.1 插入网页图像 70

5.1.2 设置图像属性 72

5.1.3 裁剪图像 73

5.1.4 优化图像 74

5.1.5 调整图像的亮度和对比度 74

5.1.6 锐化图像 75

5.2 插入其他网页图像 76

5.2.1 背景图像 76

5.2.2 使用跟踪图像 77

5.2.3 鼠标经过图像 78

5.2.4 插入导航条 80

5.3 添加声音 82

5.3.1 在文档中插入背景音乐 82

5.3.2 使用代码提示添加背景音乐 83

5.4 添加Flash影片 85

5.5 插入视频文件 87

5.6 插入其他媒体对象 89

5.6.1 插入Shockwave影片 89

5.6.2 插入Java小程序 90

5.6.3 插入ActiveX控件 91

5.7 综合练习 92

练习1——创建鼠标经过图像导航栏 92

练习2——制作多彩的图文混排网页 93

练习3——在网页中插入媒体实例 95

5.8 本章小结 96

5.9 课后习题 97

第3天下午 使用表格轻松排列和布局网页元素 99

6.1 插入表格和表格元素 100

6.1.1 插入表格 100

6.1.2 设置表格属性 102

6.1.3 添加内容到单元格 102

6.2 选择表格元素 103

6.2.1 选取表格 103

6.2.2 选取行或列 103

6.2.3 选取单元格 103

6.3 表格的基本操作 104

6.3.1 调整表格和单元格的大小 104

6.3.2 添加/删除行或列 106

6.3.3 拆分单元格 107

6.3.4 合并单元格 107

6.3.5 剪切、复制、粘贴单元格 108

6.4 排序及整理表格内容 108

6.4.1 导入表格式数据 108

6.4.2 排序表格 110

6.5 综合练习 112

练习1——利用表格排列数据 112

练习2——创建圆角表格 113

练习3——创建细线表格 116

实例4——利用表格布局网页 118

6.6 本章小结 124

6.7 课后习题 124

第4天上午 使用框架和Div灵活布局 网页 126

7.1 框架网页概述 128

7.2 创建框架和框架集 128

7.2.1 创建框架集 128

7.2.2 插入预定义框架集 129

7.2.3 保存框架和框架集文件 130

7.3 选择框架和框架集 131

7.3.1 在框架面板中选择框架或框架集 131

7.3.2 在文档窗口中选择框架或框架集 132

7.4 设置框架和框架集属性 132

7.4.1 设置框架属性 132

7.4.2 设置框架集属性 133

7.5 关于AP Div 133

7.5.1 AP Div的概念 133

7.5.2 AP Div面板 134

7.6 插入AP Div 134

7.6.1 创建普通AP Div 134

7.6.2 创建嵌套AP Div 135

7.7 设置AP Div的属性 135

7.7.1 显示/隐藏属性 135

7.7.2 改变堆叠顺序 136

7.7.3 添加滚动条 137

7.7.4 改变可见性 138

7.8 AP Div与表格的转换 139

7.8.1 将AP Div转换为表格 139

7.8.2 将表格转换为AP Div 140

7.9 使用Spry布局对象 142

7.9.1 使用Spry菜单栏 142

7.9.2 使用Spry选项卡式面板 143

7.9.3 使用Spry折叠式 144

7.9.4 使用Spry可折叠面板 146

7.10 综合练习 147

练习1——创建浮动框架 147

练习2——创建完整的框架网页实例 149

练习3——利用AP Div制作网页下拉菜单 157

7.11 本章小结 159

7.12 课后习题 159

第4天下午 使用CSS样式表让网页更美观和易维护 161

8.1 了解CSS样式表 162

8.2 CSS基本语法 163

8.3 设置CSS属性 164

8.3.1 设置CSS类型属性 164

8.3.2 设置CSS背景属性 165

8.3.3 设置CSS区块属性 166

8.3.4 设置CSS方框属性 167

8.3.5 设置CSS边框属性 167

8.3.6 设置CSS列表属性 168

8.3.7 设置CSS定位属性 169

8.3.8 设置CSS扩展属性 170

8.4 综合练习 170

练习1——创建内部样式表 171

练习2——创建外部样式表 173

练习3——链接外部样式表 174

练习4——应用CSS样式定义字体大小 175

练习5——应用CSS样式制作阴影文字 177

8.5 本章小结 180

8.6 课后习题 181

第5天上午 利用行为轻易实现网页 特效 184

9.1 行为概述 186

9.1.1 认识事件 186

9.1.2 动作类型 187

9.2 制作指定大小的弹出窗口 187

9.3 调用JavaScript 189

9.3.1 实现打印功能 189

9.3.2 实现关闭网页 190

9.4 设置浏览器环境 191

9.4.1 检查表单 191

9.4.2 检查浏览器 193

9.4.3 检查插件 195

9.5 设置图像特效 195

9.5.1 预先载入图像 195

9.5.2 交换图像 197

9.5.3 恢复交换图像 200

9.5.4 设置导航栏图像 200

9.6 设置文本 202

9.6.1 设置状态栏文本 202

9.6.2 设置文本域文本 203

9.6.3 设置框架文本 204

9.7 跳转菜单 204

9.8 转到URL 206

9.9 设置效果 207

9.9.1 增大/收缩效果 208

9.9.2 挤压效果 209

9.9.3 晃动效果 210

9.9.4 显示/渐隐效果 212

9.10 本章小结 213

9.11 课后习题 213

第5天下午 使用模板、库提高网页制作效率 215

10.1 创建模板 216

10.1.1 直接创建模板 216

10.1.2 从现有文档创建模板 217

10.1.3 创建可编辑区域 218

10.2 应用模板创建网页 220

10.3 更新模板及删除模板 222

10.3.1 更新模板 223

10.3.2 删除模板 223

10.4 创建和应用库 224

10.4.1 将现有内容创建为库 224

10.4.2 在网页中应用库 225

10.4.3 编辑并更新网页 226

10.4.4 将库项目从源文件中分离 227

10.5 综合练习 228

练习1——创建企业网站模板 228

练习2——利用模板创建网页 235

10.6 本章小结 237

10.7 课后习题 237

第6天上午 使用插件扩展Dreamweaver的功能 238

11.1 Dreamweaver CS4插件简介 239

11.2 安装插件 239

11.3 综合练习——插件的应用 240

练习1——使用插件制作背景音乐网页 240

练习2——利用插件创建随机切换的广告图 242

练习3——使用飘浮图像插件创建飘浮广告网页 244

练习4——利用插件制作颜色渐变的文本 246

练习5——利用插件制作不同时段显示不同问候语 247

练习6——利用插件制作为指定图片打开窗口效果 248

练习7——利用插件制作图片渐显渐隐效果 250

11.4 本章小结 252

11.5 课后习题 252

第6天下午 使用交互式表单 254

12.1 插入表单 255

12.1.1 表单概述 255

12.1.2 创建表单 256

12.2 插入文本域 257

12.2.1 单行文本域 257

12.2.2 多行文本域 258

12.2.3 密码域 259

12.3 插入复选框和单选按钮 260

12.3.1 插入复选框 260

12.3.2 插入单选按钮 261

12.4 插入列表和菜单 262

12.5 插入跳转菜单 263

12.6 使用按钮 264

12.6.1 插入按钮 264

12.6.2 图形按钮 265

12.7 使用隐藏域和文件域 266

12.7.1 文件域 266

12.7.2 隐藏域 267

12.8 综合练习——创建电子邮件表单 267

12.9 本章小结 270

12.10 课后习题 270

第7天上午 使用Dreamweaver CS4设计动态网页 272

13.1 在Dreamweaver中编码 273

13.1.1 根据代码提示设置背景音乐 274

13.1.2 使用代码片断快速创建网页 275

13.1.3 使用标签选择器插入浮动框架 275

13.1.4 使用标签编辑器编辑标签 276

13.1.5 使用快速标签编辑器插入marquee标签 277

13.2 搭建动态网页平台 278

13.2.1 安装Internet信息服务器（IIS） 278

13.2.2 设置Internet信息服务器（IIS） 279

13.3 创建数据库连接 282

13.3.1 定义系统DSN 282

13.3.2 建立系统DSN连接 283

13.4 编辑数据表记录 283

13.4.1 创建记录集 283

13.4.2 插入记录 284

13.4.3 更新记录 285

13.4.4 删除记录 286

13.5 添加服务器行为 287

13.5.1 插入重复区域 287

13.5.2 插入显示区域 287

13.5.3 记录集分页 288

13.5.4 转到详细页面 288

13.5.5 转到相关页面 289

13.5.6 用户身份验证 290

13.6 本章小结 292

13.7 课后习题 292

第7天下午 动态网站常见模块的开发 293

14.1 制作会员系统 295

14.1.1 创建数据库 295

14.1.2 创建数据库连接 296

14.1.3 会员注册页面 296

14.1.4 注册提交成功与失败页面 301

14.1.5 会员登录页面 302

14.1.6 登录成功与失败页面 306

14.2 新闻发布系统 307

14.2.1 新闻发布系统的分析 307

14.2.2 建立数据库表 308

14.2.3 建立数据库表关系 309

14.2.4 建立数据库表查询 310

14.3 新闻信息的录入 314

14.3.1 添加新闻分类 314

14.3.2 添加新闻内容 316

14.4 新闻系统的首页 319

14.4.1 绑定记录集 320

14.4.2 插入动态记录 320

14.5 本章小结 322

14.6 课后习题 322

第三阶段 Photoshop CS4网页图像设计篇

第8天上午 使用Photoshop CS4绘制网页图像 324

15.1 Photoshop CS4工作界面 325

15.1.1 菜单命令 326

15.1.2 工具箱 326

15.1.3 选项栏 326

15.1.4 调板 327

15.2 图像的调整 327

15.2.1 调整图像大小 327

15.2.2 调整画布大小 328

15.3 设置前景色和背景色 329

15.3.1 默认的前景色与背景色 329

15.3.2 更改和恢复前景色与背景色 330

15.4 创建选择区域 330

15.4.1 选框工具 330

15.4.2 套索工具 331

15.4.3 魔棒工具 332

15.4.4 制作透明图像 333

15.5 基本绘图工具 335

15.5.1 画笔工具 335

15.5.2 铅笔工具 336

15.5.3 加深和减淡工具的应用 337

15.6 综合练习 338

练习1——羽化网页图像 339

练习2——绘制网页标志 340

15.7 本章小结 342

15.8 课后习题 342

第8天下午 设计网页特许文字与按钮 344

16.1 创建文字 345

16.1.1 输入文字 345

16.1.2 设置文字属性 347

16.1.3 文字的变形 347

16.2 图层与图层样式 348

16.2.1 图层基本操作 348

16.2.2 设置图层样式 350

16.3 应用滤镜 355

16.3.1 渲染 355

16.3.2 风格化 357

16.3.3 模糊 363

16.4 综合练习——文字的应用 365

练习1——设计特殊文字 365

练习2——制作水晶按钮 367

练习3——制作圆角按钮 370

16.5 本章小结 371

16.6 课后习题 371

第9天上午 设计网页Logo与网络广告 373

17.1 网站Logo的制作 374

17.1.1 网站Logo的设计标准 374

17.1.2 网站Logo的设计规范 374

17.1.3 网站Logo的规格 374

练习——Logo设计实例 375

17.2 网络广告的制作 377

17.2.1 网络广告的形式 377

17.2.2 网页广告设计要素 377

17.2.3 网络广告设计技巧 378

17.3 综合练习——设计网络广告 378

17.4 本章小结 383

17.5 课后习题 383

第9天下午 综合练习——设计制作 网页中的图像 384

18.1 设计制作网页背景图像 385

18.2 设计网页广告图像 387

18.3 设计网站封面首页图像 392

18.4 使用切片对封面页图像切割 396

18.5 本章小结 398

18.6 课后习题 398

第四阶段 Flash CS4网页动画设计篇

第10天上午 Flash CS4绘图基础 402

19.1 Flash CS4简介 403

19.2 Flash CS4的工作界面 404

19.2.l 标题栏 404

19.2.2 菜单栏 405

19.2.3 舞台 405

19.2.4 工具箱 405

19.2.5 时间轴 406

19.2.6 浮动面板 406

19.3 绘制图形工具 406

19.3.1 线条工具 406

19.3.2 椭圆工具与矩形工具 407

19.3.3 多角星形工具 408

19.3.4 铅笔工具 409

19.3.5 刷子工具 410

19.3.6 钢笔工具 411

19.4 选择对象工具 411

19.4.1 选择工具 411

19.4.2 部分选取工具 412

19.5 编辑图形工具 412

19.5.1 颜料桶工具 413

19.5.2 墨水瓶工具 413

19.5.3 滴管工具 414

19.5.4 橡皮擦工具 414

19.6 文本工具的基本使用 415

19.7 综合练习 416

练习1——制作立体文字 416

练习2——创建简单的Flash动画 418

19.8 本章小结 420

19.9 课后习题 420

第10天下午 使用元件和实例 424

20.1 元件和实例的概念 425

20.2 创建元件 425

20.3 复制与编辑元件 426

20.3.1 复制元件 426

20.3.2 编辑元件 427

20.4 创建与编辑实例 428

20.4.1 创建实例 428

20.4.2 编辑实例 429

20.5 创建和管理库 431

20.5.1 创建项目 431

20.5.2 删除项目 431

20.6 使用公用库 431

20.7 综合练习 432

练习1——制作按钮 432

练习2——利用元件制作动画 435

20.8 本章小结 437

20.9 课后习题 437

第11天上午 创建基本Flash动画 440

21.1 创建逐帧动画 441

21.2 创建补间动画 443

练习1——创建补间动画 443

练习2——创建形状补间动画 446

21.3 创建遮罩动画 447

21.3.1 创建遮罩层 448

21.3.2 练习3——遮罩动画应用实例 448

21.4 运动引导层动画的创建 451

21.4.1 创建运动引导层 451

21.4.2 练习4——运动引导层动画应用实例 452

21.5 本章小结 455

21.6 课后习题 455

第11天下午 制作高级交互式动画 458

22.1 ActionScript脚本基础 459

22.1.1 动作面板 459

22.1.2 ActionScript基本语法 460

22.1.3 使用常量 461

22.1.4 使用运算符 461

22.1.5 使用函数 462

22.2 为对象添加动作 462

22.2.1 为帧添加动作 463

22.2.2 为按钮添加动作 463

22.2.3 为影片剪辑添加动作 464

22.3 综合练习 464

练习1——利用getURL制作发送电子邮件动画 464

练习2——利用stop和play语句控制动画的播放 466

22.4 本章小结 471

22.5 课后习题 471

第五阶段 网站的策划与安全管理篇

第12天上午 网站建设规范和基本流程 476

23.1 网站建设规范 476

23.1.1 组建开发团队规范 477

23.1.2 开发工具规范 477

23.1.3 超链接规范 477

23.1.4 文件夹和文件命名规范 478

23.1.5 代码设计规范 478

23.2 网站建设的基本流程 479

23.2.1 网站的需求分析 479

23.2.2 网站整体规划 479

23.2.3 确定网站整体风格 480

23.2.4 收集资源 481

23.2.5 设计网页图像 481

23.2.6 编辑制作网页 482

23.2.7 开发动态网站模块 482

23.2.8 申请域名和服务器空间 483

23.2.9 测试与发布上传 484

23.2.10 网站维护 486

23.2.11 网站的推广 486

23.3 本章小结 489

23.4 课后习题 489

第12天下午 网站的整体策划 490

24.1 为什么要进行网站策划 491

24.2 怎样进行网站策划 491

24.2.1 网站策划的原则 491

24.2.2 网站策划的关键点 493

24.3 如何确定网站的定位 493

24.4 确定网站的目标用户 494

24.5 网站的内容策划 495

24.5.1 网站内容策划的重要性 495

24.5.2 如何做好网站内容策划 495

24.6 本章小结 496

24.7 课后习题 496

第13天上午 网站页面设计策划 497

25.1 网站栏目和页面设计策划 498

25.1.1 网站的栏目策划 498

25.1.2 网站的页面策划 499

25.2 网站导航设计 500

25.2.1 导航设计的基本要求 501

25.2.2 全局导航的基础要素 501

25.2.3 辅助导航的设计要点 502

25.2.4 导航设计注意要点 502

25.3 网站页面版式风格设计 503

25.3.1 网站内容的排版 503

25.3.2 网站网页的布局形式 504

25.3.3 网站界面设计的兼容性 506

25.3.4 界面布局与内容的相关性 507

25.4 网站视觉元素设计 508

25.4.1 让文字易辨识 508

25.4.2 让图片更合理 509

25.4.3 让表单更易用 509

25.4.4 让按钮更易点击 510

25.5 网页色彩搭配 511

25.5.1 色彩理论 511

25.5.2 网页配色技巧 512

25.6 本章小结 514

25.7 课后习题 515

第13天下午 网站的安全与运营维护 516

26.1 Web服务的高级设置 517

26.1.1 设置用户 517

26.1.2 NTFS权限的设置 518

26.1.3 目录和应用程序访问权限的设置 519

26.1.4 匿名和授权访问控制 519

26.1.5 备份与还原IIS 520

26.2 反黑客技术 521

26.2.1 计算机的设置 522

26.2.2 隐藏IP地址 524

26.2.3 操作系统账号管理 525

26.2.4 安装必要的安全软件 526

26.2.5 做好浏览器的安全设置 526

26.2.6 网站防火墙的应用 527

26.3 网站运营 528

26.3.1 网站运营的工作内容 528

26.3.2 网站运营的关键问题 529

26.4 网站日常维护与管理 530

26.5 本章小结 530

26.6 课后习题 530

第六阶段 网站建设综合案例篇

第14天上午 设计制作企业网站 532

27.1 网站设计规划 533

27.2 使用Adobe Photoshop CS4制作网页标志 534

27.3 使用Flash CS4制作动画 536

27.4 创建本地站点 539

27.5 使用Dreamweaver CS4制作页面 540

27.5.1 制作网站头部文件 540

27.5.2 制作底部版权部分 544

27.5.3 制作模板 545

27.5.4 利用模板制作网页 552

27.6 本章小结 554

27.7 课后习题 554

第14天下午 设计制作购物网站 555

28.1 购物网站设计概述 556

28.2 使用Photoshop设计网页图像 557

28.2.1 设计网页按钮 557

28.2.2 设计网站Logo 558

28.3 使用Flash制作网页宣传动画 559

28.4 创建数据库表 562

28.5 创建数据库连接 564

28.6 制作购物系统前台页面 564

28.6.1 制作商品分类展示页面 565

28.6.2 制作商品详细信息页面 570

28.7 制作购物系统后台管理 572

28.7.1 制作管理员登录页面 572

28.7.2 制作添加商品分类页面 575

28.7.3 制作添加商品页面 578

28.7.4 制作商品管理页面 580

28.8 本章小结 584

28.9 课后习题 584