前 言
相对传统的平面设计来说，网页设计往往要结合动画、图像特效与后台的数据交互等，而Dreamweaver CS3、Photoshop CS3、Flash CS3作为Adobe公司经典的常用网页设计软件，是目前网页制作的首选工具，它们具有强大的功能。在静态页面设计、图片设计和网站动画设计等方面，都可以使网站设计人员的思想体现得淋漓尽致。
本书内容
本书以经典的常用网页设计软件Dreamweaver CS3、Photoshop CS3和Flash CS3为基础，深入浅出地阐述了网页设计、图像处理和动画制作等网页设计的多个方面的知识。
具体的内容安排如下：
第l部分（第1章和第2章）讲解了网页设计的基础知识、设计原则和思想、设计元素的分类及应用、网页配色等，使读者能够详细地了解网页的设计思想、网页设计色彩搭配、网页结构划分与安排等专业性较强的知识。
第2部分（第3~10章）讲解了Dreamweaver CS3、Photoshop CS3和Flash CS3的使用基础及应用。网页编辑的专业工具Dreamweaver CS3将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，功能强大；Photoshop CS3在图形图像处理领域拥有毋庸置疑的权威性，在网页设计过程中，经常利用Photoshop CS3来设计网页中的Logo、Banner和页面结构等；矢量动画软件Flash CS3目前已经成为网络动画的代表，成为了多媒体行业和网站制作行业的热门软件，在网页上添加动画是增强网页的可看性、趣味性、商业性和动态性的一种手段。
第3部分（第11~13章）从实用的设计角度出发，按照网站类型的不同，针对典型网站进行创作讲解示范，详尽介绍了实用的设计案例操作，让读者在制作过程中逐渐提高创作水平，体会到网页创作的乐趣。值得一提的是，这些网页案例完全与实际工作相结合，设计完成后就能够作为作品去应对工作和生活中的各种网页设计任务。
读者对象
本书的读者主要面向各单位网页设计人员、网络爱好者、计算机专业教师和学生及网页设计培训人员等。本书充分考虑了读者的实际需要，提供了大量的典型操作案例，以帮助读者边学边用，达到学以致用的目的。
本书特色
本书由资深计算机图书作者和资深网站开发人员精心编写，针对目前网站设计环节中网页美工的实际需求，在讲解中尽量强调知识内容的系统性。全书贯穿了如下特色：
? 内容实用，容易上手
在讲解网页设计、制作、开发和维护等实际经验的基础上，力求将要表达的思想和创意以最完美的视觉效果和最详尽的实例操作展现给读者，以帮助读者对整个过程理解得更加深入、全面。读者只要按照实例步骤进行操作，就可以一步一步地完成网页的制作，并从中吸取制作的经验和技巧。
? “基础知识＋典型案例”的方式，便于理解
以目前流行的网站前台开发软件讲解为主线，并结合了大量网页制作中的应用实例帮助读者理解，为读者设计和制作网页提供捷径。书中除了对基本知识的介绍外，还提供了大量的典型实例操作，以帮助读者边学边用，达到从理解到应用，增强学习效果，直到圆满地完成工作的目的。
? 超值的多媒体DVD学习光盘，购买一本书，体验两本书
在配套的多媒体DVD学习光盘中，包含了本书中所涉及的每个实例所采用的素材和最终完成效果，读者在阅读每章内容时可以参考和使用光盘内的素材，从而轻松、快速地完成自己的网页创建；对应书中的每章每节，都有完整的视频讲解，犹如把老师请回家，极大地方便了读者的学习；书中还搜集并整理了多款当前流行的网站设计创作经典资料和精品赏析，以方便广大读者参考；为了给读者最大的实惠，在配套光盘中还赠送本系列书中另一本《Dreamweaver CS3网页设计开发全方位学习》的完整视频，扩展并延伸了相关的知识面，使得读者购买一本书，就能拥有两本书的超值体验。
结束语
本书由资深计算机图书作者和资深网站开发人员精心编写，同时也得到了众多网友的支持，在此一并表示衷心的感谢。参与本书编写的有：柳勇良（第1、2章），杨平（第3、4章），李秋菊（第5、6章），刘岩（第7章），许凌云（第8、9章），段玲华（第10章），黄彬友（第11章），李防（第12章），陈艳艳（第13章），最后由武新华统审全稿。虽然本书倾注了编者的努力，但由于编者水平有限、时间仓促，疏漏和错误之处在所难免。如发现本书中有不妥或需要改进之处，可通过登录http://www.newtop01.com或者zzfangcn@vip. 163.com或者（010）62788951-269编者进行沟通，编者将衷心感谢提供建议的读者，并真心希望在和广大读者互动的过程中得到提高，在此致谢，谢谢！ 编 者
目 录
第1部分 网络知识基础篇
第1章 网页设计基础概述 2
1.1 全面认识网页 3
1.1.1 网站、网页和主页 3
1.1.2 HTML的组成及语法 4
1.1.3 网页设计的基本原则 6
1.2 网页制作的常用软件 7
1.2.1 网页布局软件Dreamweaver CS3 7
1.2.2 图形图像处理软件Photoshop CS3 8
1.2.3 动画制作软件Flash CS3 9
1.2.4 软件间的相互关系 9
1.3 网站设计的流程 10
1.3.1 注册域名与申请空间 10
1.3.2 新建站点与收集资源 11
1.3.3 实现FTP服务器的上传与下载 12
1.4 网页的基本组成元素 13
1.4.1 网页中的文本 13
1.4.2 网页中的图片与动画 13
1.4.3 网页中的动画 14
1.5 申请免费空间与发布网站 15
1.5.1 申请免费空间流程 15
1.5.2 在免费空间发布网站 17
1.5.3 网站的宣传与推广 17
1.6 总结与经验积累 19
知识问答 19
第2章 网页配色基础知识 20
2.1 网页配色基础 21
2.1.1 网页中的颜色搭配与原理 21
2.1.2 RGB颜色和色环 23
2.1.3 不同颜色的含义 24
2.2 按网站风格进行配色 25
2.2.1 清爽风格 25
2.2.2 活泼风格 26
2.2.3 商业风格 27
2.2.4 古典风格 27
2.2.5 科技金属风格 28
2.3 网站配色的一些参考 29
2.3.1 按企业形象进行配色 29
2.3.2 按颜色对比进行配色 30
2.3.3 配色后的修饰 31
2.4 总结与经验积累 32
知识问答 33
第2部分 网页编辑基础篇
第3章 Dreamweaver CS3使用基础 36
3.1 Dreamweaver CS3的工作界面 37
3.1.1 标题栏、工具栏和菜单栏 37
3.1.2 “属性”面板和右侧面板组 38
3.1.3 文档窗口和状态栏 39
3.2 网页文档的基本操作 40
3.2.1 创建网页文档 40
3.2.2 打开网页文档 41
3.2.3 保存网页文档 42
3.2.4 预览网页 42
3.2.5 设置页面属性 42
3.3 网站规划和站点创建 43
3.3.1 站点规划 43
3.3.2 创建本地站点 43
3.3.3 管理本地站点 46
3.3.4 站点地图 47
3.4 文本和表格的应用 48
3.4.1 输入和编辑文本 48
3.4.2 设置文本属性 49
3.4.3 插入表格和修改表格 51
3.4.4 表格属性的设置 52
3.4.5 嵌套表格 53
3.4.6 通过表格构造网页布局 53
3.5 Dreamweaver CS3中的表单应用 55
3.5.1 创建HTML表单 55
3.5.2 设计一个用户注册页面的完整表单 56
3.5.3 跳转菜单的设计 59
3.6 总结与经验积累 60
知识问答 61
第4章 Dreamweaver CS3应用详解 62
4.1 框架与框架集 63
4.1.1 创建保存框架与框架集 63
4.1.2 制作框架页面 66
4.1.3 Iframe标记功能 67
4.2 在Dreamweaver CS3中创建超链接 70
4.2.1 设置页面超链接 70
4.2.2 设置下载文件超链接 71
4.2.3 设置E-mail超链接 73
4.2.4 设置图片超链接 74
4.2.5 在网页中使用锚记 75
4.3 应用CSS样式表 76
4.3.1 新CSS样式表的创建 77
4.3.2 定义CSS样式表的参数 80
4.3.3 应用CSS样式 81
4.4 在网页中使用层和行为 83
4.4.1 层与“层”面板 84
4.4.2 层的创建与基本操作 85
4.4.3 转换层与表格 87
4.4.4 应用行为 88
4.4.5 Dreamweaver CS3中的内置行为 90
4.5 模板和库的应用 96
4.5.1 模板概述 96
4.5.2 模板的使用 97
4.5.3 定制库项目 103
4.5.4 编辑和使用库 104
4.6 总结与经验积累 106
知识问答 106
第5章 Photoshop CS3使用基础 108
5.1 Photoshop CS3中的常用工具 109
5.1.1 选择工具 109
5.1.2 裁剪和切片工具 113
5.1.3 修饰工具 116
5.1.4 其他常用工具 120
5.2 Photoshop CS3中的常用面板 120
5.2.1 “图层”面板与“样式”面板 120
5.2.2 “通道”面板 121
5.2.3 “历史记录”面板 122
5.2.4 “路径”面板 123
5.3 Photoshop CS3中的常见滤镜 124
5.3.1 扭曲滤镜组 124
5.3.2 模糊滤镜组 126
5.3.3 渲染滤镜组 127
5.3.4 素描滤镜组 129
5.3.5 纹理滤镜组 131
5.3.6 风格化滤镜组 132
5.3.7 视频滤镜组 135
5.3.8 杂色滤镜组 135
5.3.9 数字水印滤镜组 136
5.3.10 其他滤镜组 136
5.4 总结与经验积累 136
知识问答 137
第6章 应用文字和图层 138
6.1 在Photoshop CS3中创建文字 139
6.1.1 文字工具 139
6.1.2 创建文字 140
6.1.3 创建文字选区 141
6.1.4 文字的变形 142
6.1.5 实例：特殊文字效果 143
6.2 Photoshop CS3中图层的应用 147
6.2.1 图层的基本操作 147
6.2.2 图层的混合模式 149
6.2.3 实例：背景特效制作 155
6.3 总结与经验积累 157
知识问答 157
第7章 应用路径、色彩和通道 159
7.1 在Photoshop CS3中创建路径 160
7.1.1 路径的概念 160
7.1.2 使用路径工具 161
7.1.3 编辑路径 163
7.1.4 实例：绘制网站Logo 165
7.2 调整图像色彩和色调 170
7.2.1 调整图像的色彩 170
7.2.2 调整图像的色调 177
7.2.3 实例：校正网页中的偏色图片 180
7.3 应用通道 182
7.3.1 通道的概念 183
7.3.2 通道的操作 185
7.3.3 专色通道 193
7.3.4 实例：对网页中的图片进行处理 194
7.4 总结与经验积累 196
知识问答 196
第8章 Flash CS3使用基础 198
8.1 熟悉Flash CS3的工作界面 199
8.1.1 Flash动画概述 199
8.1.2 Flash的动画类型 199
8.1.3 标题栏、菜单栏和工具栏 200
8.1.4 绘图工具箱 201
8.1.5 “时间轴”面板 202
8.1.6 舞台和工作区 202
8.1.7 “属性”面板 203
8.2 Flash CS3中的常用工具 203
8.2.1 线条工具、椭圆工具和矩形工具 203
8.2.2 铅笔工具、钢笔工具和橡皮擦工具 206
8.2.3 填充图形 210
8.2.4 文本的添加与编辑 211
8.2.5 对象的变形 212
8.3 元件、实例与元件库 213
8.3.1 元件的类型与创建 214
8.3.2 元件库的类型 216
8.3.3 将元件库中的元件添加到舞台中 217
8.3.4 元件库面板操作 218
8.3.5 编辑舞台中的实例 220
8.4 总结与经验积累 222
知识问答 223
第9章 Flash CS3动画制作 224
9.1 时间轴和帧 225
9.1.1 什么是时间轴和帧 225
9.1.2 添加、选择并移动帧 226
9.1.3 帧的删除与清除 228
9.1.4 转换关键帧为普通帧 229
9.1.5 翻转帧与更改帧频 229
9.1.6 洋葱皮与时间轴特效 230
9.2 ActionScript脚本应用 236
9.2.1 ActionScript简介 236
9.2.2 将ActionScript建立在帧中 238
9.2.3 将ActionScript建立在影片剪辑中 240
9.3 Flash CS3中的影音特效 240
9.3.1 添加声音元件至按钮 241
9.3.2 拖动图库中的声音元件至舞台 242
9.3.3 设置声音的淡入淡出 243
9.3.4 设置声音的同步 244
9.4 测试与发布影片 245
9.4.1 优化与测试影片 245
9.4.2 Flash CS3文档的导出格式 246
9.4.3 发布Flash CS3文档 247
9.5 总结与经验积累 253
知识问答 254
第10章 在Dreamweaver CS3中插入动画 255
10.1 插入Flash对象 256
10.1.1 插入Flash按钮 256
10.1.2 插入Flash文本 258
10.1.3 插入Flash动画 260
10.1.4 插入Flash视频 261
10.1.5 插入FlashPaper 263
10.2 插入其他媒体对象 265
10.2.1 插入Shockwave 266
10.2.2 插入ActiveX 267
10.2.3 插入JavaApplet 268
10.2.4 插入插件 269
10.3 插入声音 270
10.3.1 嵌入声音文件 271
10.3.2 链接到声音文件 272
10.4 总结与经验积累 273
知识问答 273
第3部分 综合网站实战篇
第11章 构建房地产类网站 276
11.1 实例分析 277
11.1.1 背景概述 277
11.1.2 实例简介 277
11.2 主要知识点 278
11.3 设计流程 279
11.3.1 收集资料 279
11.3.2 网站规划 279
11.3.3 制作网站 280
11.4 在Photoshop CS3中设计页面效果 280
11.4.1 设置背景图片 280
11.4.2 添加广告语 285
11.4.3 制作网站的Logo 286
11.4.4 对图片进行裁剪 291
11.4.5 制作新闻元素 292
11.5 在Flash CS3中编辑网页动画 296
11.5.1 制作网页导航栏 297
11.5.2 设计文字滚动效果 299
11.5.3 制作Flash动画 302
11.6 在Dreamweaver CS3中编辑网页 307
11.6.1 创建并设置站点 307
11.6.2 设置页面属性 308
11.6.3 布局网页 309
11.6.4 添加Flash CS3动画 310
11.6.5 添加图片和文字 311
11.6.6 添加新闻资讯 313
11.6.7 网页底部制作 315
11.6.8 创建超链接 316
11.7 总结与经验积累 318
知识问答 318
实例拓展 319
第12章 构建IT类商务网站 321
12.1 实例分析 322
12.1.1 背景概述 322
12.1.2 实例简介 322
12.2 主要知识点 323
12.3 设计流程 324
12.3.1 收集资料 324
12.3.2 网站规划 324
12.3.3 制作网站 325
12.4 在Photoshop CS3中设计页面效果 325
12.4.1 设计页面顶部显示部分 326
12.4.2 设置导航栏和Banner效果图 338
12.4.3 设计用户登录面板 340
12.4.4 设置商品链接面板 344
12.4.5 设计新闻面板 351
12.4.6 设计公告栏面板 353
12.4.7 制作页面底部效果 355
12.4.8 对图片进行裁剪 356
12.5 在Flash CS3中编辑网页动画 357
12.5.1 设计图片动画展示效果 357
12.5.2 在Flash CS3中设计Banner动画 361
12.6 在Dreamweaver CS3中编辑网页 366
12.6.1 添加Logo与顶部导航 366
12.6.2 添加Flash动画 368
12.6.3 添加其他链接和栏目 369
12.6.4 添加图片与文字 370
12.6.5 添加友情链接 372
12.7 总结与经验积累 373
知识问答 373
实例拓展 374
第13章 构建公益类爱心100网站 376
13.1 实例分析 377
13.1.1 背景概述 377
13.1.2 实例简介 377
13.2 主要知识点 378
13.3 设计流程 379
13.3.1 收集资料 379
13.3.2 网站规划 379
13.3.3 制作网站 380
13.4 在Photoshop CS3中设计页面效果 380
13.4.1 设计页面背景和顶部显示部分 380
13.4.2 设计Logo、Banner和导航栏 383
13.4.3 设计公告栏面板 394
13.4.4 设计栏目图片元素 397
13.4.5 对图片进行裁剪 405
13.5 在Flash CS3中编辑网页动画 406
13.5.1 设计图片动画展示效果 406
13.5.2 设计广告语效果 410
13.6 在Dreamweaver CS3中编辑网页 413
13.6.1 添加Logo与顶部导航 413
13.6.2 添加左侧表格 415
13.6.3 添加Flash动画和广告语 416
13.6.4 添加右侧表格 418
13.6.5 添加底部导航和版权信息 419
13.7 总结与经验积累 420
知识问答 420
实例拓展 420 |
