目 录
第1篇 网站基础
第1章 网站开发入门（ 教学视频：24分钟） 2
1.1 Web网站入门 2
1.1.1 认识网页与网站 2
1.1.2 网站的组成结构 3
1.1.3 常见的网站分类 4
1.1.4 如何设计吸引人的网站 5
1.1.5 网站开发的相关技术 7
1.1.6 创建一个简单的网页 12
1.2 网站开发工具 16
1.2.1 Dreamweaver设计工具 16
1.2.2 图像处理工具Photoshop 18
1.2.3 网页图形工具Fireworks 20
1.2.4 网页动画设计工具Flash 22
1.3 网站建设的基本步骤 24
1.3.1 网站的定位 24
1.3.2 确定网站的结构 25
1.3.3 设计网站的主题风格 25
1.3.4 制作网页 26
1.3.5 网站的测试 27
1.3.6 申请网站域名 27
1.3.7 购买网页空间 28
1.3.8 使用FTP上传网站 29
1.3.9 浏览并优化网站 30
1.3.10 推广自己的网站 30
1.4 小结 30
第2章 使用HTML语言编写网页（ 教学视频：40分钟） 32
2.1 认识HTML语言 32
2.1.1 HTML是什么 32
2.1.2 HTML标签、元素和属性 34
2.1.3 HTML文件组成 36
2.2 HTML文档头标记 37
2.2.1 文档类型声明<!DOCTYPE> 37
2.2.2 文档头标签<head> 38
2.2.3 文档基地址<base> 39
2.2.4 文档链接<link> 40
2.2.5 网页标题<title> 40
2.2.6 元数据定义<meta> 41
2.3 基本的HTML标签 42
2.3.1 <body>主体标签 43
2.3.2 设置页面边距 43
2.3.3 常用的标签列表 45
2.3.4 标题标签<h1>至<h6> 46
2.3.5 换行标签<br> 47
2.3.6 段落标签<p> 48
2.3.7 水平分割线标签<hr> 48
2.3.8 HTML的注释 50
2.4 文字和链接 51
2.4.1 文本格式化标签 51
2.4.2 文本引用与缩进 54
2.4.3 文本输入字符 56
2.4.4 字体和颜色设置 57
2.4.5 超级链接<a>标签 60
2.4.6 相对路径和绝对路径 62
2.4.7 页内跳转超级链接 63
2.4.8 电子邮件链接mailto 64
2.5 图片和列表 65
2.5.1 网页图像格式 65
2.5.2 图像标签<img> 66
2.5.3 用图像作为链接 68
2.5.4 有序列表（项目列表） 70
2.5.5 无序列表 72
2.5.6 嵌套列表 73
2.6 表格和框架 74
2.6.1 创建基本表格 74
2.6.2 表格的边框和背景 76
2.6.3 合并表格单元格 78
2.6.4 表格的间距与边距 80
2.6.5 框架结构标签<frameset> 81
2.6.6 框架集<frameset>的属性 82
2.6.7 框架<frame>的属性 84
2.6.8 框架页导航 85
2.6.9 使用<noframes>标签 86
2.7 表单 87
2.7.1 表单标签<form> 87
2.7.2 HTML表单控件 88
2.7.3 Input表单输入控件 89
2.7.4 文本域和下拉列表控件 91
2.8 小结 93
第3章 CSS定义网页样式（ 教学视频：25分钟） 94
3.1 CSS概述 94
3.1.1 CSS的作用 94
3.1.2 CSS样式表的类型 96
3.1.3 CSS语句的语法 98
3.1.4 在Dreamweaver中创建CSS 98
3.2 CSS选择器 100
3.2.1 标签选择器 101
3.2.2 类别选择器 103
3.2.3 id选择器 105
3.2.4 通配符选择器 107
3.2.5 属性选择器 107
3.3 格式化文本 109
3.3.1 设置字体 110
3.3.2 文本的排版 114
3.3.3 表格和边框 119
3.3.4 颜色与背景 122
3.4 列表样式 126
3.4.1 在列表中应用CSS 126
3.4.2 更改列表类型 127
3.4.3 在列表中使用图像 129
3.4.4 列表项的显示位置 129
3.5 小结 131
第2篇 网页设计与制作
第4章 如何设计吸引人的网站（ 教学视频：22分钟） 134
4.1 理解色彩 134
4.1.1 什么是色彩 134
4.1.2 如何进行网页配色 135
4.1.3 网页的色调 136
4.1.4 网页色彩设计规则 137
4.2 布局设计 138
4.2.1 布局的重要性 138
4.2.2 常见布局结构 138
4.2.3 布局的方法 141
4.2.4 网页布局技术 142
4.3 图片和多媒体的应用 144
4.3.1 图片的作用 144
4.3.2 图片与文字的布局 145
4.3.3 网站的Logo设计 146
4.3.4 网站的图标和按钮 147
4.3.5 添加多媒体动画 147
4.4 小结 149
第5章 用Dreamweaver可视化设计页面（ 教学视频：33分钟） 150
5.1 Dreamweaver工作区 150
5.1.1 工作区布局简介 150
5.1.2 使用文档编辑器 152
5.1.3 使用属性面板 154
5.1.4 Dreamweaver选项设置 155
5.2 添加文本和图像 155
5.2.1 输入文本 156
5.2.2 格式化文本 157
5.2.3 添加列表项 158
5.2.4 输入特殊字符 159
5.2.5 插入本地图像 159
5.2.6 设置图像属性 161
5.2.7 编辑图像 163
5.2.8 插入图像占位符 164
5.2.9 鼠标经过图像 164
5.3 链接与导航 166
5.3.1 文字链接 166
5.3.2 页面跳转链接 168
5.3.3 创建Spry导航菜单栏 169
5.4 添加多媒体内容 172
5.4.1 插入Flash动画 172
5.4.2 插入视频 174
5.4.3 插入音乐 175
5.5 使用模板和资源 176
5.5.1 创建并使用模板 177
5.5.2 创建重复区域 179
5.5.3 创建可选区域 179
5.5.4 使用网页资源 180
5.6 小结 181
第6章 创建和管理Web站点（ 教学视频：13分钟） 182
6.1 定义Web站点 182
6.1.1 定义网站的逻辑结构 182
6.1.2 使用站点管理工具 183
6.1.3 创建远程站点 184
6.2 管理站点文件 187
6.2.1 认识文件管理面板 187
6.2.2 使用展开文件面板 188
6.2.3 创建和管理文件和文件夹 189
6.3 测试与管理站点 192
6.3.1 创建测试服务器 192
6.3.2 使用版本控制 196
6.3.3 导入和导出站点设置 198
6.4 小结 200
第7章 使用DIV和CSS进行页面布局（ 教学视频：32分钟） 201
7.1 网页布局方法 201
7.1.1 使用表格布局页面 201
7.1.2 表格布局的缺点 205
7.1.3 使用DIV和CSS布局 206
7.2 CSS布局基础 211
7.2.1 CSS的盒模型 211
7.2.2 CSS盒模型属性 214
7.2.3 CSS中的浮动 219
7.2.4 浮动布局基础 220
7.2.5 相对定位和绝对定位 222
7.2.6 图文混排的方法 225
7.3 DIV和CSS常见布局结构 226
7.3.1 一列固定宽度居中 227
7.3.2 一列宽度自适应 228
7.3.3 二列固定宽度 229
7.3.4 二列自适应宽度 230
7.3.5 三行一列固定高度 232
7.4 小结 234
第8章 用JavaScript让网页动起来（ 教学视频：27分钟） 235
8.1 JavaScript概述 235
8.1.1 什么是JavaScript 235
8.1.2 将JavaScript插入页面 237
8.2 JavaScript语言基础 239
8.2.1 变量和注释 239
8.2.2 理解数据类型 240
8.2.3 表达式和运算符 243
8.2.4 程序流程控制 245
8.2.5 函数 253
8.2.6 对象和数组 255
8.3 用JavaScript操作HTML网页 261
8.3.1 DOM对象简介 261
8.3.2 使用window窗口对象 263
8.3.3 添加网页定时器 267
8.3.4 窗口的打开和关闭 269
8.3.5 使用document文档对象 272
8.3.6 更改页面元素的属性 273
8.4 小结 275
第9章 添加动态页面特效（ 教学视频：29分钟） 276
9.1 网页行为和事件 276
9.1.1 网页行为 276
9.1.2 网页事件 278
9.1.3 使用扩展管理器管理行为 280
9.2 使用Dreamweaver内置行为 281
9.2.1 检查插件行为 281
9.2.2 拖动AP层 283
9.2.3 转到URL行为 284
9.2.4 打开浏览器窗口 286
9.2.5 弹出信息 287
9.2.6 显示隐藏元素 288
9.2.7 交换图像 288
9.2.8 检查表单 289
9.2.9 预先载入图像 292
9.2.10 跳转菜单 293
9.2.11 调用JavaScript 295
9.2.12 改变属性 295
9.3 使用JavaScript编写特效 297
9.3.1 随机问候信息 297
9.3.2 动态时钟效果 298
9.3.3 创建滚动字幕 300
9.3.4 左右晃动的图像 302
9.3.5 单击按钮打开全屏窗口 304
9.4 小结 306
第10章 用jQuery操纵网页（ 教学视频：38分钟） 307
10.1 认识jQuery 307
10.1.1 jQuery的作用 307
10.1.2 下载和安装JQuery 308
10.1.3 第一个jQuery页面 309
10.2 使用jQuery对象 310
10.2.1 访问jQuery对象 311
10.2.2 访问DOM对象属性 312
10.2.3 jQuery基本语法 313
10.3 使用jQuery的选择器 314
10.3.1 基本选择器 314
10.3.2 层次选择器 317
10.3.3 过滤选择器 318
10.3.4 表单选择器 328
10.4 操作网页文档 329
10.4.1 修改元素属性 329
10.4.2 设置元素内容 331
10.4.3 动态创建内容 334
10.4.4 动态插入节点 335
10.4.5 动态删除节点 338
10.4.6 复制节点 339
10.4.7 替换与包裹节点 341
10.5 操作DOM事件 345
10.5.1 页面加载事件 345
10.5.2 绑定事件 346
10.5.3 移除事件绑定 348
10.5.4 切换事件 349
10.6 设计动画特效 352
10.6.1 基本动画 352
10.6.2 滑动动画 355
10.6.3 淡入淡出 356
10.7 小结 358
第11章 用HTML 5开发网页（ 教学视频：33分钟） 359
11.1 HTML 5入门 359
11.1.1 什么是HTML 5 359
11.1.2 HTML 5的特性 361
11.1.3 HTML 5与HTML 4的区别 365
11.1.4 在Dreamweaver中创建HTML 5网页 366
11.2 HTML 5元素介绍 367
11.2.1 DOCTYPE和字符集 368
11.2.2 新增与移除的标签 368
11.2.3 语义性元素 370
11.2.4 结构化语义元素 371
11.2.5 语义性块元素 373
11.2.6 语义性内联元素 375
11.2.7 全局属性 377
11.2.8 交互性页面元素 380
11.3 HTML 5 Canvas画布 383
11.3.1 画布的基础知识 383
11.3.2 canvas对象入门 385
11.3.3 绘制矩形 388
11.3.4 绘制圆形 392
11.3.5 绘制线条 394
11.3.6 绘制文本 396
11.3.7 绘制图像 398
11.4 小结 400
第12章 HTML 5多媒体应用（ 教学视频：32分钟） 401
12.1 图像处理高级应用 401
12.1.1 使用绘图样式 401
12.1.2 线性渐变填充 402
12.1.3 放射性渐变填充 404
12.1.4 图案填充 406
12.1.5 图像的移动、旋转和缩放 407
12.1.6 使用阴影效果 411
12.2 播放音频 413
12.2.1 理解音频格式 413
12.2.2 转换音频文件 414
12.2.3 使用audio元素 415
12.2.4 控制音乐播放 415
12.2.5 自定义播放器外观 420
12.3 播放视频 423
12.3.1 理解视频格式 423
12.3.2 使用video元素 424
12.3.3 在画布上播放视频 425
12.4 小结 429
第13章 用Photoshop设计网页图像（ 教学视频：36分钟） 430
13.1 Photoshop基础 430
13.1.1 图像的分类 430
13.1.2 Photoshop的工作区界面 432
13.1.3 创建和打开图像文件 433
13.2 图像的基本操作 435
13.2.1 选择图像 435
13.2.2 调整大小 437
13.2.3 旋转和变换 438
13.2.4 裁切 440
13.2.5 剪切、复制和粘贴 441
13.2.6 画笔描边 442
13.2.7 图像填充 443
13.3 使用图层 443
13.3.1 什么是图层 444
13.3.2 创建图层 445
13.3.3 修改图层 446
13.3.4 图层锁定 448
13.3.5 图层蒙版 449
13.3.6 图层样式 452
13.4 颜色与通道 453
13.4.1 调整图像色彩 453
13.4.2 转换图像模式 459
13.4.3 什么是通道 459
13.4.4 创建和编辑通道 460
13.5 文本和滤镜 462
13.5.1 添加文本 462
13.5.2 文本特效 464
13.5.3 滤镜的作用 464
13.5.4 使用滤镜 466
13.6 小结 467
第14章 使用Fireworks优化图片输出（ 教学视频：36分钟） 468
14.1 Fireworks基础 468
14.1.1 认识Fireworks主界面 468
14.1.2 打开和创建图像文件 469
14.1.3 使用绘图工作区 470
14.2 Fireworks绘图 473
14.2.1 选择图像 473
14.2.2 位图工具 475
14.2.3 位图效果 476
14.2.4 矢量图工具 478
14.2.5 矢量图效果 480
14.2.6 添加文字 481
14.3 应用特效 484
14.3.1 使用图层 484
14.3.2 创建蒙版 485
14.3.3 使用样式 487
14.3.4 应用滤镜 488
14.4 网页图像优化 489
14.4.1 使用切片工具 489
14.4.2 创建交互式按钮 492
14.4.3 创建交互式菜单 494
14.4.4 优化图像输出 496
14.5 小结 498
第15章 使用Flash设计网页动画（ 教学视频：37分钟） 499
15.1 Flash简介 499
15.1.1 认识Flash主界面 499
15.1.2 创建第一个Flash动画 501
15.1.3 使用ActionScript控制动画播放 504
15.2 设计动画图形 507
15.2.1 在Flash中绘制图形 507
15.2.2 使用绘图工具 509
15.2.3 创建文本对象 512
15.2.4 对象的操作 513
15.3 创建Flash动画 516
15.3.1 Flash动画的种类 516
15.3.2 使用时间轴和帧 517
15.3.3 元件、实例和库 519
15.3.4 逐帧动画 520
15.3.5 补间动画 522
15.3.6 图层遮罩动画 524
15.3.7 沿路径运动的动画 525
15.4 小结 526
第3篇 动态网站开发
第16章 使用PHP开发动态网站（ 教学视频：48分钟） 528
16.1 动态网站基础 528
16.1.1 什么是动态网站 528
16.1.2 PHP语言简介 529
16.1.3 安装PHP环境 530
16.1.4 一个简单的PHP示例 533
16.2 PHP语言入门 535
16.2.1 PHP标记 535
16.2.2 变量和类型 537
16.2.3 常量 540
16.2.4 运算符和表达式 541
16.2.5 算术运算符 542
16.2.6 赋值运算符 543
16.2.7 比较运算符 544
16.2.8 逻辑运算符 545
16.2.9 字符串运算符 545
16.2.10 递增/递减运算符 546
16.2.11 运算符的优先级 547
16.3 流程控制语句 548
16.3.1 使用if条件判断语句 548
16.3.2 使用switch语句 550
16.3.3 使用while循环语句 551
16.3.4 for和 foreach循环 553
16.3.5 使用break和continue 555
16.4 函数和数组 556
16.4.1 定义和使用函数 556
16.4.2 函数的参数 557
16.4.3 函数的返回值 559
16.4.4 字符串函数 560
16.4.5 日期时间函数 564
16.4.6 创建和使用数组 566
16.5 小结 568
第17章 操纵MySQL数据库（ 教学视频：36分钟） 569
17.1 MySQL数据库基础 569
17.1.1 数据库基础知识 569
17.1.2 MySQL简介 571
17.1.3 MySQL的命令操作 573
17.1.4 使用phpMyAdmin管理MySQL数据库 575
17.2 MySQL数据库操作 576
17.2.1 更改用户密码 576
17.2.2 创建新用户 578
17.2.3 创建数据库 580
17.2.4 管理数据库 581
17.2.5 删除数据库 583
17.3 定义数据表 583
17.3.1 SQL语言简介 584
17.3.2 设计数据表 585
17.3.3 创建数据表 586
17.3.4 CREATE TABLE语句 588
17.3.5 修改数据表 589
17.3.6 删除数据表 591
17.4 记录的增、删、改 592
17.4.1 插入数据 592
17.4.2 修改数据 595
17.4.3 删除数据 596
17.5 查询数据表 597
17.5.1 SELECT语句 597
17.5.2 DISTINCT抑制重复行 599
17.5.3 WHERE条件查询 599
17.5.4 ORDER BY查询排序 601
17.5.5 GROUP BY分组查询 602
17.6 小结 604
第18章 用Dreamweaver创建 PHP&MySQL动态网站（ 教学视频：33分钟） 605
18.1 Dreamweaver与PHP的整合 605
18.1.1 在Dreamweaver中开发PHP网站 605
18.1.2 连接MySQL数据库 606
18.1.3 Dreamweaver动态网站开发流程 609
18.2 创建图书管理动态网站 610
18.2.1 网站结构设计 610
18.2.2 创建图书列表记录集 611
18.2.3 显示图书列表 615
18.2.4 显示图书借阅详细信息 618
18.2.5 添加图书 621
18.2.6 修改图书 625
18.2.7 删除图书 628
18.3 用PHP操纵MySQL 629
18.3.1 连接数据库 630
18.3.2 选择要使用的数据库 631
18.3.3 执行SQL语句 632
18.4 小结 636
第4篇 网站维护与优化
第19章 网站的测试与发布（ 教学视频：19分钟） 638
19.1 站点的测试 638
19.1.1 功能测试 638
19.1.2 性能测试 640
19.1.3 用户界面测试 641
19.1.4 兼容性测试 642
19.1.5 安全性测试 643
19.2 网站的发布 643
19.2.1 网站空间 644
19.2.2 申请域名 646
19.2.3 发布网站 647
19.2.4 使用CuteFTP上传网站 649
19.2.5 使用FileZilla上传网站 651
19.3 小结 653
第20章 网站的日常维护（ 教学视频：23分钟） 654
20.1 理解网站维护 654
20.1.1 网站维护的内容 654
20.1.2 网站维护的作用 655
20.1.3 网站维护的方法 656
20.2 网页内容管理 656
20.2.1 静态网站的更新 657
20.2.2 动态网站的更新 657
20.3 PHP页面安全性管理 659
20.3.1 预防SQL注入 659
20.3.2 会话数据的安全管理 660
20.3.3 常见Web安全预防 664
20.4 MySQL数据库维护 665
20.4.1 检查数据表 665
20.4.2 备份数据库 667
20.4.3 恢复数据库 668
20.5 小结 670
第21章 网站的推广与优化（ 教学视频：25分钟） 671
21.1 使用网站推广 671
21.1.1 网站推广的目的 671
21.1.2 网站推广的特点 673
21.1.3 网站推广的方式 674
21.2 认识搜索引擎优化SEO 677
21.2.1 什么是搜索引擎 677
21.2.2 理解搜索引擎优化SEO 679
21.2.3 网站对SEO的影响 680
21.2.4 理解搜索引擎关键字 681
21.3 搜索引擎友好的网页设计 682
21.3.1 标题和元数据 682
21.3.2 Url结构优化 684
21.3.3 避免使用页框架 685
21.3.4 网站导航的SEO优化 686
21.3.5 图像和Flash优化 687
21.3.6 压缩网页尺寸 688
21.4 小结 689
第5篇 综合案例
第22章 设计制作企业门户网站（ 教学视频：35分钟） 692
22.1 网站前期策划 692
22.1.1 网站设计需求 692
22.1.2 定义网站结构 693
22.1.3 网站风格定位 694
22.1.4 网站预览 694
22.1.5 在Dreamweaver中创建网站 697
22.2 设计网站首页 698
22.2.1 网站布局结构 698
22.2.2 使用CSS控制布局显示 701
22.2.3 CSS+DIV导航结构 703
22.2.4 首页布局的实现 707
22.2.5 首页内容的实现 711
22.3 设计解决方案页 713
22.3.1 页面布局 713
22.3.2 CSS控制布局显示 715
22.4 设计“联系我们”页 716
22.4.1 页面布局 716
22.4.2 创建表单 717
22.4.3 表单样式 718
22.5 小结 720
第23章 基于PHP+MySQL的内容管理网站（ 教学视频：49分钟） 721
23.1 网站前期策划 721
23.1.1 内容管理系统的作用 721
23.1.2 网站功能架构 722
23.2 定义与访问数据库 724
23.2.1 网站数据库设计 724
23.2.2 网站数据库安装 726
23.2.3 定义数据库访问类 727
23.2.4 连接和关闭数据库 728
23.2.5 查询数据库数据 730
23.2.6 插入、更新和删除数据库数据 731
23.2.7 网站配置文件config.inc.php 734
23.3 网站前台实现 735
23.3.1 页眉和页脚的实现 735
23.3.2 网站首页实现 737
23.3.3 文章列表实现 739
23.3.4 文章内容页实现 742
23.3.5 显示静态页面内容 743
23.3.6 留言页面的实现 744
23.4 后台管理功能实现 746
23.4.1 用户登录界面 746
23.4.2 管理首页实现 748
23.4.3 栏目管理 749
23.4.4 文章管理 753
23.4.5 添加和修改文章 755
23.4.6 页面管理 758
23.5 小结 760
第24章 基于HTML 5+CSS 3企业网站开发（ 教学视频：28分钟） 761
24.1 网站前期策划 761
24.1.1 理解HTML 5的语义性元素 761
24.1.2 CSS 3的新增特性 762
24.1.3 房产租售网站结构 764
24.1.4 网站页面预览 764
24.2 设计网站首页 767
24.2.1 首页的布局 767
24.2.2 导航栏的设计 771
24.2.3 宣传广告栏 772
24.2.4 CSS布局设计 775
24.3 设计网站内容页 779
24.3.1 出售房源页面 779
24.3.2 购买房源页面 781
24.3.3 出租房源页面 783
24.3.4 房产过户页面 785
24.3.5 “联系我们”页面 787
24.4 小结 788
??
??
??
??
网页制作与网站建设实战大全
目录
·XX·
·XIX·
