第1篇 Dreamweaver网页设计篇 3
第1章 网页设计与网站建设认知 3
1.1 认识网页和网站 4
1.1.1 什么是网页 4
1.1.2 什么是网站 4
1.1.3 网站的种类和特点 5
1.2 网页的相关概念 6
1.2.1 因特网与万维网 6
1.2.2 浏览器与HTML 6
1.2.3 URL、域名与IP地址 7
1.2.4 上传和下载 8
1.3 网页的HTML文档构成 8
1.3.1 文档标签 8
1.3.2 头部标签 9
1.3.3 主体标签 9
1.4 HTML的常用标签 10
1.4.1 标题标签＜h1＞到＜h6＞ 10
1.4.2 段落标签＜p＞ 11
1.4.3 换行标签＜br＞ 12
1.4.4 链接标签＜a＞ 13
1.4.5 列表标签＜ul＞ 14
1.4.6 图像标签＜img＞ 16
1.4.7 表格标签＜table＞ 19
1.4.8 框架标签＜frame＞ 20
1.4.9 表单标签＜form＞ 22
1.4.10 注释标签＜！＞ 23
1.4.11 移动标签＜marquee＞ 24
1.5 实战演练——制作日程表 25
1.6 跟我练练手 28
1.6.1 练习目标 28
1.6.2 上机练习 28
1.7 高手甜点 28
第2章 网站建设基本流程 31
2.1 建站方式 32
2.1.1 自助建站 32
2.1.2 智能建站 33
2.1.3 专业设计 34
2.2 建站流程 34
2.2.1 网站规划 34
2.2.2 搜集资料 34
2.2.3 制作网页 35
2.2.4 网站测试 36
2.2.5 申请域名 36
2.2.6 申请空间 36
2.2.7 网站备案 36
2.2.8 发布网页 39
2.2.9 网站推广和维护 40
2.3 制作网页的常用软件 40
2.3.1 网页布局软件Dreamweaver 40
2.3.2 图形图像处理软件Photoshop 41
2.3.3 动画制作软件Flash 42
2.3.4 软件间的相互关系 43
2.4 跟我练练手 44
2.4.1 练习目标 44
2.4.2 上机练习 45
2.5 高手甜点 45
第3章 磨刀不误砍柴工——用Dreamweaver创建网站站点 47
3.1 认识Dreamweaver的工作环境 48
3.1.1 启动Dreamweaver 48
3.1.2 认识Dreamweaver的工作区 49
3.1.3 熟悉Dreamweaver CS6的面板 52
3.2 创建站点 54
3.2.1 创建本地站点 54
3.2.2 使用【文件】面板创建站点 55
3.3 管理站点 56
3.3.1 打开站点 56
3.3.2 编辑站点 56
3.3.3 删除站点 57
3.3.4 复制站点 58
3.4 操作站点文件及文件夹 58
3.4.1 创建文件夹 58
3.4.2 创建文件 59
3.4.3 文件或文件夹的移动和复制 60
3.4.4 删除文件或文件夹 60
3.5 实战演练——建立站点文件和文件夹 61
3.6 跟我练练手 62
3.6.1 练习目标 62
3.6.2 上机练习 62
3.7 高手甜点 63
第4章 制作我的第一个网页——添加网页内容要素 65
4.1 文档的基本操作 66
4.1.1 创建空白文档 66
4.1.2 设置页面属性 66
4.2 使用文字美化网页 71
4.2.1 插入文字 71
4.2.2 设置字体 72
4.2.3 设置字号 74
4.2.4 设置字体颜色 75
4.2.5 设置字体样式 76
4.2.6 编辑段落 78
4.2.7 检查拼写 83
4.2.8 创建项目列表 84
4.3 使用图像美化网页 87
4.3.1 插入图像 87
4.3.2 图像属性设置 89
4.3.3 图像的对齐方式 91
4.3.4 设置鼠标经过时更换图像效果 92
4.3.5 插入图像占位符 94
4.4 使用动画美化网页 95
4.4.1 插入Flash动画 95
4.4.2 插入FLV视频 96
4.5 使用其他网页元素美化网页 98
4.5.1 插入水平线 98
4.5.2 插入日期 99
4.5.3 插入特殊字符 100
4.6 实战演练——制作图文并茂的网页 101
4.7 跟我练练手 103
4.7.1 练习目标 103
4.7.2 上机练习 103
4.8 高手甜点 104
第5章 不在网页中迷路——设计网页超链接 105
5.1 链接与路径 106
5.1.1 链接的概念 106
5.1.2 链接的路径 106
5.1.3 链接的类型 108
5.2 添加网页超链接 108
5.2.1 添加文本链接 108
5.2.2 添加图像链接 109
5.2.3 创建外部链接 110
5.2.4 创建锚记链接 111
5.2.5 创建图像热点链接 113
5.2.6 创建电子邮件链接 114
5.2.7 创建下载文件的链接 115
5.2.8 创建空链接 116
5.2.9 创建脚本链接 117
5.2.10 链接的检查 118
5.3 实战演练——为企业网站添加友情链接 119
5.4 跟我练练手 119
5.4.1 练习目标 119
5.4.2 上机练习 120
5.5 高手甜点 120
第6章 让网页互动起来——使用网页表单和行为 121
6.1 在网页中插入表单元素 122
6.1.1 插入表单域 122
6.1.2 插入文本域 123
6.1.3 插入单行文本域 123
6.1.4 插入多行文本域 124
6.1.5 插入密码域 124
6.2 在网页中插入复选框和单选按钮 125
6.2.1 插入复选框 125
6.2.2 插入单选按钮 126
6.3 制作网页列表和菜单 126
6.3.1 插入下拉菜单 126
6.3.2 插入滚动列表 127
6.4 在网页中插入按钮 128
6.4.1 插入按钮 128
6.4.2 插入图像按钮 128
6.5 添加网页行为 129
6.5.1 打开【行为】面板 129
6.5.2 添加行为 130
6.6 常用行为的应用 131
6.6.1 交换图像 131
6.6.2 弹出信息 132
6.6.3 打开浏览器窗口 133
6.6.4 检查表单行为 135
6.6.5 设置状态栏文本 137
6.7 实战演练——使用表单制作留言本 138
6.8 跟我练练手 142
6.8.1 练习目标 142
6.8.2 上机练习 142
6.9 高手甜点 142
第2篇 Photoshop图像设计篇 145
第7章 网页图像说变就变——选取并调整网页图像 145
7.1 选取网页图像 146
7.1.1 【缩放工具】的使用 146
7.1.2 【抓手工具】的使用 146
7.1.3 选框工具的使用 147
7.1.4 【钢笔工具】的使用 148
7.1.5 【套索工具】的使用 149
7.1.6 【多边形套索工具】的使用 149
7.1.7 【磁性套索工具】的使用 150
7.1.8 【魔棒工具】的使用 151
7.1.9 【快速选择工具】的使用 151
7.1.10 【渐变工具】的使用 152
7.2 调整网页图像色彩 154
7.2.1 使用【亮度／对比度】命令调整图像 154
7.2.2 使用【色阶】命令调整图像 154
7.2.3 使用【曲线】命令调整图像 155
7.2.4 使用【色彩平衡】命令调整图像 156
7.2.5 使用【色相／饱和度】命令调整图像 157
7.3 修饰网页图像内容 157
7.3.1 使用【污点修复画笔工具】修复图像 158
7.3.2 使用【修复画笔工具】修饰图像 159
7.3.3 使用【仿制图章工具】修饰图像 159
7.3.4 使用【模糊工具】修饰图像 160
7.3.5 使用【锐化工具】修饰图像 161
7.3.6 使用【涂抹工具】修饰图像 162
7.3.7 使用【海绵工具】修饰图像 165
7.4 实战演练——为照片更换背景 165
7.5 跟我练练手 167
7.5.1 练习目标 167
7.5.2 上机练习 167
7.6 高手甜点 167
第8章 有情有义的文字——制作网页特效文字 169
8.1 案例1——制作立体文字 170
8.2 案例2——制作水晶文字 173
8.3 案例3——制作燃烧的文字 174
8.4 案例4——制作特效艺术文字 178
8.5 案例5——制作金属字效果 184
8.6 案例6——制作闪烁字效果 188
8.7 跟我练练手 191
8.7.1 练习目标 191
8.7.2 上机练习 191
8.8 高手甜点 192
第9章 网页设计基础——制作特效网页元素 193
9.1 网页图像的图层 194
9.1.1 认识【图层】面板 194
9.1.2 图层的分类 194
9.1.3 创建图层 199
9.1.4 隐藏与显示图层 199
9.1.5 对齐图层 200
9.1.6 合并图层 201
9.1.7 设置不透明度和填充 202
9.2 设置图像的图层样式 204
9.2.1 案例1——光影效果 204
9.2.2 案例2——浮雕效果 207
9.2.3 案例3——叠加效果 208
9.3 设置图像的蒙版效果 210
9.3.1 案例4——剪贴蒙版 210
9.3.2 案例5——快速蒙版 212
9.3.3 案例6——图层蒙版 214
9.3.4 案例7——矢量蒙版 217
9.4 设置图像的通道 218
9.4.1 案例8——复合通道 218
9.4.2 案例9——颜色通道 222
9.4.3 案例10——专色通道 224
9.4.4 案例11——计算法通道 226
9.5 设置图像的滤镜效果 229
9.5.1 案例12——【镜头校正】滤镜 229
9.5.2 案例13——【消失点】滤镜 230
9.5.3 案例14——【风】滤镜 232
9.5.4 案例15——【马赛克】滤镜 232
9.5.5 案例16——【旋转扭曲】滤镜 233
9.5.6 案例17——【模糊】滤镜 234
9.5.7 案例18——【渲染】滤镜 235
9.5.8 案例19——【艺术效果】滤镜 238
9.6 实战演练——校正偏红图片 240
9.7 跟我练练手 242
9.7.1 练习目标 242
9.7.2 上机练习 242
9.8 高手甜点 243
第10章 网页的标志——制作网站Logo与Banner 245
10.1 制作时尚空间感的文字Logo 246
10.1.1 案例1——制作背景 246
10.1.2 案例2——制作文字内容 247
10.1.3 案例3——绘制自定义形状 248
10.1.4 案例4——美化文字Logo 249
10.2 制作网页图案Logo 251
10.2.1 案例5——制作背景 251
10.2.2 案例6——制作图案效果 253
10.3 制作网页图文结合Logo 255
10.3.1 案例7——制作网站Logo中的图案 255
10.3.2 案例8——制作网站Logo中的文字 257
10.4 制作网页英文Banner 259
10.4.1 案例9——制作Banner背景 259
10.4.2 案例10——制作Banner底纹 260
10.4.3 案例11——制作文字特效 261
10.5 制作网页中文Banner 262
10.5.1 案例12——输入特效文字 262
10.5.2 案例13——将输入的文字设置为3D效果 263
10.5.3 案例14——制作Banner背景 265
10.6 跟我练练手 267
10.6.1 练习目标 267
10.6.2 上机练习 267
10.7 高手甜点 267
第11章 制作网页导航条 269
11.1 网页导航条简介 270
11.2 制作网页导航条 270
11.2.1 案例1——制作横向导航条框架 270
11.2.2 案例2——制作横向导航条斜纹 271
11.2.3 案例3——制作纵向导航条 273
11.3 跟我练练手 276
11.3.1 练习目标 276
11.3.2 上机练习 276
11.4 高手甜点 276
第12章 网页中迷人的蓝海——制作网页按钮与特效边线 279
12.1 制作按钮 280
12.1.1 制作普通按钮 280
12.1.2 制作迷你按钮 282
12.1.3 制作水晶按钮 285
12.1.4 制作木纹按钮 290
12.2 制作装饰边线 293
12.2.1 制作装饰虚线 293
12.2.2 制作分割线条 296
12.2.3 制作斜纹区域 297
12.3 跟我练练手 299
12.3.1 练习目标 299
12.3.2 上机练习 299
12.4 高手甜点 299
第3篇 Flash动画设计篇 303
第13章 制作简单的网站动画 303
13.1 Flash的基本功能 304
13.1.1 绘制矢量绘图 304
13.1.2 设计制作动画 304
13.1.3 强大的编程功能 305
13.2 认识图层与时间轴 305
13.2.1 认识图层 305
13.2.2 图层的基本操作 306
13.2.3 认识【时间轴】面板 309
13.2.4 【时间轴】面板的基本操作 310
13.3 制作常用的简单动画 311
13.3.1 制作逐帧动画 311
13.3.2 制作形状补间动画 312
13.3.3 制作补间动画 314
13.3.4 制作传统补间动画 316
13.4 跟我练练手 317
13.4.1 练习目标 317
13.4.2 上机练习 317
13.5 高手甜点 318
第14章 制作动态的网站Logo与Banner 319
14.1 制作滚动文字Logo 320
14.1.1 设置文档属性 320
14.1.2 制作文字元件 321
14.1.3 制作滚动效果 321
14.2 制作产品Banner 324
14.2.1 制作文字动画 324
14.2.2 制作文字遮罩动画 326
14.2.3 制作图片动画 327
14.3 跟我练练手 329
14.3.1 练习目标 329
14.3.2 上机练习 329
14.4 高手甜点 329
第15章 测试和优化Flash作品 331
15.1 优化Flash影片 332
15.2 输出动画 333
15.2.1 SWF动画 333
15.2.2 GIF动画 336
15.3 影片的发布 337
15.3.1 影片的发布设置 337
15.3.2 影片的发布预览 338
15.4 跟我练练手 339
15.4.1 练习目标 339
15.4.2 上机练习 340
15.5 高手甜点 340
第4篇 网页美化布局篇 343
第16章 读懂样式表密码——使用CSS样式表美化网页 343
16.1 初识CSS 344
16.1.1 CSS概述 344
16.1.2 CSS的作用 344
16.1.3 基本CSS语法 345
16.2 使用CSS样式美化网页 345
16.2.1 使用字体样式美化文字 345
16.2.2 使用文本样式美化文本 348
16.2.3 使用背景样式美化背景 352
16.2.4 使用链接样式美化链接 355
16.2.5 使用列表样式美化列表 355
16.2.6 使用区块样式美化区块 357
16.2.7 使用宽高样式设定宽高 359
16.2.8 使用边框样式美化边框 360
16.3 使用CSS滤镜美化网页 361
16.3.1 CSS滤镜概述 361
16.3.2 案例1——Alpha（通道）滤镜 362
16.3.3 案例2——Blur（模糊）滤镜 364
16.3.4 案例3——Chroma（透明色）滤镜 366
16.3.5 案例4——DropShadow（下落阴影）滤镜 366
16.3.6 案例5——FlipH（水平翻转）滤镜和FlipV（垂直翻转）滤镜 368
16.3.7 案例6——Glow（光晕）滤镜 369
16.3.8 案例7——Gray（灰色）滤镜 370
16.3.9 案例8——Invert（反色）滤镜 371
16.3.10 案例9——Mask（遮罩）滤镜 372
16.3.11 案例10——Shadow（阴影）滤镜 372
16.3.12 案例11——Wave（波浪）滤镜 373
16.3.13 案例12——X-ray（X射线）滤镜 375
16.4 实战演练——设定网页中链接样式 375
16.5 跟我练练手 379
16.5.1 练习目标 379
16.5.2 上机练习 379
16.6 高手甜点 379
第17章 架构师的大比拼——网页布局典型范例 381
17.1 使用CSS排版 382
17.1.1 将页面用DIV分块 382
17.1.2 设置各块位置 382
17.1.3 用CSS定位 383
17.2 固定宽度网页剖析与布局 386
17.2.1 网页单列布局模式 386
17.2.2 网页1-2-1型布局模式 390
17.2.3 网页1-3-1型布局模式 394
17.3 自动缩放网页1-2-1型布局模式 398
17.3.1 “1-2-1”等比例变宽布局 399
17.3.2 “1-2-1”单列变宽布局 399
17.4 自动缩放网页1-3-1型布局模式 400
17.4.1 “1-3-1”三列宽度等比例布局 401
17.4.2 “1-3-1”单侧列宽度固定的变宽布局 401
17.4.3 “1-3-1”中间列宽度固定的变宽布局 404
17.4.4 “1-3-1”双侧列宽度固定的变宽布局 408
17.4.5 “1-3-1”中列和侧列宽度固定的变宽布局 412
17.5 实战演练——使用CSS设定网页布局列的背景色 415
17.6 跟我练练手 417
17.6.1 练习目标 417
17.6.2 上机练习 417
17.7 高手甜点 417
第5篇 动态网站实战篇 421
第18章 制作动态网页基础——构建动态网站的运行环境 421
18.1 准备互动网页的执行环境 422
18.1.1 什么是PHP 422
18.1.2 执行PHP程序 422
18.2 架设IIS+PHP的执行环境 422
18.2.1 案例1——IIS网站服务器的安装与设置 422
18.2.2 案例2——在IIS网站服务器上安装PHP 425
18.3 架设Apache+PHP的执行环境 428
18.3.1 案例3——Apache网站服务器的安装与设置 428
18.3.2 案例4——在Apache网站服务器上安装PHP 433
18.4 MySQL数据库的安装 436
18.4.1 案例5——MySQL数据库的安装 436
18.4.2 案例6——phpMyAdmin的安装 439
18.5 实战演练——快速安装PHP集成环境：AppServ 2.5 440
18.6 跟我练练手 443
18.6.1 练习目标 443
18.6.2 上机练习 443
18.7 高手甜点 443
第19章 架起动态网页的桥梁——定义动态网站与使用MySQL数据库 445
19.1 定义一个互动网站 446
19.1.1 定义互动网站的重要性 446
19.1.2 在Dreamweaver中定义网站 446
19.2 MySQL数据库的使用 449
19.2.1 数据库的原理 450
19.2.2 数据库的建立 451
19.3 在网页中使用MySQL数据库 457
19.3.1 网页取得数据库的原理 457
19.3.2 案例1——建立MySQL数据库连接 458
19.3.3 案例2——绑定记录集 459
19.4 加密MySQL数据库 462
19.4.1 MySQL数据库的安全问题 462
19.4.2 案例3——为MySQL管理账号加上密码 463
19.5 实战演练——数据库的备份与还原 464
19.6 跟我练练手 466
19.6.1 练习目标 466
19.6.2 上机练习 467
19.7 高手甜点 467
第20章 开启动态网页制作之路动态网站应用模块开发 469
20.1 网站模块的概念 470
20.2 网站模块的使用 470
20.2.1 程序源文件的复制 470
20.2.2 新建站点 470
20.3 常用动态网站模块开发 471
20.3.1 在线点播模块开发 471
20.3.2 网页搜索模块开发 472
20.3.3 在线支付模块开发 474
20.3.4 在线客服模块开发 474
20.3.5 天气预报模块开发 475
第21章 电子商务类网站开发实战 477
21.1 网站分析与准备工作 478
21.1.1 设计分析 478
21.1.2 网站流程 478
21.1.3 数据库分析 478
21.1.4 制作程序基本数据表 480
21.2 网站结构分析 481
21.3 网站主页面的制作 482
21.3.1 管理站点 482
21.3.2 网站广告管理主页面的制作 482
21.4 网站二级页面的制作 484
21.4.1 企业新闻列表页 484
21.4.2 企业产品展示列表页 485
21.5 网站后台分析与讨论 487
21.6 网站成品预览 487