目 录

Dreamweaver

HTML Flash

Photoshop

第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知识手册

（本部分内容请扫码查看电子文档）

?设计之下，

?每次点击都有意义。