第1章 网页设计快速入门 1
1.1初识网站与网页 1
1.1.1网站的基本概念 1
1.1.2网页的基本概念 2
1.1.3网页中的文字和图像 2
1.1.4网页中使用的动画与视频影像 3
1.1.5网页中使用的声音 3
1.2网页制作基础 3
1.2.1万维网 3
1.2.2超文本标记语言(HTML) 4
1.2.3网站、网页与主页 4
1.2.4超链接 5
1.2.5 URL 5
1.2.6网页编辑器 6
1.3网页构成分析 6
1.3.1网站标志 6
1.3.2导航栏 7
1.3.3广告条 8
1.3.4标题栏 9
1.3.5多媒体 9
1.4网站创建流程 9
1.4.1确立网站结构和风格 9
1.4.2网页布局和配色 10
1.4.3确定网页尺寸与版面布局 10
1.4.4设计并制作网站页面 10
1.4.5网页素材的收集与整理 11
1.4.6域名和空间的申请 11
1.5网页色彩的基本知识 13
1.5.1色彩的分类与特性 13
1.5.2网页色彩搭配原理 15
1.5.3常见的网页配色分析 16
1.6网页制作常用工具和技术 18
1.6.1网页编辑排版软件 18
1.6.2网页动画制作软件 19
1.6.3网页图像设计软件 19
1.6.4网页脚本语言JavaScript 20
1.6.5动态网页编程语言ASP 20
1.7习题 21
第2章 初识Dreamweaver CC 22
2.1 Dreamweaver CC简介 22
2.2 Dreamweaver CC的工作界面 22
2.3 Dreamweaver CC的新增功能 24
2.4创建本地站点 25
2.5创建网页文件 26
2.5.1创建空白网页 26
2.5.2基于示例文件创建网页 27
2.6设置网页文本 28
2.6.1输入文本 28
2.6.2文本属性 29
2.6.3段落格式 30
2.6.4列表 31
2.6.5特殊字符 32
2.7为网页添加图像 33
2.7.1插入图像 33
2.7.2鼠标经过图像 34
2.7.3添加背景图像 36
2.8设置超链接 38
2.8.1文本和图像链接 38
2.8.2 E-mail链接 39
2.8.3空链接 41
2.8.4下载链接 41
2.9添加多媒体文件 42
2.9.1插入Flash对象 43
2.9.2插入声音 44
2.10上机练习——制作图文并茂的装潢网页 46
2.11习题 48
第3章 页面布局与CSS样式 50
3.1利用表格布局页面 50
3.1.1插入表格 50
3.1.2设置表格属性 52
3.1.3插入嵌套表格 53
3.2表格基本操作 53
3.2.1选择表格对象 53
3.2.2调整表格和单元格的大小 55
3.2.3添加或删除行或列 56
3.2.4合并、拆分单元格 58
3.3 CSS简介 58
3.3.1 CSS的概念 59
3.3.2 CSS的特点 59
3.4【CSS设计器】面板 59
3.5设置CSS属性 60
3.5.1设置CSS类型属性 60
3.5.2设置CSS背景属性 63
3.5.3设置CSS区块属性 64
3.5.4设置CSS方框属性 65
3.5.5设置CSS边框属性 66
3.5.6设置CSS列表属性 67
3.5.7设置CSS定位属性 68
3.5.8设置CSS扩展属性 69
3.5.9设置CSS过渡属性 70
3.6链接到或导出外部CSS设计器表 71
3.6.1创建外部样式表 71
3.6.2链接外部样式表 73
3.6.3创建嵌入式CSS设计器表 74
3.7使用CSS布局模板 75
3.8上机练习——使用CSS美化文字 76
3.9习题 80
第4章 使用模板与库项目 82
4.1使用模板 82
4.1.1创建文档模板 82
4.1.2基于模板创建文档 85
4.1.3从模板脱离 87
4.2使用库项目 88
4.2.1什么是库项目 88
4.2.2创建库项目 88
4.2.3插入库项目 91
4.2.4编辑库项目 93
4.3上机练习——使用库与模板制作网页 95
4.4习题 109
第5章 使用表单 110
5.1表单域 110
5.2表单对象 111
5.3表单对象的创建 112
5.3.1文本域 112
5.3.2插入多行文本域 114
5.3.3复选框 116
5.3.4单选按钮 118
5.3.5列表和菜单 120
5.3.6表单按钮 122
5.4上机练习——留言板 124
5.5习题 129
第6章 行为 130
6.1行为的基本操作 130
6.1.1认识行为面板 130
6.1.2添加行为 131
6.1.3修改行为 132
6.1.4删除行为 132
6.2 Drearmweaver的内置行为 132
6.2.1交换图像 133
6.2.2弹出信息 134
6.2.3恢复交换图像 135
6.2.4打开浏览器窗口 136
6.2.5改变属性 138
6.2.6效果 139
6.2.7 Blind 140
6.2.8显示-隐藏元素 141
6.2.9检查插件 142
6.3上机练习——制作旅游网站 143
6.4习题 146
第7章 动态网页及站点维护 148
7.1认识动态网页 148
7.2静态网页与动态网页的区别 149
7.3搭建动态网页平台 150
7.3.1创建站点 150
7.3.2安装IIS 151
7.3.3打开IIS 152
7.3.4设置网站和主目录 153
7.3.5设置默认文档 154
7.3.6设置文档目录权限 154
7.3.7创建虚拟目录 155
7.4检查站点内的链接 157
7.4.1检查网页链接 157
7.4.2清理HTML代码 157
7.5申请主页空间 158
7.6宣传站点 159
7.6.1简单明了 159
7.6.2内涵丰富 159
7.7习题 160
第8章 初识Flash CC 161
8.1 Flash CC工作界面 161
8.1.1菜单栏 162
8.1.2工具箱 163
8.1.3时间轴面板 163
8.1.4属性面板 164
8.1.5舞台和工作区 164
8.1.6对象编辑的辅助工具 165
8.2常用面板 167
8.2.1颜色面板 167
8.2.2样本面板 167
8.2.3历史面板 171
8.3场景 171
8.3.1编辑场景 172
8.3.2改变场景背景 172
8.4时间轴 172
8.4.1帧和帧频 172
8.4.2编辑帧 174
8.4.3绘图纸 174
8.5优化与输出 175
8.5.1测试Flash影片 175
8.5.2输出Flash影片 175
8.5.3输出设置 176
8.5.4发布预览 179
8.6上机练习——制作网页动画 179
8.7习题 185
第9章 制作动画角色 186
9.1绘图工具 186
9.1.1线条工具 186
9.1.2椭圆工具和矩形工具 187
9.1.3多角星形工具 188
9.1.4铅笔工具 188
9.1.5刷子工具 189
9.1.6钢笔工具 190
9.2选择对象工具 191
9.2.1选择工具 191
9.2.2部分选取工具 193
9.3编辑工具 193
9.3.1颜料桶工具 193
9.3.2墨水瓶工具 194
9.3.3滴管工具 195
9.3.4橡皮擦工具 196
9.4修饰图形 197
9.4.1优化曲线 197
9.4.2将线条转换为填充 197
9.4.3扩展填充 197
9.4.4柔化填充边缘 198
9.4.5转换位图为矢量图 198
9.5上机练习——绘制树叶 199
9.6习题 200
第10章 元件、实例和素材文件的使用 202
10.1元件 202
10.2实例 204
10.3导入素材 204
10.3.1导入PSD文件 204
10.3.2设置导入的位图属性 205
10.4在动画中加入声音 206
10.5库 207
10.5.1元件库的基本操作 207
10.5.2专用库和公用库 208
10.6上机练习——制作按钮动画 208
10.7习题 212
第11章 制作网页动画 213
11.1创建逐帧动画 213
11.2创建补间动画 214
11.2.1传统补间动画原理 214
11.2.2创建传统补间动画 215
11.3形状补间动画 218
11.3.1创建形状补间动画原理 218
11.3.2创建形状补间动画 219
11.4图层的应用 221
11.4.1创建引导层动画 221
11.4.2创建遮罩层动画 225
11.5上机练习——制作遮罩层动画 228
11.6习题 232
第12章 认识Photoshop CC 234
12.1初识Photoshop CC 234
12.2 Photoshop CC的基本操作 234
12.2.1新建Photoshop空白文档 234
12.2.2打开文档 235
12.2.3保存文档 235
12.3认识色彩模式 236
12.3.1 RGB模式 237
12.3.2 CMYK模式 238
12.3.3灰度模式 238
12.3.4位图模式 239
12.3.5索引颜色模式 240
12.3.6 Lab模式 241
12.3.7双色调模式 241
12.4图像格式 242
12.4.1 PSD格式 242
12.4.2 TIFF格式 242
12.4.3 JPEG格式 243
12.4.4 GIF格式 243
12.4.5BMP格式 243
12.4.6 EPS格式 243
12.4.7 PDF格式 244
12.4.8 PCX格式 244
12.4.9 PNG格式 244
12.5使用形状工具 244
12.5.1绘制规则形状 244
12.5.2绘制不规则形状 248
12.6对图像进行修饰处理 248
12.6.1变换图形 248
12.6.2变形效果应用 250
12.6.3图章工具 252
12.6.4污点修复画笔工具 253
12.6.5修复画笔工具 253
12.6.6修补工具 254
12.6.7红眼工具 255
12.6.8模糊工具 256
12.6.9锐化工具 256
12.6.10涂抹工具 257
12.6.11减淡工具和加深工具 257
12.6.12海绵工具 258
12.7图像色彩调整 259
12.7.1【亮度/对比度】调整 259
12.7.2【色阶】调整 260
12.7.3【曲线】调整 261
12.7.4【曝光度】调整 263
12.7.5【自然饱和度】调整 263
12.7.6【色相/饱和度】调整 264
12.7.7【色彩平衡】调整 265
12.7.8【照片滤镜】调整 266
12.7.9【通道混合器】调整 267
12.7.10【反相】调整 268
12.7.11【色调分离】调整 269
12.7.12【阈值】调整 270
12.7.13【渐变映射】调整 270
12.7.14【可选颜色】调整 271
12.7.15【阴影/高光】调整 272
12.7.16 【 HDR色调】调整 273
12.7.17【变化】调整 274
12.7.18【匹配颜色】调整 275
12.7.19【替换颜色】调整 276
12.7.20【色调均化】调整 277
12.8上机练习——制作导航栏 278
12.9习题 282
第13章 选区的创建及通道的使用 283
13.1使用工具创建选区 283
13.1.1选框工具组 283
13.1.2套索工具组 286
13.1.3魔棒工具 289
13.1.4快速选择工具 289
13.2使用命令创建选区 290
13.2.1全部选择 290
13.2.2反向选择 290
13.2.3使用【色彩范围】命令创建选区 291
13.2.4在选区边界的周围创建选区 292
13.2.5按特定数量的像素扩展或收缩选区 293
13.2.6使用【扩大选取】命令扩大选区 294
13.2.7使用【选取相似】命令创建相似选区 295
13.2.8变换选区 295
13.2.9取消选择与重新选择 296
13.3使用通道 296
13.3.1通道的原理与工作方法 297
13.3.2认识【通道】面板 298
13.3.3重命名和删除通道 299
13.3.4分离和合并通道 300
13.3.5载入通道中的选区 302
13.4上机练习 302
13.4.1分离背景 302
13.4.2制作胶片艺术照 305
13.5习题 308
第14章 使用文字、路径和切片 310
14.1文字 310
14.1.1文字工具选项栏 310
14.1.2创建文字 312
14.1.3将文字转换为形状 313
14.1.4将文字转换为工作路径 313
14.1.5栅格化文字 314
14.2使用路径 314
14.2.1认识【路径】面板 315
14.2.2创建路径 315
14.2.3修改路径 321
14.2.4复制和删除路径 324
14.3网页切片输出 324
14.3.1创建切片 324
14.3.2编辑切片 325
14.3.3优化和输出切片 327
14.4上机练习 327
14.4.1制作火焰字效果 327
14.4.2制作网页横条广告 332
14.5习题 335
第15章 使用Photoshop设置网站封面页 336
15.1封面的设计 336
15.2切割主页 342
15.3为主页添加链接 342
第16章 项目练习——制作Flash贺卡动画 344
16.1制作贺卡 344
16.2添加背景音乐 363
第17章 制作婚庆公司网站主页 365
17.1使用Photoshop设计背景及LOGO 365
17.1.1制作背景 365
17.1.2制作LOGO 369
17.2利用Flash制作宣传动画 373
17.3使用Dreamweaver制作页面 377
参考答案 391