第1章 初识网页设计与配色 1
1.1 网页设计的相关术语 1
1.1.1 什么是静态网页 1
1.1.2 什么是动态网页 1
1.2 网页美工常用工具 2
1.2.1 掌握网页编辑排版软件Dreamweaver 2
1.2.2 掌握网页图像制作软件Photoshop 2
1.2.3 掌握网页动画制作软件Flash 3
1.3 网页版面布局设计 3
1.3.1 网页版面布局原则 4
1.3.2 点、线、面的构成 4
1.4 常见的版面布局形式 6
1.5 文字与图像版式设计 8
1.5.1 文字的字体、字号、行距 8
1.5.2 文字的图形化 8
1.6 网页配色安全 9
1.6.1 216网页安全色 9
1.6.2 网页安全色配色辞典 9
1.7 不同色彩的网页 11
1.8 网页配色技巧 14
1.8.1 背景与文字颜色搭配 14
1.8.2 使用一种色彩 15
1.8.3 两色搭配是用色的基础 15
第2章 Photoshop CC入门基础 17
2.1 Photoshop CC工作界面 17
2.1.1 菜单命令 17
2.1.2 工具箱 20
2.1.3 工具选项栏 21
2.1.4 浮动面板 21
2.1.5 文档窗口 21
2.2 设置前景色和背景色 22
2.3 创建选择区域 23
2.3.1 选框工具 24
2.3.2 套索工具 25
2.3.3 魔棒工具 25
2.4 基本绘图工具 27
2.4.1 画笔工具 27
2.4.2 铅笔工具 28
2.4.3 加深和减淡工具的应用 29
2.5 创建文字 30
2.5.1 输入文字 30
2.5.2 设置文字属性 31
2.5.3 文字的变形 32
2.6 图层与图层样式 34
2.6.1 图层基本操作 34
2.6.2 设置图层样式 35
2.7 应用滤镜 35
2.7.1 渲染 35
2.7.2 风格化 36
2.7.3 模糊滤镜 37
2.8 实战——滤镜制作蓝色光束 38
第3章 处理设计网页图片 42
3.1 几种常见的抠图工具及方法 42
3.1.1 通道抠图 42
3.1.2 魔棒抠图 45
3.1.3 蒙版抠图 46
3.2 制作商品倒影的方法 48
3.3 制作格子效果图片 51
3.4 更换图片背景 55
3.5 制作木纹背景图片 56
第4章 设计网页特效文字 59
4.1 设计火焰字 59
4.2 设计多彩发光字 63
4.3 设计绿色清新风格文字 65
4.4 设计蓝色荧光字 68
4.5 金色质感立体文字 71
4.6 设计黄金立体字 74
第5章 设计网页Logo与按钮 77
5.1 网站Logo的制作 77
5.1.1 网站Logo设计的标准 77
5.1.2 网站Logo的规范 78
5.2 制作绿色环保Logo 78
5.3 网站动态Logo的制作 82
5.4 网页按钮设计技巧 87
5.4.1 按钮的视觉表现 87
5.4.2 网页按钮制作技巧 88
5.5 制作透明按钮 88
5.6 制作高光质感水晶按钮 90
5.7 制作放射灯光按钮 92
第6章 设计网络广告和海报 98
6.1 网络广告的制作 98
6.2 促销广告 100
6.3 设计圣诞贺卡 105
6.4 时尚产品海报 110
第7章 创建切片与设计网页动画 115
7.1 快速切割网页文件 115
7.2 创建与编辑切片 117
7.2.1 创建切片 117
7.2.2 编辑切片 117
7.3 优化与导出切片图像 118
7.4 动画面板 119
7.4.1 时间轴动画面板 119
7.4.2 帧动画面板 119
7.5 横幅动态Banner 120
第8章 Flash CC绘图基础 124
8.1 Flash CC简介 124
8.2 Flash CC的工作界面 125
8.2.1 菜单栏 125
8.2.2 舞台 126
8.2.3 工具箱 126
8.2.4 时间轴 127
8.2.5 属性面板 128
8.3 绘制图形工具 128
8.3.1 线条工具 128
8.3.2 椭圆工具与矩形工具 130
8.3.3 多角星形工具 131
8.3.4 铅笔工具 132
8.3.5 刷子工具 133
8.3.6 钢笔工具 134
8.4 选择对象工具 134
8.4.1 选择工具 134
8.4.2 部分选取工具 135
8.5 编辑图形工具 136
8.5.1 颜料桶工具 136
8.5.2 墨水瓶工具 137
8.5.3 滴管工具 137
8.6 创建文字 138
8.7 实战——制作立体投影文字 139
第9章 使用元件与库管理动画素材 141
9.1 元件和实例的概念 141
9.2 创建元件 142
9.3 编辑元件 143
9.3.1 复制元件 143
9.3.2 编辑元件 143
9.4 创建与编辑实例 144
9.4.1 创建实例 144
9.4.2 编辑实例 145
9.5 创建和管理库 147
9.5.1 创建项目 147
9.5.2 删除项目 148
9.6 实战 148
实战1——制作按钮 148
实战2——利用元件制作动画 150
第10章 创建基本Flash动画 154
10.1 创建逐帧动画 154
10.2 创建补间动画 156
10.2.1 创建动画补间动画 156
10.2.2 创建形状补间动画 158
10.3 遮罩动画的创建 161
10.3.1 创建遮罩层 161
10.3.2 遮罩文本应用实例 162
10.4 运动引导层动画的创建 163
10.4.1 创建运动引导层 163
10.4.2 运动引导层动画应用实例 164
第11章 使用Dreamweaver轻松创建多彩的文本网页 167
11.1 Dreamweaver CC的工作界面 167
11.1.1 菜单栏 167
11.1.2 插入栏 168
11.1.3 属性面板 169
11.1.4 面板组 170
11.1.5 文档窗口 170
11.2 创建本地站点 171
11.3 插入文本 172
11.3.1 插入普通文本 172
11.3.2 设置文本属性 173
11.3.3 插入特殊字符 175
11.4 使用列表 176
11.4.1 插入项目列表 177
11.4.2 插入编号列表 178
11.5 创建超级链接 179
11.5.1 创建下载文件链接 179
11.5.2 创建电子邮件链接 180
11.5.3 创建图像热点链接 182
11.6 实战——创建基本文本网页 183
第12章 巧用绚丽的图像和多媒体让网页动起来 185
12.1 在网页中插入图像 185
12.1.1 在网页中插入图像 185
12.1.2 设置图像属性 187
12.1.3 裁剪图像 188
12.1.4 调整图像的亮度和对比度 189
12.1.5 锐化图像 190
12.2 插入鼠标经过图像 191
12.3 添加声音和视频文件 193
12.3.1 添加声音 194
12.3.2 插入视频文件 195
12.4 添加Flash动画 197
12.5 实战 198
实战1——创建图文混排网页 198
实战2——在网页中插入媒体实例 199
第13章 使用表格轻松排列和布局网页元素 201
13.1 插入表格和表格元素 201
13.1.1 插入表格 201
13.1.2 设置表格属性 202
13.1.3 添加内容到单元格 203
13.2 选择表格元素 203
13.2.1 选取表格 204
13.2.2 选取行或列 204
13.2.3 选取单元格 205
13.3 表格的基本操作 205
13.3.1 调整表格和单元格的大小 205
13.3.2 添加或删除行或列 206
13.3.3 拆分单元格 207
13.3.4 合并单元格 207
13.4 排序及整理表格内容 208
13.4.1 导入表格式数据 208
13.4.2 排序表格 210
13.5 实战 211
实战1——创建细线表格 211
实战2——利用表格排列数据 213
第14章 用CSS＋DIV灵活布局页面 217
14.1 CSS基本语法 217
14.2 链接或导出外部CSS样式表 218
14.2.1 创建内部样式表 218
14.2.2 创建外部样式表 220
14.2.3 链接外部样式表 221
14.3 初识DIV 223
14.3.1 DIV概述 223
14.3.2 CSS＋DIV布局的优势 223
14.4 CSS定位与DIV布局 224
14.4.1 盒子模型 224
14.4.2 元素的定位 225
14.4.3 position定位 226
14.5 CSS＋DIV布局的常用方法 227
14.5.1 使用DIV对页面整体规划 227
14.5.2 设计各块的位置 228
14.5.3 使用CSS定位 228
14.6 使用CSS＋DIV布局的典型模式 230
14.6.1 一列固定宽度 230
14.6.2 一列自适应 230
14.6.3 两列固定宽度 231
14.6.4 两列宽度自适应 232
14.6.5 两列右列宽度自适应 233
14.6.6 三列浮动中间宽度自适应 233
第15章 使用模板和库提高网页制作效率 235
15.1 创建模板 235
15.1.1 直接创建模板 235
15.1.2 从现有文档创建模板 237
15.1.3 创建可编辑区域 237
15.2 模板的应用 238
15.2.1 应用模板创建网页 239
15.2.2 更新模板及其他网页 241
15.3 创建和应用库 242
15.3.1 将现有内容创建为库 242
15.3.2 在网页中应用库 243
1533编辑并更新网页 244
15.3.4 将库项目从源文件中分离 245
15.4 实战 246
实战1——创建企业网站模板 246
实战2——利用模板创建网页 249
第16章 利用行为轻易实现网页特效 253
16.1 行为概述 253
16.1.1 使用行为面板 253
16.1.2 关于动作 254
16.1.3 关于事件 255
16.2 使用Dreamweaver内置行为 256
16.2.1 交换图像 256
16.2.2 恢复交换图像 258
16.2.3 打开浏览器窗口 259
16.2.4 调用JavaScript 260
16.2.5 转到URL 262
16.2.6 弹出信息 263
16.2.7 预先载入图像 264
16.2.8 设置状态栏文本 266
16.2.9 检查表单 267
16.2.10 Blind效果 268
16.2.11 Bounce效果 269
16.3 使用JavaScript 270
16.3.1 利用JavaScript函数实现打印功能 270
16.3.2 利用JavaScript函数实现关闭窗口功能 272
第17章 设计制作企业网站 273
17.1 网站策划 273
17.1.1 为什么要进行网站策划 273
17.1.2 主要功能页面 274
17.2 设计网站封面页 275
17.2.1 设计网站封面首页图像 276
17.2.2 设计网站封面首页图像 280
17.3 创建本地站点 281
17.4 使用Dreamweaver制作页面 282
17.4.1 制作网站顶部导航 282
17.4.2 制作左侧导航公告栏 284
17.4.3 制作产品展示 287