本书遵循简洁、易学、实用的写作原则，将网页设计常用软件Dreamweaver、Flash和Photoshop分析得
淋漓尽致。书中讲解的内容在保证理论知识够用的基础上，更多地考虑工作中的实际应用，以充分满足广大初级读者快速上手的需求。
全书共14章，内容涵盖网页设计基础、Dreamweaver轻松入门、制作网页内容、设计网页布局、使用CSS美化网页、应用交互特效、创建动态网页、网页模板与库、网页动画基础知识、网页动画的制作、网页特效的制作、网页图像基础知识、网页图像的处理，以及网页元素的设计等。书中设有大量动手练专题，以做到理论 实操有机结合。第2～14章结尾安排了综合实战新手答疑板块，以达到温故知新、举一反三的目的。
本书结构编排合理，所选案例贴合实际需求，可操作性强。案例讲解详细，图文并茂，即学即用。本书不仅适合作为高等院校相关专业的教学用书，也适合作为社会培训机构的指定教材，还是网页设计爱好者、平面设计师、办公人员等不可多得的自学宝典。

从零开始，循序渐进：详细介绍网页设计制作相关的基础知识和应用
紧贴实际，案例导航：配备46个动手练和案例实战
全程图解，快速上手：知识点和案例采用全程图解方式
微课辅导，易学易用：重要知识点和案例配221分钟视频讲解
提供教学课件 教案文档 学习视频 素材资源 在线答疑

感谢您选择并阅读本书！ 根据网页设计者的特点与需求，在学习网页设计理论知识的基础上，强调上机动手操作能力的培养，以帮助读者在最短的时间内掌握网页设计的大多数技能。本书旨在提供一套全面、系统的学习框架，帮助读者从基础到应用逐步学习Dreamweaver、Flash和Photoshop这三款业界优秀的网页设计软件。 这是一本为希望深入学习和掌握网页设计、网页动画及网页图像处理的读者精心准备的综合性教程。书中内容理论与实践相结合，每章均安排了丰富的案例，让读者在实际操作中灵活运用所学知识。笔者鼓励读者通过动手实践来巩固所学，因为在网页设计的世界里，实践经验往往是最好的老师。为了让教程更加贴近实际应用，笔者邀请了多位业内资深专家和教师参与编写和审校，确保内容的专业性和时效性。伴随着技术的不断进步，本书也会持续更新和完善教程内容，以帮助读者把握最前沿的网页设计技术。 内容概述 本书旨在为初学者提供一个全面的学习平台，让每一个对网页设计感兴趣的人都能迈出坚实的第一步。本书共14章，各章主要内容见表1。 表1 章 主要内容 第1～8章 主要介绍Dreamweaver软件应用技能，包括网页设计基础知识、Dreamweaver基本操作、网页文本的添加、网页图像的设置、超链接的创建与管理、网页音视频元素的编辑、网页的布局设计、Div CSS技术、网页的美化、网页交互特效、表单的应用、动态网页的设计、网页模板与库等 第9～11章 主要介绍Animate（Flash）软件应用技能，包括网页动画基础知识、动画文档基本操作、矢量图形的绘制、时间轴与图层、元件与实例、库面板的应用与编辑、不同类型动画的制作、文本的创建、滤镜的应用，以及音视频元素的导入与编辑等 第12～14章 主要介绍Photoshop软件应用技能，包括Photoshop基本操作、网页图像基础知识、选区的创建与编辑、图像的处理/修复、图层与蒙版的操作技巧、网页图像色彩的调整、滤镜的应用、网页标志和图标的设计、按钮的设计、导航条的设计、网页广告的设计、首页的设计、切片及输出等 本书特色 本书以理论与实际应用相结合的方式，从易教、易学的角度出发，详细地介绍网页设计相关软件的基本操作技能，同时也为读者讲解设计思路，让读者掌握分辨好、坏网页，提高读者的鉴赏能力。 理论 实操，实用性强。本书为疑难知识点配备相关的实操案例，使读者在学习过程中能够从实际出发，学以致用。 结构合理，全程图解。本书全程采用图解的方式，让读者能够直观地看到每一步的具体操作。 疑难解答，学习无忧。本书每章最后安排了新手答疑版块，主要针对实际工作中一些常见的疑难问题进行解答，让读者能够及时地处理好学习或工作中遇到的问题。同时还可举一反三地解决其他类似问题。 本书的配套素材和教学课件可扫描下面的二维码获取，如果在下载过程中遇到问题，请联系袁老师，邮箱：yuanjm@tup.tsinghua.edu.cn。书中重要的知识点和关键操作均配备高清视频，读者可扫描正文中二维码边看边学。 作者在编写本书的过程中虽力求严谨细致，但由于时间与精力有限，书中疏漏之处在所难免。如果读者在阅读过程中有任何疑问，请扫描下面的技术支持二维码，联系相关技术人员解决。教师在教学过程中有任何疑问，请扫描下面的教学支持二维码，联系相关技术人员解决。 配套素材 教学课件 技术支持 教学支持

第1章 网页设计基础
1.1 网页开发概述 2
1.1.1 什么是网站 2
1.1.2 网站的类型 2
1.1.3 网站开发流程 6
1.1.4 认识网页 7
1.2 网页设计理念 9
1.2.1 网页色彩基础 9
1.2.2 网页配色艺术 10
1.2.3 网页布局艺术 12
1.3 网页设计常用工具 15
1.4 AIGC在网页设计中的应用 16
新手答疑 18

第2章 Dreamweaver轻松入门
2.1 Dreamweaver工作界面 20
2.2.1 工作区 20
2.2.2 自定义软件界面 20
2.2.3 4种视图模式 22
动手练 自定义首选项 23
2.2 站点的创建与管理 24
2.2.1 创建站点 24
2.2.2 编辑站点 25
2.2.3 导入和导出站点 26
2.2.4 新建文件或文件夹 26
2.2.5 编辑文件或文件夹 26
2.3 文档的基础操作 27
2.3.1 新建文档 27
2.3.2 打开文档 27
2.3.3 插入文档 27
2.3.4 保存文档 28
2.3.5 关闭文档 28
综合实战：网页本地站点的创建 28
新手答疑 30

第3章 制作网页内容
3.1 插入网页文本 32
3.1.1 插入文本 32
3.1.2 设置文本格式 32
3.1.3 设置段落格式 33
3.1.4 设置文本样式 34
3.1.5 使用列表 34
3.1.6 在网页中插入特殊元素 35
动手练 为读书网页添加文本 36
3.2 插入网页图像 38
3.2.1 插入图像 38
3.2.2 图像的属性设置 38
3.2.3 图像的对齐方式 39
动手练 为餐具网页添加图像 40
3.2.4 替换文本 40
3.2.5 鼠标经过图像 40
3.3 插入多媒体元素 42
3.3.1 插入HTML 5 Video元素 42
3.3.2 插入HTML 5 Audio元素 43
动手练 为视频网页添加小视频 44
3.4 创建超链接 45
3.4.1 超链接路径 45
3.4.2 创建超链接 46
3.4.3 管理网页超链接 49
动手练 为装饰网页添加超链接 50
综合实战：制作影音网站首页 52
新手答疑 56

第4章 设计网页布局
4.1 网页布局类型 58
4.2 用表格布局网页 58
4.2.1 插入表格 58
4.2.2 表格属性 59
4.2.3 编辑表格 61
动手练 制作建筑企业网页 63
4.3 Div与CSS布局基础 66
4.3.1 Div概述 66
4.3.2 创建Div 66
4.3.3 CSS布局方法 67
动手练 制作首饰店网页 69
综合实战：制作咖啡小店网页 73
新手答疑 78

第5章 使用CSS美化网页
5.1 创建CSS样式 80
5.1.1 CSS的定义 80
5.1.2 CSS设计器 81
5.1.3 创建CSS样式 81
5.1.4 CSS属性 83
动手练 美化运动网页 86
5.2 CSS规则定义 89
5.2.1 类型 89
5.2.2 背景 90
5.2.3 区块 90
5.2.4 方框 91
5.2.5 边框 91
5.2.6 列表 91
5.2.7 定位 92
5.2.8 扩展 92
5.2.9 过渡 92
动手练 调整绿植网页样式 93
综合实战：美化自行车网页 95
新手答疑 100

第6章 应用交互特效
6.1 什么是行为 102
6.1.1 行为 102
6.1.2 常见事件 103
6.2 窗口交互行为 104
6.2.1 调用JavaScript 104
6.2.2 转到URL 104
6.2.3 打开浏览器窗口 105
6.3 图像交互行为 105
6.3.1 交换图像与恢复交换图像 105
6.3.2 预先载入图像 106
6.3.3 显示-隐藏元素 106
动手练 网页交换图像 107
6.4 文本交互行为 108
6.4.1 弹出信息 108
6.4.2 设置状态栏文本 108
6.4.3 设置容器的文本 109
6.4.4 设置文本域文字 109
动手练 为网页添加文本交互行为 109
6.5 表单交互行为 110
6.5.1 跳转菜单 110
6.5.2 检查表单 110
综合实战：提升购物网页交互性 111
新手答疑 114

第7章 创建动态网页
7.1 使用表单 116
7.1.1 认识表单 116
7.1.2 基本表单对象 116
7.2 文本类表单 117
7.2.1 文本 117
7.2.2 密码 118
7.2.3 文本区域 118
动手练 制作科技网站登录页 119
7.3 选择类表单 121
7.3.1 单选按钮和单选按钮组 121
7.3.2 复选框和复选框组 122
7.3.3 选择 123
7.4 其他常用表单 123
7.4.1 提交和重置按钮 123
7.4.2 文件 124
动手练 制作旅社预订页 124
综合实战：设计知识竞赛网页 128
新手答疑 132

第8章 网页模板与库
8.1 创建模板 134
8.1.1 直接创建模板 134
8.1.2 从现有网页中创建模板 134
动手练 制作服装网页模板 135
8.2 管理和使用模板 136
8.2.1 编辑模板 136
8.2.2 应用模板 137
8.2.3 从模板中分离 138
8.2.4 更新页面 138
动手练 应用服装网页模板 138
8.3 库项目 141
8.3.1 创建库项目 141
8.3.2 应用库项目 142
8.3.3 编辑和更新库项目 143
综合实战：制作自然科普网页模板并应用 144
新手答疑 148

第9章 网页动画基础知识
9.1 Animate工作界面 150
9.2 文档基本操作 151
9.2.1 新建文档 151
9.2.2 设置文档属性 152
9.2.3 打开已有文档 152
9.2.4 导入素材 152
9.2.5 保存文档 153
9.2.6 测试与发布动画 153
动手练 导出网页可用GIF动画 155
9.3 绘制矢量图形 156
9.3.1 辅助绘图工具 156
9.3.2 绘制线条 157
9.3.3 绘制简单图形 158
9.3.4 绘制复杂图形 161
9.3.5 设计图形色彩 162
9.3.6 编辑所绘图形 164
动手练 绘制雪花造型丰富网页 168
综合实战：绘制电视机网页图标 169
新手答疑 172

第10章 网页动画的制作
10.1 时间轴与图层 174
10.1.1 认识时间轴 174
10.1.2 图层的基本操作 174
10.1.3 帧的基本操作 176
动手练 网页标题文字跳动动画 178
10.2 元件 180
10.2.1 元件的类型 180
10.2.2 创建元件 181
10.2.3 编辑元件 182
10.2.4 实例的创建与编辑 183
动手练 页面文字出现动画 184
10.3 库 187
10.3.1 认识库面板 187
10.3.2 重命名库项目 187
10.3.3 创建文件夹 187
10.4 动画的制作 188
10.4.1 逐帧动画 188
10.4.2 补间动画 188
10.4.3 引导动画 190
10.4.4 遮罩动画 191
10.4.5 交互动画 191
动手练 网页遮罩动画 194
综合实战：制作网页轮播图动画 197
新手答疑 200

第11章 网页特效的制作
11.1 文本的应用 202
11.1.1 文本类型 202
11.1.2 设置文字属性 203
11.1.3 设置段落格式 203
11.1.4 创建文本链接 204
动手练 文字网站文字变形动画 204
11.2 滤镜的应用 205
11.2.1 认识滤镜 205
11.2.2 编辑滤镜 206
动手练 网页镂空装饰文字 207
11.3 音视频的应用 207
11.3.1 音视频文件格式 207
11.3.2 导入声音 208
11.3.3 编辑优化声音 209
11.3.4 导入视频文件 211
11.3.5 编辑处理视频 212
动手练 制作网页装饰性小视频 212
综合实战：制作音频播放页面 214
新手答疑 216

第12章 网页图像基础知识
12.1 Photoshop软件简介 218
12.1.1 Photoshop工作界面 218
12.1.2 自定义图像窗口 219
12.2 编辑图像文档 220
12.2.1 图像文档管理 220
12.2.2 图像尺寸调整 222
12.2.3 画布尺寸调整 222
12.2.4 裁剪工具 222
动手练 裁剪网页图像 223
12.3 页面布局工具 224
12.3.1 标尺 224
12.3.2 网格 224
12.3.3 参考线 224
12.4 网页图像基础知识 225
12.4.1 位图与矢量图 225
12.4.2 分辨率 225
12.4.3 图像格式 226
12.4.4 图像颜色模式 226
综合实战：为网页图像添加边框 227
新手答疑 228

第13章 网页图像的处理
13.1 创建与编辑选区 230
13.1.1 创建选区 230
13.1.2 编辑选区 231
动手练 合成奇幻网页图像 233
13.2 修改图像 234
13.2.1 橡皮擦工具组 234
13.2.2 图章工具组 235
13.2.3 修复工具组 236
动手练 修复网页图像 237
13.3 图层与蒙版 238
13.3.1 图层的基本操作 238
13.3.2 图层样式的运用 241
13.3.3 图层的混合模式 242
13.3.4 图层蒙版的操作 243
动手练 合成趣味网页图像 245
13.4 调整网页图像 248
12.4.1 色彩三要素 248
12.4.2 常用图像调整命令 249
12.4.3 调整图层 250
动手练 网页图像调色 251
13.5 运用滤镜增强网页图像的效果 253
13.5.1 使用滤镜库 253
13.5.2 风格化滤镜组 253
13.5.3 模糊滤镜组 254
13.5.4 扭曲滤镜组 255
13.5.5 像素化滤镜组 256
动手练 网页图像内容添加 257
综合实战：制作线上课程封面 258
新手答疑 262

第14章 网页元素的设计
14.1 设计网页文字 264
14.1.1 输入和编辑文字 264
14.1.2 路径文字 266
14.2 设计标志和图标 267
14.2.1 制作网站标志 267
14.2.2 制作页面图标 268
14.3 设计按钮和导航条 269
14.3.1 绘制网页按钮 269
动手练 制作下载按钮 269
14.3.2 绘制网页导航条 271
动手练 制作电影网站首页导航条 271
14.4 设计网页广告 273
14.4.1 制作Banner 273
动手练 制作茶文化网站首页Banner 273
14.4.2 制作网页通栏广告 274
动手练 制作鞋类产品促销通栏广告 274
14.5 设计网页并输出 276
14.5.1 制作网站首页 276
动手练 制作美食网站首页 277
14.5.2 创建切片 281
动手练 创建美食网站首页切片 281
14.5.3 优化导出切片 282
动手练 导出美食网站首页切片 282
综合实战：绘制咖啡网站标志 284
新手答疑 286

附赠 HTML 5知识手册
（本部分内容请扫码查看电子文档）

?设计之下，
?每次点击都有意义。