本书涵盖了目前网页设计领域的主要软件，通过大量实用的实例，采用图解的方式详细介绍了使用Dreamweaver 8排版并布局网页、使用Photoshop CS2和Fireworks 8处理网页图形和图像以及使用Flash 8制作网页中的矢量动画和设置交互式动画的方法。本书包含27章，共分为6部分，分别为网页设计基础、Dreamweaver 8网页排版布局、Photoshop CS2设计网页图像、Flash 8设计网页动画、Fireworks 8设计网页图像和综合实例。

本书叙述简洁，实例众多，将基础知识介绍和上机指导紧密结合。此外，还给出了两个网站综合实例，并在每章的上机指导与练习巩固了各章的知识点，从而使本书不但可以作为普通高校、高职高专院校和培训学校的网页设计教材，也可以供广大读者自学网页设计之用

前    言

　　21世纪是互联网时代，计算机和网络成为人们工作、生活、娱乐等方方面面必不可少的工具。在互联网上，最为重要的是网站和网页。网页制作技术成了热门，虽然现在有很多网页制作软件，但是目前使用最多的是Photoshop、Dreamweaver、Flash和Fireworks这4个软件，这4个软件的组合完全能高效地实现网页的各种功能，所以称这4个软件的组合为黄金搭档。其中，Dreamweaver用于对网页进行整体的布局和设计，对网站进行创建和管理。Fireworks和Photoshop用来绘制和优化网页中所用到的图像，并可制作按钮、导航条以及简单的动画。Flash主要用于制作网页中的矢量动画。

本书主要内容

　　本书通过大量实用的实例，详细介绍了使用Dreamweaver 8排版并布局网页、使用Photoshop CS2和Fireworks 8处理网页图形和图像以及使用Flash 8制作网页动画的方法，全面介绍了网页制作的流程和方法。帮助读者把抽象的概念化知识转化为形象的认识，同时在每章后面都配有详细的上机指导，便于读者举一反三，更熟练地掌握所学的知识。

　　本书包含27章，共分为6部分，分别为网页设计基础(第1章)、Dreamweaver 8网页排版布局(第2～12章)、Photoshop CS2设计网页图像(第13～16章)、Flash 8设计网页动画(第17～22章)、Fireworks 8设计网页图像(第23～25章)和综合实例(第26～27章)。

本书主要特点

* 内容全面，重点突出：本书以简练的语言介绍软件的功能, 本书讲解的都是设计网页时最实用的功能。既可以让读者有的放矢，又可以做到言简意赅重点突出，便于让读者轻松掌握网页设计的精髓。

* 实例讲解为主：本书以经典实例的步骤讲解为主，在讲解时对操作过程中的每一个步骤都有详细说明，并配有适量的图形，以帮助读者理解，不管是初学者还是有一定基础的读者，只要根据这些操作步骤一步一步地操作，就能完成每个实例的最终效果。

* 结构合理：本书结构清晰，首先介绍了网页设计的基本知识，然后通过大量的实例讲解4个专业网页设计软件的基本功能与应用技巧，再通过最后两章个人网站和企业网站的综合实例全面讲述了网站建设的完整过程，将前面所学的知识点加以综合运用和整合。此外，在每一章的最后又通过实践与练习将各章所学的知识加以巩固和提高。

本书读者对象

　　本书语言简洁、精练，突出了实用性，采用由浅入深的编排方法，内容丰富、结构清晰、实例众多、图文并茂，可以适用于以下读者对象。

　　1. 网页设计与制作人员

　　2. 网站建设与开发人员

　　3. 大中专院校相关专业师生

　　4. 网页制作培训班学员

　　5. 个人网站爱好者与自学读者

　　本书由国内著名网页设计培训专家何海霞主编，由于作者水平有限，加之创作时间仓促，本书不足之处在所难免，欢迎广大读者批评指正。

　　

目    录

第1章  网页设计基础 1

1.1  网页中的基本概念 1

1.1.1  什么是网页 1

1.1.2  什么是网站 2

1.1.3  什么是域名和空间 2

1.2  网页的基本构成元素 2

1.2.1  网站LOGO 3

1.2.2  网站Banner 3

1.2.3  导航栏 3

1.2.4  文本 4

1.2.5  图像 4

1.2.6  Flash动画 5

1.2.7  多媒体 5

1.3  网页设计的常用工具 5

1.3.1  网页编辑排版软件

Dreamweaver 5

1.3.2  网页动画制作软件Flash 6

1.3.3  网页图像制作软件

Photoshop 6

1.3.4  网页图像制作软件

Fireworks 7

1.4  网站建设的基本流程 7

1.4.1  网站整体规划 8

1.4.2  收集资料与素材 9

1.4.3  设计网页图像 9

1.4.4  网页排版布局 10

1.4.5  测试与发布上传 10

1.4.6  后期更新与维护 10

1.4.7  网站的推广 11

1.5  习题 12

第2章  Dreamweaver 8基础 14

2.1  Dreamweaver 8简述 14

2.2  Dreamweaver 8的新增功能 15

2.3  Dreamweaver 8的操作界面 16

2.3.1  菜单栏 17

2.3.2  插入栏 18

2.3.3  浮动面板 18

2.3.4  【属性】面板 18

2.3.5  文档窗口 18

2.4  文档的基本操作 19

2.4.1  新建网页 19

2.4.2  打开网页 20

2.4.3  保存网页 20

2.4.4  设置页面属性 21

2.5  上机指导：创建和管理站点 23

2.5.1  创建本地静态站点“清华” 23

2.5.2  管理本地站点 25

2.6  习题 26

第3章  插入网页对象 27

3.1  插入文本 27

3.1.1  插入普通文本 27

3.1.2  设置文本属性 28

3.1.3  插入特殊字符 30

3.2  使用列表 31

3.2.1  插入项目列表 31

3.2.2  插入编号列表 32

3.3  在网页中插入文件头部内容 32

3.3.1  插入META信息 33

3.3.2  设置基础 33

3.3.3  插入关键字 34

3.3.4  插入说明文字 34

3.3.5  设置刷新 35

3.4  插入图像 35

3.4.1  插入图像 35

3.4.2  设置图像属性 36

3.4.3  插入翻转图像 38

3.5  插入媒体对象 39

3.5.1  插入Flash动画 40

3.5.2  插入Flash按钮对象 41

3.5.3  插入Flash文本对象 43

3.5.4  插入Java Applet 44

3.6  插入其他对象 46

3.6.1  插入日期 46

3.6.2  插入水平线 47

3.7  上机指导：制作图文混排网页

和特效网页 49

3.7.1  创建图文混排网页 49

3.7.2  插入Java Applet制作

特效网页 50

3.8  习题 51

第4章  使用超链接 53

4.1  超链接的基本知识 53

4.1.1  绝对路径 53

4.1.2  相对路径 54

4.1.3  根相对路径 54

4.2  链接到文件 54

4.2.1  使用【属性】面板定义

超链接 54

4.2.2  使用【浏览文件】按钮指定

链接到的文件 54

4.3  创建超链接 55

4.3.1  创建下载文件的超链接 55

4.3.2  创建电子邮件超链接 56

4.3.3  创建图像热点链接 57

4.3.4  创建锚点链接 58

4.4  链接检查与测试 59

4.5  上机指导：创建热点链接导航

和锚点链接 60

4.5.1  创建热点链接导航 60

4.5.2  创建锚点链接实例 61

4.6  习题 64

第5章  使用表格 65

5.1  插入表格 65

5.1.1  表格的基本概念 65

5.1.2  插入表格 66

5.2  设置表格属性 67

5.2.1  设置表格属性 67

5.2.2  设置单元格属性 68

5.3  表格的基本操作 69

5.3.1  选择表格 69

5.3.2  添加行或列 70

5.3.3  删除行或列 71

5.3.4  合并单元格 71

5.3.5  拆分单元格 72

5.4  用表格排列数据 72

5.4.1  导入表格式数据 72

5.4.2  表格排序 74

5.5  上机指导：创建网页表格和表格

布局 76

5.5.1  创建网页细线表格 76

5.5.2  创建网页圆角表格 78

5.5.3  利用表格布局网页 82

5.6  习题 87

第6章  使用层 89

6.1  创建和设置层 89

6.1.1  创建层 89

6.1.2  嵌套层 90

6.1.3  层的【属性】面板 91

6.1.4  【层】面板 91

6.2  层的基本操作 91

6.2.1  选择层 92

6.2.2  调整层的大小 92

6.2.3  移动层 93

6.2.4  对齐层 94

6.3  层和表格间的相互转换 95

6.3.1  层转换成表格 95

6.3.2  表格转换成层 96

6.4  时间轴的应用 97

6.5  上机指导：创建下拉菜单和网页

动画 98

6.5.1  创建网页下拉菜单 98

6.5.2  利用时间轴创建网页漂浮

广告动画 101

6.6  习题 104

第7章  创建框架网页 105

7.1  框架网页的创建 105

7.1.1  创建框架 105

7.1.2  保存框架 106

7.2  改变框架属性 107

7.2.1  设置框架属性 107

7.2.2  在框架中输入内容 108

7.3  框架和框架集 109

7.3.1  创建自定义框架集 110

7.3.2  嵌套框架集 110

7.4  上机指导：创建框架网页 111

7.4.1  使用Iframe创建嵌套框架

网页 111

7.4.2  创建完整的框架网页 112

7.5  习题 118

第8章  使用CSS样式表 119

8.1  CSS样式表 119

8.1.1  关于CSS样式表 119

8.1.2  使用【CSS样式】面板 120

8.1.3  创建新的CSS样式 120

8.1.4  应用自定义CSS样式 122

8.1.5  创建和链接到外部CSS

样式表 123

8.2  定义样式表属性 125

8.2.1  设置CSS样式的类型 125

8.2.2  设置CSS样式的背景 126

8.2.3  设置CSS样式的区块 126

8.2.4  设置CSS样式的方框 127

8.2.5  设置CSS样式的边框 128

8.2.6  设置CSS样式的列表 128

8.2.7  设置CSS样式的定位 129

8.2.8  设置CSS样式的扩展 130

8.3  上机指导：创建网页特效文字 130

8.3.1  创建阴影文本 130

8.3.2  利用CSS固定字体大小 133

8.4  习题 135

第9章  使用模板与库 137

9.1  模板的创建 137

9.1.1  创建模板 137

9.1.2  定义可编辑区域 140

9.1.3  应用模板 142

9.1.4  更新网页 143

9.2  库的创建 144

9.2.1  创建库项目 144

9.2.2  使用库项目 146

9.3  上机指导：综合应用模板和库 147

9.4  习题 151

第10章  创建表单网页 153

10.1  初识表单 153

10.2  插入表单对象 154

10.2.1  创建表单 154

10.2.2  插入单行文本域 155

10.2.3  插入多行文本域 157

10.2.4  插入密码域 157

10.2.5  插入复选框 158

10.2.6  插入单选按钮 158

10.2.7  插入列表和菜单 159

10.2.8  插入表单按钮 159

10.3  上机指导：制作网上报名页面 160

10.4  习题 164

第11章  使用行为 166

11.1  行为概述 166

11.1.1  行为面板 166

11.1.2  动作 167

11.1.3  事件 168

11.2  使用Dreamweaver自带的行为 168

11.2.1  弹出信息 169

11.2.2  显示弹出式菜单 170

11.2.3  打开浏览器窗口 171

11.2.4  检查浏览器 173

11.2.5  设置状态栏文本 173

11.2.6  检查表单 174

11.2.7  控制Shockwave或Flash 175

11.2.8  转到URL 176

11.3  获得更多行为 177

11.4  习题 177

第12章  创建动态网页 179

12.1  搭建服务器平台 179

12.1.1  安装IIS 179

12.1.2  配置IIS 181

12.2  创建数据库 182

12.3  连接数据库 183

12.3.1  创建ODBC连接 183

12.3.2  创建DSN连接 184

12.4  操作记录集 185

12.4.1  插入记录 185

12.4.2  更新记录 185

12.4.3  删除记录 186

12.5  上机指导：增加服务器行为 187

12.5.1  重复区域 187

12.5.2  记录集分页 188

12.5.3  显示区域 188

12.5.4  转到详细页面 189

12.5.5  转到相关页面 190

12.5.6  用户身份验证 190

12.6  习题 192

第13章  快速掌握Photoshop CS2 194

13.1  Photoshop CS2工作界面 194

13.1.1  友好的界面 194

13.1.2  菜单栏 195

13.1.3  工具箱与选项栏 196

13.1.4  调板 196

13.1.5  文档窗口 196

13.2  文件的基本操作 197

13.2.1  调整画布大小 197

13.2.2  调整图像大小 197

13.3  上机指导：处理网页产品图像 198

13.4  习题 200

第14章  选取与处理图像 201

14.1  选取区域 201

14.1.1  选取规则区域 201

14.1.2  选取不规则区域 202

14.1.3  选取颜色相近的区域 202

14.1.4  利用【抽出】命令制作透明

 图像 202

14.2  对选区图像进行色彩处理 204

14.2.1  色调调整 204

14.2.2  色彩调整 205

14.3  上机指导：羽化网页图像 207

14.4  习题 208

第15章  图层的使用 209

15.1  图层概述 209

15.2  图层调板的使用 209

15.3  图层的基本操作 210

15.4  图层样式 211

15.5  上机指导：使用图层样式 214

15.6  习题 216

第16章  应用Photoshop CS2设计

         网页素材 217

16.1  创建网页图像文字 217

16.1.1  创建文字 217

16.1.2  设置文本属性 218

16.2  文字变形 219

16.3  使用切片工具切割图像 220

16.4  设计网页按钮 222

16.5  设计网页Banner 223

16.6  上机指导：设计网页Logo 231

16.7  习题 233

第17章  Flash 8入门 235

17.1  Flash 8的工作界面 235

17.1.1  Flash 8界面 235

17.1.2  Flash 8的菜单 236

17.1.3  Flash 8的工具箱 236

17.2  常用基本概念 237

17.2.1  帧 237

17.2.2  图层 238

17.2.3  元件 238

17.2.4  位图 239

17.2.5  矢量图 239

17.3  上机指导：创建简单动画实例 240

17.4  习题 243

第18章  使用图层和时间轴 244

18.1  场景 244

18.1.1  编辑场景 244

18.1.2  改变场景属性 246

18.2  时间轴 246

18.2.1  帧和帧频 246

18.2.2  编辑帧 246

18.2.3  时间轴特效 247

18.3  图层操作 251

18.3.1  创建新层 251

18.3.2  图层属性 252

18.4  上机指导：利用时间轴特效

 制作动画 252

18.5  习题 253

第19章  元件和组件 255

19.1  元件与实例 255

19.1.1  创建图形元件 255

19.1.2  创建影片剪辑元件 257

19.1.3  创建按钮元件 257

19.1.4  创建元件的实例 257

19.1.5  编辑元件和实例 258

19.2  使用组件 259

19.3  上机指导：使用元件创建

 百叶窗 260

19.4  习题 262

第20章  制作Flash动画 264

20.1  制作简单动画 264

20.1.1  创建逐帧动画 264

20.1.2  使用模板创建动画 266

20.2  创建补间动画 268

20.2.1  制作动画补间动画 268

20.2.2  制作形状补间动画 269

20.3  创建引导层动画 271

20.3.1  创建沿直线运动的动画 271

20.3.2  创建沿轨道运动的动画 274

20.3.3  创建闭合路径动画 275

20.4  上机指导：创建遮罩动画 277

20.4.1  创建简单的遮罩动画 277

20.4.2  利用遮罩产生运动的效果 279

20.5  习题 280

第21章  导入声音和视频 282

21.1  声音的导入和使用 282

21.1.1  导入声音 282

21.1.2  使用声音 283

21.2  声音的属性设置 284

21.2.1  音效的设置 284

21.2.2  设置声音重复的次数 285

21.3  声音的压缩 285

21.4  导入视频 286

21.5  上机指导：添加网站背景音乐 288

21.6  习题 289

第22章  ActionScript的应用 291

22.1  ActionScript的编辑环境 291

22.2  ActionScript的基础知识 292

22.2.1  ActionScript语法 292

22.2.2  变量 294

22.2.3  数据类型 295

22.3  运算符 295

22.4  添加ActionScript 298

22.4.1  为帧添加动作 298

22.4.2  为按钮添加动作 298

22.4.3  为影片剪辑添加动作 298

22.5  上机指导：交互动画制作 299

22.5.1  制作全屏展示页面 299

22.5.2  制作网站导航 300

22.6  习题 303

第23章  Fireworks 8快速入门 304

23.1  Fireworks 8概述 304

23.2  Fireworks 8的工作环境 305

23.3  编辑位图图像 307

23.3.1  使用套索工具编辑位图

 图像 307

23.3.2  使用刷子工具编辑位图

 图像 308

23.3.3  使用红眼消除工具编辑

 位图图像 308

23.4  编辑矢量图形 309

23.5  对文本的编辑 310

23.5.1  输入文本 310

23.5.2  编辑文本 311

23.5.3  附加文本到路径 312

23.5.4  转换文本为路径 312

23.6  上机指导：制作网页特效文字 313

23.7  习题 314

第24章  综合处理网页图像 316

24.1  创建图像切片和热区 316

24.1.1  创建切片 316

24.1.2  编辑切片 317

24.1.3  导出切片 318

24.1.4  创建图像热区 318

24.2  创建网页图像素材 319

24.2.1  创建网页按钮 319

24.2.2  创建弹出菜单 321

24.3  色彩调整与滤镜效果 323

24.3.1  调整图像的色阶 323

24.3.2  调整图像的亮度

 和对比度 324

24.3.3  调整色相和饱和度 325

24.3.4  模糊图像 325

24.3.5  锐化图像 326

24.3.6  导入滤镜效果 326

24.4  上机指导：切割网页图像和制作

 立体按钮 327

24.4.1  切割网页图像实例 327

24.4.2  制作网页立体按钮 328

24.5  习题 330

第25章  利用Fireworks制作动画 331

25.1  创建逐帧动画 331

25.1.1  关于 331

25.1.2  编辑帧 331

25.1.3  帧延时 332

25.1.4  逐帧动画 333

25.2  创建元件动画 336

25.2.1  元件和实例 336

25.2.2  编辑元件 336

25.3  创建其他动画 337

25.3.1  打开文件生成动画 337

25.3.2  导入现有GIF动画 337

25.4  上机指导：制作逐字变色动画 338

25.5  习题 339

第26章  制作个人网站 340

26.1  个人网站的前期策划 340

26.1.1  确定网站主题 340

26.1.2  确定网站栏目 341

26.2  利用Photoshop CS2处理照片 341

26.3  制作网站库文件 344

26.3.1  制作顶部分库文件 344

26.3.2  制作底部库文件 347

26.4  制作网站主页 349

26.4.1  制作头部文件 349

26.4.2  制作网站调查 350

26.4.3  制作我的好友和联系

 希儿网站 353

26.4.4  制作个人公告 355

26.4.5  制作网站正文部分 358

26.4.6  制作底部文件 361

26.5  上机指导：制作特效主页 361

26.5.1  添加弹出窗口特效 361

26.5.2  利用插件制作背景音乐 362

26.6  习题 364

第27章  制作企业网站 365

27.1  企业设计指南 365

27.2  用Fireworks设计网页Logo 367

27.3  创建本地站点 369

27.4  创建二级模板 370

27.5  利用模板创建其他网页 372

27.6  上机指导：创建新闻发布系统 374

27.6.1  创建数据库 374

27.6.2  创建数据库连接 376

27.6.3  创建新闻列表管理页面 378

27.6.4  创建后台登录页面 382

27.6.5  创建添加新闻页面 386

27.6.6  创建删除页面 388

27.6.7  创建修改页面 389

27.6.8  创建新闻列表页面 391

27.6.9  制作新闻详细页面 394

27.7  习题 396

附录  习题答案 397