第1章 快速解读网站 1
1.1 网站的建设及流程 2
学习1小时 2
1.1.1 网站和网页的认识 2
1.1.2 网站类型 2
1.1.3 创建网站前的准备工作 5
1．认识和购买服务器空间 5
2．申请域名 7
1.1.4 网站建设的流程 8
1．收集资料和素材 8
2．规划站点 8
3．制作网页 8
4．测试站点 9
5．发布站点 9
6．更新和维护站点 9
1.1.5 网站建设常用的软件 9
上机1小时：申请网站空间及域名 10
1.2 网站开发环境配置 13
学习1小时 13
1.2.1 安装IIS的作用 13
1.2.2 安装IIS 14
1.2.3 配置IIS 15
1.2.4 建立并配置站点 17
1．建立并配置本地站点 17
2．配置测试站点 18
3．配置远程站点 19
上机1小时：配置开发环境 20
1.3 练习1小时 23
1．建设网站前的准备工作 23
2．创建并配置sgw1站点 24
第2章 制作简单绚丽的网页 25
2.1 网页制作的基本操作 26
学习1小时 26
2.1.1 认识DreamweaverCS6的操作界面 26
2.1.2 创建并保存网页文档 27
1．创建网页文档 27
2．保存网页文档 27
2.1.3 打开并关闭网页文档 28
2.1.4 设置页面属性 28
上机1小时：创建index.html网页 30
2.2 添加网页元素 33
学习1小时 33
2.2.1 为网页添加文本 33
1．添加一般的文本 33
2．添加空格 34
3．添加水平线 34
4．添加项目列表 34
5．添加编号列表 34
2.2.2 在网页中添加图像 35
1．添加图像 35
2．设置图像属性 36
3．创建鼠标经过图像 37
2.2.3 使用超级链接 38
2.2.4 创建链接 39
1．创建普通链接 39
2．创建锚链接 40
3．创建邮件链接 41
2.2.5 插入动态元素 41
1．插入Flash动画 41
2．插入FlashFLV视频 43
3．插入视频 44
4．添加背景音乐 45
上机1小时：制作“Game html”网页 46
2.3 使用CSS美化网页 49
学习1小时 49
2.3.1 什么是CSS样式表 49
2.3.2 创建并应用CSS样式 50
1．内部CSS样式 50
2．外部CSS样式表 52
2.3.3 修改CSS样式 54
1．使用“规则定义”对话框修改 54
2．使用“属性”选项修改 55
2.3.4 设置CSS样式的属性 55
1．“类型”选项 55
2．“背景”选项 56
3．“区块”选项 56
4．“方框”选项 57
5．“边框”选项 57
6．“列表”选项 58
7．“定位”选项 58
8．“扩展”选项 59
上机1小时：美化“Flower_L html”网页 60
2.4 练习2小时 63
1．制作“help.html”网页 63
2．美化“zhuangshi.html”网页 64
第3章 网页布局 65
3.1 使用表格进行网页布局 66
学习1小时 66
3.1.1 创建表格 66
1．创建一般表格 66
2．创建嵌套表格 66
3.1.2 选择表格元素 67
1．选择单元格 67
2．选择整行单元格 67
3．选择整列单元格 68
4．选择整个表格 68
3.1.3 编辑表格 68
1．合并或拆分单元格 68
2．添加或删除单元格 69
3.1.4 设置表格属性 70
3.1.5 设置单元格的属性 71
上机1小时：制作“2014年日历”网页 71
3.2 使用DIV+CSS进行网页布局 75
学习1小时 75
3.2.1 认识DIV+CSS 75
3.2.2 插入DIV标签 75
3.2.3 DIV+CSS的盒子模型 76
1．盒子模型的概述 76
2．margin（边界） 76
3．border（边框） 77
4．padding（填充） 77
5．content（内容） 77
3.2.4 DIV+CSS定位 77
1．Position属性 77
2．Float属性 78
3.2.5 DIV+CSS布局 79
1．设置DIV标签的自适应高度 79
2．设置网页居中效果 81
3．设置首字下沉 81
上机1小时：制作花店网页 82
3.3 使用框架进行网页布局 87
学习1小时 87
3.3.1 认识框架及框架集 87
3.3.2 创建框架网页 87
1．创建基本框架网页 87
2．手动拆分框架 88
3．嵌套框架 89
3.3.3 选择框架和框架集 89
3.3.4 保存框架和框架集 90
1．保存单个框架网页 90
2．保存框架集 90
3．保存所有文档 90
3.3.5 框架及框架集的属性设置 92
1．框架的属性设置 92
2．框架集的属性设置 93
3.3.6 IFrame框架的使用 93
1．创建IFrame框架 93
2．链接IFrame框架页面 93
上机1小时：制作网站后台管理页面 95
3.4 练习1小时 101
1．制作摄影首页 101
2．制作个性网页 102
第4章 表单与动态网页的制作 103
4.1 表单和行为的使用 104
学习1小时 104
4.1.1 认识表单 104
4.1.2 表单的使用 104
1．插入表单 104
2．表单属性的设置 105
3．添加并设置表单对象的属性 106
4.1.3 认识行为 114
4.1.4 认识“行为”面板 114
4.1.5 行为的应用 114
上机1小时：编辑“login.html”登录页面 116
4.2 制作动态网页 120
学习1小时 120
4.2.1 创建数据库 120
4.2.2 动态站点的创建及配置（IIS配置） 123
4.2.3 动态网页与数据库的连接 125
4.2.4 数据库动态网页 126
1．读取数据库中的记录 126
2．添加记录 128
3．更改记录 130
4．删除记录 130
上机1小时：制作登录动态网页 132
4.3 练习1小时 137
1．制作“注册”表单页面 137
2．制作“注册”动态页面 138
第5章 绘制与编辑Flash图形 139
5.1 Flash的基础知识 140
学习1小时 140
5.1.1 Flash CS6工作界面 140
5.1.2 Flash CS6的基础操作 141
1．新建Flash动画文档 141
2．保存和关闭Flash动画文档 142
3．打开Flash动画文档 142
4．设置动画文档属性 142
5.1.3 使用辅助工具 143
上机1小时：新建“banner”动画文档 145
5.2 使用Flash绘制与填充对象 147
学习1小时 147
5.2.1 使用标准工具绘制对象 147
1．矩形工具和基本矩形工具 147
2．椭圆工具和基本椭圆工具 148
3．多角星形工具 148
5.2.2 使用自由工具绘制对象 149
1．线条工具 149
2．铅笔工具 150
3．钢笔工具 150
4．Deco工具 152
5.2.3 为对象填充颜色 152
上机1小时：绘制小花图形 154
5.3 制作动画特效文字 156
学习1小时 156
5.3.1 使用文本工具输入文本 156
5.3.2 设置文本属性 157
1．跨多个容器的流动文本 157
2．设置滚动文本 158
3．设置输入文本 158
4．设置URL链接 159
5.3.3 分离文字 160
上机1小时：眼镜宣传动画 160
5.4 编辑对象 163
学习1小时 163
5.4.1 选择对象 163
1．选择工具 163
2．部分选取工具 164
3．套索工具 164
5.4.2 变形对象 164
5.4.3 图形的组合 165
5.4.4 图像的基本操作 165
1．移动图像 166
2．复制图像 166
3．设置图像不透明度 166
5.4.5 图像的高级操作 166
1．合并对象 166
2．设置图像混合模式 167
3．为图像添加滤镜 168
上机1小时：制作产品宣传动画界面 168
5.5 练习1小时 171
1．新建“Logo”Flash文档 171
2．制作Flash广告对象 172
第6章 快速管理Flash中的素材 173
6.1 认识时间轴与图层 174
学习1小时 174
6.1.1 认识“时间轴”面板 174
6.1.2 时间轴的基本操作 175
6.1.3 认识图层 178
6.1.4 图层的基础操作 178
上机1小时：为“大优惠”动画创建图层 180
6.2 素材、元件与库的使用 182
学习1小时 182
6.2.1 素材的使用 182
1．Flash常用的图片格式 182
2．导入位图 182
6.2.2 创建元件 183
1．认识元件 183
2．创建图形元件 184
3．创建按钮元件 185
4．创建影片剪辑元件 187
6.2.3 使用“库”面板 189
1．认识“库”面板 189
2．管理和使用库 190
上机1小时：制作生日贺卡 192
6.3 练习1小时 198
新建“唐诗”Flash文档 198
第7章 制作网页简单动画 199
7.1 创建基本动画 200
学习1小时 200
7.1.1 Flash基本动画类型 200
7.1.2 创建逐帧动画 202
7.1.3 创建补间形状动画 204
7.1.4 创建补间动画 207
7.1.5 创建传统补间动画 210
7.1.6 创建引导层动画 212
7.1.7 创建遮罩动画 215
上机1小时：创建“地图”动画 221
7.2 制作多媒体Flash动画 225
学习1小时 225
7.2.1 在Flash CS6中可使用的声音类型 225
7.2.2 导入声音 226
7.2.3 使用声音 227
7.2.4 设置音频 227
1．设置声音属性 227
2．将声音与动画同步 228
3．设置声音重复 228
7.2.5 编辑声音 229
7.2.6 压缩并导出声音 231
1．压缩声音 231
2．压缩声音选项 232
7.2.7 可导入的视频格式 233
7.2.8 导入视频 233
1．视频导入向导 233
2．使用FLVPlayback组件 236
上机1小时：制作“音乐贺卡”动画 238
7.3 练习1小时 240
制作“波浪”动画 240
第8章 制作并发布交互式动画 241
8.1 制作Flash脚本动画 242
学习1小时 242
8.1.1 了解ActionScript 242
8.1.2 ActionScript 3.0语法规则 242
1．基本语法 242
2．变量和常量 243
3．数据类型 244
4．函数 244
5．类型转换 244
6．运算符 245
7．属性 246
8.1.3 常用ActionScript语句 247
1．播放控制语句 247
2．播放跳转语句 247
3．条件语句 247
4．循环语句 253
上机1小时：制作Flash导航菜单 258
8.2 Flash的优化与发布 260
学习1小时 260
8.2.1 优化动画 260
1．优化文档 260
2．优化颜色 261
3．优化元素和线条 261
4．优化文本和字体 261
5．优化图形 261
6．优化动画 261
7．加快文档显示速度 262
8.2.2 测试动画 262
8.2.3 设置动画发布格式 264
8.2.4 预览发布效果 265
8.2.5 发布动画 266
8.2.6 导出动画 266
8.2.7 导出图像 266
上机1小时：优化并发布“爱”动画 266
8.3 练习1小时 268
制作游戏开场动画 268
第9章 在Photoshop中制作网页主体界面 269
9.1 Photoshop的基础知识 270
学习1小时 270
9.1.1 Photoshop CS6的工作界面 270
9.1.2 Photoshop CS6的基本操作 271
1．新建图像 271
2．打开图像 271
3．设置图像大小和画布大小 272
4．旋转与裁剪图像 272
5．复制和粘贴图像 273
6．移动图像 273
9.1.3 使用“辅助”工具 274
1．使用标尺和参考线 274
2．网格 275
上机1小时：制作“奖品展示”图像 275
9.2 绘制与编辑图像 277
学习1小时 277
9.2.1 颜色的选取方法 277
9.2.2 使用形状工具组绘制图像 278
9.2.3 为图像填充颜色 281
1．使用“油漆桶工具” 281
2．使用“渐变工具” 282
上机1小时：制作“帮助中心”页面图像 283
9.3 使用路径进行网站标志绘制 285
学习1小时 285
9.3.1 认识“路径”面板 285
9.3.2 创建路径 286
9.3.3 选择路径 287
9.3.4 调整路径 288
上机1小时：使用路径绘制网站Logo 289
9.4 制作网页文本 291
学习1小时 291
9.4.1 文字的类型 291
9.4.2 输入文字 292
9.4.3 设置变形文字 292
9.4.4 创建路径文字 293
上机1小时：制作“兑奖广告”图像 293
9.5 网页切片输出 296
学习1小时 296
9.5.1 创建切片 296
9.5.2 编辑切片 296
9.5.3 输出切片 297
上机1小时：为“热门商品”图像切片并输出 298
9.6 练习1小时 300
制作“用户登录效果图” 300
第10章 编辑网页图像 301
10.1 图像编辑与色彩调整 302
学习1小时 302
10.1.1 使用工具创建选区 302
1．“选框”工具组 302
2．“套索”工具组 302
3．“魔棒”工具组 303
10.1.2 修改选区 304
1．增删反选选区 304
2．收缩与扩展选区 304
10.1.3 使用工具修复与编辑图像 305
1．使用画笔工具 305
2．使用“图章”工具组 305
3．使用“修复”工具组 306
4．使用“橡皮擦”工具组 307
5．使用“减淡”工具组 308
10.1.4 调整图像颜色 309
1．调整色相／饱和度 309
2．调整亮度／对比度 310
3．调整曲线 310
4．调整黑白色 311
10.1.5 使用蒙版编辑图像 312
1．创建与编辑快速蒙版 312
2．创建并编辑剪贴蒙版 313
上机1小时：处理“清纯少女”图像 314
10.2 使用图层和滤镜美化图像 316
学习1小时 316
10.2.1 使用图层美化图像 316
10.2.2 设置图层样式 317
1．设置图层不透明度 317
2．设置图层的混合模式 318
3．打开“图层样式”对话框 318
10.2.3 认识滤镜 319
10.2.4 使用滤镜美化图像 319
1．“马赛克”滤镜 319
2．“高斯模糊”滤镜 320
3．“光圈模糊”滤镜 320
4．“添加杂色”滤镜 321
5．“镜头光晕”滤镜 321
6．“液化”滤镜 322
上机1小时：制作“对话”图像 323
10.3 练习1小时 326
制作“童话”图像 326
第11章 网页设计技巧 327
11.1 学习1小时 328
学习目标 328
11.1.1 网页制作原理以及技巧 328
1．网页制作的基本原则 328
2．网页基本元素的标准及使用技巧 329
11.1.2 网页配色原理 330
1．色彩搭配技巧 330
2．网站的配色方案 331
11.1.3 收集站点的素材和内容 332
1．素材的收集原则 332
2．素材的获取方式 332
11.1.4 网页版面布局设计 333
11.1.5 图文搭配方法 334
11.2 上机1小时 334
上机目标：制作电影宣传网站 334
11.3 练习1小时 338
制作“个人作品网站”图像 338
第12章 综合实例演练 339
12.1 上机1小时：制作订餐网站首页图像 340
12.1.1 实例目标 340
12.1.2 制作思路 340
12.1.3 制作过程 340
1．新建图像 341
2．为网页布局 342
3．对网站素材进行编辑 344
12.2 上机1小时：制作RMWT网站宣传动画 348
12.2.1 实例目标 348
12.2.2 制作思路 348
12.2.3 制作过程 349
1．制作元件 349
2．为元件输入脚本 350
12.3 上机1小时：制作订餐网站首页 352
12.3.1 实例目标 352
12.3.2 制作思路 352
12.3.3 制作过程 353
1．DIV+CSS布局网页 353
2．制作头部内容 355
3．制作网页的中间部分 358
4．制作网页信息链接 362
12.4 练习1小时 364
制作家具网站首页 364
附录A 秘技连连看 365
一、Dreamweaver的使用技巧 365
1．将配置好的文件快速复制到另一台电脑上 365
2．选择网页文字的技巧 365
3．网页图像的选用技巧 365
4．修改文本超级链接 365
5．调整表格属性 365
6．将内部样式表中的样式保存为外部样式表 366
7．手动更新站点中用模板制作的网页 366
8．为整个框架集统一设置背景色 366
9．使框架变得更加灵活 366
10．消除网页中的乱码 366
11．将网页设置为禁止保存 366
12．去掉单击超级链接后的图像虚线 367
二、Flash的使用技巧 367
1．擦除图形和图像的技巧 367
2．使用选择工具调整形状的方法 367
3．合并绘制模式 367
4．快速复制关键帧 367
5．粘贴传统补间属性 367
6．将MP3声音导出为WAV文件 368
7．声音的编辑技巧 368
8．嵌入视频的注意事项和技巧 368
三、Photoshop的使用技巧 368
1．快速恢复图像效果 368
2．控制图像显示大小 369
3．增加黑白照片层次感 369
4．制作从实到虚过渡的效果 369
5．滤镜的作用范围和使用注意事项 369
6．重复滤镜效果 369
7．对文字使用滤镜 370
8．为一个图像添加多个滤镜 370
9．使修复的图片更加逼真 370
10．使用外部画笔 370
11．将画笔预设恢复成默认状态 370
附录B 72小时后该如何提升 371
1．加强实际操作 371
2．总结经验和教训 371
3．多观看、分析别人制作的网页作品 371
4．学习其他的软件协同编辑素材 371
5．吸取多方面的专业知识 372
6．上技术论坛进行学习 372
7．还可以找我们 372