第1章 了解网页基础知识 2
1.1 网页的基础知识 2
1.1.1 认识网页 2
1.1.2 认识网站 2
1.1.3 网页的类型 4
1.1.4 网页制作中的专业术语 5
1.2 网站制作的流程 7
1.2.1 收集资料和素材 8
1.2.2 规划站点 8
1.2.3 制作网页 8
1.2.4 测试站点 11
1.2.5 发布站点 11
1.2.6 更新和维护站点 11
1.3 了解HTML语言 12
1.3.1 什么是HTML 12
1.3.2 标签和属性 12
1.3.3 HTML常用标签 13
1.4 网页制作标准和技巧 16
1.4.1 网页基本元素的制作标准 17
1.4.2 网页的配色技巧 18
1.5 本章小结——网页制作的经验 20
第1招:新手制作网页的技巧 20
第2招:合理利用其他软件进行辅助设计 20
1.6 过关练习 20
第2章 认识网页制作的软件 22
2.1 制作网页的软件 22
2.1.1 网页编辑软件——Dreamweaver CS6 22
2.1.2 网页动画制作软件——Flash CS6 23
2.1.3 网页图像制作软件——Photoshop CS6 24
2.2 初识Dreamweaver CS6软件 24
2.2.1 启动软件 25
2.2.2 熟悉Dreamweaver CS6的工作界面 25
2.2.3 退出软件 27
2.3 创建与管理站点 28
2.3.1 站点的含义 28
2.3.2 规划站点 28
2.3.3 创建站点 29
2.3.4 管理站点 30
2.4 网页文档的基本操作 33
2.4.1 创建空白网页 33
2.4.2 打开网页 34
2.4.3 预览网页 34
2.4.4 保存网页 34
2.5 Flash基础知识 35
2.5.1 Flash动画的原理与应用 35
2.5.2 认识Flash CS6的界面 37
2.5.3 创建Flash文档 38
2.5.4 打开Flash文档 39
2.5.5 保存Flash文档 39
2.6 Photoshop基础知识 39
2.6.1 网页图片基础知识 39
2.6.2 网页图像的色彩 40
2.6.3 Photoshop CS6的工作界面 40
2.6.4 新建网页图片文件 42
2.6.5 打开网页图片文件 42
2.6.6 保存网页图片文件 42
2.7 典型实例——创建站点和网页文件 43
2.8 本章小结——管理远程站点和页面属性 44
第1招:管理远程站点 44
第2招:设置网页的页面属性 44
2.9 过关练习 44
第3章 布局网页结构 46
3.1 使用Div+CSS布局网页 46
3.1.1 了解Div和CSS 46
3.1.2 使用Div+CSS进行布局 46
3.1.3 使用CSS美化网页 47
3.2 使用AP Div布局网页 50
3.2.1 创建AP Div 50
3.2.2 选择AP Div 51
3.2.3 移动AP Div 51
3.2.4 对齐AP Div 51
3.2.5 调整AP Div的大小 52
3.2.6 设置AP Div的显示/隐藏 52
3.3 使用表格布局网页 53
3.3.1 创建表格 53
3.3.2 选择表格 54
3.3.3 拆分与合并单元格 54
3.3.4 添加/删除行和列 55
3.3.5 设置表格和单元格的属性 56
3.4 使用框架布局网页 57
3.4.1 认识框架和框架集 57
3.4.2 创建框架集 57
3.4.3 选择框架和框架集 58
3.4.4 删除框架和框架集 58
3.4.5 保存框架和框架集 59
3.5 典型实例——布局装饰公司主页 60
3.6 本章小结——布局的其他技巧 63
第1招:设置AP Div的堆叠顺序 63
第2招:设置框架和框架集的属性 64
3.7 过关练习 64
第4章 充实网页内容 65
4.1 添加文本 66
4.1.1 添加普通文本 66
4.1.2 添加特殊文本 66
4.1.3 设置文本格式 67
4.2 添加图像 68
4.2.1 网页中图像的格式 68
4.2.2 在网页中添加图像 69
4.2.3 设置图像的属性 70
4.3 添加超级链接 71
4.3.1 添加文本超级链接 71
4.3.2 添加图像超级链接 72
4.3.3 添加锚记超级链接 73
4.4 添加多媒体元素 75
4.4.1 添加SWF动画 75
4.4.2 添加FLV视频 76
4.4.3 添加背景音乐 77
4.5 添加表单 77
4.5.1 创建表单 78
4.5.2 添加文本字段 78
4.5.3 添加复选框 79
4.5.4 添加按钮 80
4.5.5 添加跳转菜单 80
4.6 典型实例——制作有声有色的网页 81
4.7 本章小结——添加网页元素技巧 85
第1招:鼠标经过图像 85
第2招:通过插件插入背景音乐 86
4.8 过关练习 86
第5章 配置并制作动态网页 87
5.1 配置Web服务器 88
5.1.1 安装IIS 88
5.1.2 配置IIS 89
5.2 创建数据源连接 91
5.2.1 常用数据库介绍 91
5.2.2 了解连接字符串的格式 92
5.2.3 创建DSN数据源 92
5.2.4 在Dreamweaver CS6中创建数据源连接 94
5.3 制作动态网页 95
5.3.1 创建记录集 96
5.3.2 插入动态表格 97
5.3.3 创建记录集导航条 97
5.3.4 插入记录 98
5.3.5 删除记录 99
5.4 典型实例——查看数据库中的信息 100
5.5 本章 小结——掌握更多记录的操作 102
第1招:更新记录 102
第2招:转到详细的页面 102
5.6 过关练习 102
第6章 使用模板和库资源编辑网页 103
6.1 使用模板制作网页 104
6.1.1 创建网页模板 104
6.1.2 编辑模板 105
6.2 应用和管理模板 108
6.2.1 应用模板 108
6.2.2 管理模板 110
6.3 使用库管理网页元素 111
6.3.1 创建库项目 112
6.3.2 插入库项目 113
6.3.3 编辑库项目 113
6.3.4 更新库项目 113
6.4 典型实例——制作西餐厅网页 114
6.5 本章小结——更多编辑模板和库的操作 118
第1招:删除编辑区域 118
第2招:分离库项目 118
6.6 过关练习 118
第7章 熟悉Flash CS6的基本工具 120
7.1 绘图的基础 120
7.1.1 “工具”面板 120
7.1.2 笔触和填充 120
7.1.3 场景和舞台 121
7.2 绘图工具 122
7.2.1 线条工具 122
7.2.2 铅笔工具 123
7.2.3 钢笔工具 125
7.2.4 刷子工具 128
7.2.5 喷涂刷工具 129
7.3 使用几何工具 130
7.3.1 矩形和基本矩形工具 130
7.3.2 椭圆和基本椭圆工具 131
7.3.3 多角星形工具 132
7.4 上色工具 133
7.4.1 颜料桶工具 133
7.4.2 渐变填充 134
7.5 输入文字 136
7.5.1 直接输入文字 136
7.5.2 TLF文本引擎 137
7.6 典型实例——绘制小鸟图像 138
7.7 本章小结——更多的工具使用技巧 141
第1招:橡皮擦工具 141
第2招:Deco工具 141
第3招:文字滤镜效果 142
7.8 过关练习 142
第8章 使用Flash CS6制作网页动画 144
8.1 素材与库 144
8.1.1 Flash中的素材 144
8.1.2 认识元件 145
8.1.3 认识“库”面板 146
8.2 “时间轴”面板 148
8.2.1 图层的作用及类型 148
8.2.2 帧 149
8.2.3 帧的基本操作 150
8.3 制作补间和逐帧动画 152
8.3.1 传统补间动画 152
8.3.2 形状补间动画 154
8.3.3 补间动画 155
8.3.4 逐帧动画 158
8.4 制作引导和遮罩动画 160
8.4.1 制作引导动画 160
8.4.2 遮罩动画 162
8.5 典型实例——制作首饰广告 164
8.6 本章小结——制作动画的诀窍 167
第1招:设置帧频 167
第2招:设置缓动 168
8.7 过关练习 168
第9章 添加声音和视频 170
9.1 声音的基础知识 170
9.1.1 声音的格式 170
9.1.2 声音的比特率 170
9.2 为动画添加声音 171
9.2.1 导入声音 171
9.2.2 添加声音文件 172
9.2.3 修改或删除声音 173
9.3 编辑声音 173
9.3.1 设置声音 173
9.3.2 裁剪声音和调整音量 174
9.3.3 压缩声音 176
9.4 导入和使用视频 177
9.4.1 Flash和视频 177
9.4.2 载入外部视频文件 178
9.4.3 嵌入视频文件 179
9.5 典型实例——制作电子相册 180
9.6 本章小结—使用声音和视频的小妙招 183
第1招:设置视频外观属性添加视频 183
第2招:载入外部视频和嵌入视频的区别 183
9.7 过关练习 184
第10章 网页动画的代码和优化 186
10.1 ActionScript 3.0的基础 186
10.1.1 什么是ActionScript 3.0 186
10.1.2 与ActionScript 2.0的区别 186
10.1.3 Actionscript中的相关术语 187
10.1.4 语法 188
10.1.5 输入代码 189
10.2 面向对象 191
10.2.1 属性 191
10.2.2 方法 191
10.2.3 事件 192
10.2.4 使用代码 193
10.3 优化和发布网页动画 195
10.3.1 优化动画文件 195
10.3.2 优化动画元素 195
10.3.3 优化文本 196
10.3.4 设置发布类型 196
10.4 典型实例——制作商品广告 197
10.5 本章小结——使用代码的小技巧 200
第1招:使用代码片段 200
第2招:快速输入代码 200
第3招:创建独立播放器 201
10.6 过关练习 202
第11章 Photoshop图层与文本的应用 204
11.1 图层的基本操作 204
11.1.1 选择图层 204
11.1.2 新建图层 204
11.1.3 解锁图层 205
11.1.4 复制图层 206
11.1.5 删除图层 206
11.1.6 合并图层 207
11.2 熟悉图层样式 208
11.2.1 投影、内阴影样式 208
11.2.2 外发光、内发光样式 210
11.3 创建文本 213
11.3.1 文字工具组 213
11.3.2 创建横排文本 214
11.3.3 创建竖排文本 215
11.4 设置文本 215
11.4.1 设置文本格式 215
11.4.2 设置变形文字 216
11.5 典型实例——修改网页图像 217
11.5.1 输入文本 217
11.5.2 设置图层 219
11.6 本章小结——更多图层的操作 220
第1招:链接图层 221
第2招:复制图层样式 221
第3招:清除图层样式 221
11.7 过关练习 221
第12章 选取并制作特效图像 224
12.1 选区工具 224
12.1.1 魔棒工具 224
12.1.2 套索工具 225
12.1.3 多边形套索工具 225
12.1.4 磁性套索工具 226
12.1.5 选框工具 227
12.2 编辑选区 228
12.2.1 取消与重新选择选区 228
12.2.2 移动选区 228
12.2.3 变换选区 229
12.2.4 羽化选区 230
12.3 认识滤镜 231
12.3.1 什么是滤镜 231
12.3.2 Photoshop CS6滤镜类型 233
12.4 常用滤镜 233
12.4.1 高斯模糊 233
12.4.2 动感模糊 234
12.4.3 液化滤镜 235
12.4.4 光照效果 236
12.5 典型实例——制作网页特效图像 237
12.6 本章小结——使用选区和滤镜的技巧 240
第1招:反选选区 240
第2招:平滑选区 241
第3招:添加和删除滤镜效果图层 241
12.7 过关练习 242
第13章 图像调色和切片 244
13.1 图像上色 244
13.1.1 设置前景色和背景色 244
13.1.2 油漆桶 246
13.1.3 渐变工具 246
13.2 调整图像全局颜色 247
13.2.1 亮度/对比度 248
13.2.2 色阶 248
13.2.3 色相/饱和度 250
13.2.4 色彩平衡 250
13.2.5 渐变映射 251
13.3 调整图像局部颜色 252
13.3.1 阴影/高光 252
13.3.2 HDR色调 252
13.3.3 匹配颜色 254
1 3.4 创建与修改切片 255
13.4.1 创建切片 255
13.4.2 编辑切片 256
13.4.3 设置切片 257
13.5 优化图像与输出切片 258
13.6 典型实例——图像调色并切片输出 259
13.7 本章小结——更多处理图像的知识 263
第1招:选择多个切片 263
第2招:优化图像的规律 263
第3招:打开图像调节对话框的快捷键 263
13.8 过关练习 264
第14章 综合实例——制作旅游网站 265
14.1 实例目标 266
14.2 实例分析 267
14.3 制作过程 268
14.3.1 使用Photoshop CS6制作网站页面 268
14.3.2 使用Flash CS6制作网页动画 270
14.3.3 使用Dreamweaver CS6制作网页 273
14.4 本章小结——更多网页制作技巧 276
第1招:快速编辑图片或SWF 276
第2招:将文字制作成图片 277
14.5 过关练习 277