第1篇 网站基础入门 3
第1章 网站建设入门——网页设计与网站建设基础 3
1.1认识网页和网站 4
1.1.1网页 4
1.1.2网站 4
1.1.3网站的分类 5
1.2认识网页的基本组成 6
1.2.1网址 7
1.2.2网页标题 7
1.2.3 Logo 7
1.2.4文本 8
1.2.5图像 8
1.2.6导航栏 9
1.2.7超链接 9
1.2.8表单 9
1.2.9动画 10
1.2.10 Banner 10
1.3认识静态网页与动态网页 11
1.3.1静态网页 11
1.3.2动态网页 11
1.4网站建设的相关概念 12
1.4.1因特网与万维网 12
1.4.2浏览器与HTML 12
1.4.3 URL、域名与IP地址 13
1.4.4上传和下载 14
1.5疑难解惑 14
第2章 第一视觉最重要——网站配色与布局 15
2.1善用色彩设计网页 16
2.1.1认识色彩 16
2.1.2确定网站的主题色 17
2.1.3网页中色彩的搭配 19
2.1.4网页元素的色彩搭配 20
2.1.5网页色彩搭配的技巧 21
2.2常见的网站布局结构 23
2.2.1“国”字型 24
2.2.2标题正文型 24
2.2.3左右框架型 24
2.2.4上下框架型 25
2.2.5综合框架型 25
2.2.6封面型 25
2.2.7 Flash型 26
2.3网站的色彩应用案例 26
2.3.1案例1——网络购物类网站的色彩应用 26
2.3.2案例2——游戏类网站的色彩应用 27
2.3.3案例3——企业门户网站的色彩应用 28
2.3.4案例4——时政新闻类网站的色彩应用 28
2.3.5案例5——影音类网站的色彩应用 29
2.3.6案例6——娱乐类网站的色彩应用 30
2.4综合案例——定位网站页面的框架 30
2.5疑难解惑 31
第3章 读懂网页密码——HTML语言速成 33
3.1网页的HTML构成 34
3.1.1文档标记 34
3.1.2头部标记 35
3.1.3主体标记 35
3.2 HTML的常用标记 36
3.2.1标题标记〈h1〉到〈h6〉 36
3.2.2段落标记〈P〉 36
3.2.3换行标记〈br〉 37
3.2.4链接标记〈a〉 38
3.2.5列表标记〈ul〉 39
3.2.6图像标记〈img〉 41
3.2.7表格标记〈table〉 44
3.2.8表单标记〈form〉 45
3.3综合案例——制作日程表 46
3.4疑难解惑 49
第4章 开启网页制作之路——网站建设基本流程与制作工具 51
4.1建站方式 52
4.1.1自助建站 52
4.1.2智能建站 52
4.1.3专业设计 53
4.2建站流程 53
4.2.1网站规划 53
4.2.2搜集资料 54
4.2.3制作网页 54
4.2.4网站测试 55
4.2.5申请域名 55
4.2.6申请空间 55
4.2.7网站备案 55
4.2.8发布网页 57
4.2.9网站推广和维护 57
4.3制作网页的常用软件 58
4.3.1案例1——认识网页布局软件Dreamweaver CC 58
4.3.2案例2——认识图像处理软件Photoshop CC 58
4.3.3案例3——认识动画制作软件Flash CC 59
4.4综合案例——网页制作软件间的相互关系 60
4.5疑难解惑 61
第2篇 制作静态网页 65
第5章 磨刀不误砍柴工——使用DreamweaverCC创建站点 65
5.1认识Dreamweaver CC 66
5.1.1启动Dreamweaver CC 66
5.1.2认识Dreamweaver CC的工作区 67
5.1.3体验Dreamweaver CC的新增功能 69
5.2创建站点 72
5.2.1案例1——创建本地站点 72
5.2.2案例2——创建远程站点 73
5.3管理站点 74
5.3.1案例3——打开站点 74
5.3.2案例4——编辑站点 75
5.3.3案例5——删除站点 76
5.3.4案例6——复制站点 76
5.3.5案例7——导出与导入站点 77
5.4操作站点文件及文件夹 79
5.4.1案例8——创建文件夹 79
5.4.2案例9——创建文件 79
5.4.3案例10——文件或文件夹的移动和复制 80
5.4.4案例11——删除文件或文件夹 80
5.5综合案例——创建本地站点 81
5.6疑难解惑 82
第6章 制作我的第一个网页——使用文本丰富网页内容 83
6.1网页文档的基本操作 84
6.1.1案例1——创建网页 84
6.1.2案例2——页面属性 84
6.1.3案例3——保存网页 87
6.1.4案例4——打开网页 87
6.1.5案例5——预览网页 88
6.2使用文字添加网页内容 89
6.2.1案例6——插入文字 89
6.2.2案例7——设置字体 90
6.2.3案例8——设置字号 90
6.2.4案例9——设置字体颜色 91
6.2.5案例10——设置字体样式 92
6.2.6案例11——编辑段落 94
6.2.7案例12——创建项目列表 99
6.3使用特殊文本添加网页内容 101
6.3.1案例13——插入换行符 101
6.3.2案例14——插入水平线 102
6.3.3案例15——插入日期 102
6.3.4案例16——插入特殊字符 103
6.4综合案例——制作图文并茂的网页 104
6.5疑难解惑 107
第7章 有图有真相——使用图像与 109
多媒体网页元素 109
7.1常用图像格式 110
7.1.1 GIF格式 110
7.1.2 JPEG格式 110
7.1.3 PNG格式 111
7.2用图像美化网页 111
7.2.1案例1——插入图像 111
7.2.2案例2——设置图像的属性 113
7.2.3案例3——设置图像对齐方式 115
7.2.4案例4——剪裁需要的图像 116
7.2.5案例5——调整图像的亮度与对比度 117
7.2.6案例6——设置图像的锐化效果 118
7.3插入其他图像元素 119
7.3.1案例7——插入鼠标经过图像 119
7.3.2案例8——插入图像占位符 121
7.3.3案例9——插入图像热点区域 122
7.4在网页中插入多媒体 123
7.4.1案例10——插入背景音乐 123
7.4.2案例11——插入Flash动画 124
7.4.3案例12——插入FLV视频 125
7.4.4案例13——插入HTML5音频 127
7.4.5案例14——插入HTML5视频 129
7.5综合案例1——制作精彩的多媒体网页 130
7.6综合案例2——在代码中插入背景音乐 132
7.7疑难解惑 134
第8章 不在网页中迷路——设计网页中的超链接 135
8.1超级链接 136
8.1.1链接的概念 136
8.1.2常规的链接 136
8.1.3链接的类型 137
8.2链接路径 138
8.2.1什么是URL 138
8.2.2绝对路径 138
8.2.3相对路径 139
8.2.4根相对路径 139
8.3创建超级链接的方法 139
8.3.1案例1——使用菜单命令创建链接 139
8.3.2案例2——使用【属性】面板创建链接 140
8.3.3案例3——使用【指向文件】按钮创建链接 140
8.4创建不同种类的网页超链接 141
8.4.1案例4——添加文本链接 141
8.4.2案例5——添加图像链接 142
8.4.3案例6——创建外部链接 143
8.4.4案例7——创建锚记链接 143
8.4.5案例8——创建图像热点链接 145
8.4.6案例9——创建电子邮件链接 146
8.4.7案例10——创建下载文件的链接 147
8.4.8案例11——创建空链接 148
8.4.9案例12——创建脚本链接 148
8.5综合案例——为企业网站添加友情链接 149
8.6疑难解惑 150
第9章 让网页互动起来——使用网页表单和行为 151
9.1认识表单 152
9.1.1什么是表单 152
9.1.2认识表单对象 152
9.1.3案例1——插入表单 155
9.1.4案例2——设置表单属性 156
9.2常用表单对象的应用 157
9.2.1案例3——插入文本域 157
9.2.2案例4——插入密码域 158
9.2.3案例5——插入复选框 159
9.2.4案例6——插入单选按钮 160
9.2.5案例7——插入下拉菜单 160
9.2.6案例8——插入滚动列表 161
9.2.7案例9——插入按钮 162
9.2.8案例10——插入图像按钮 162
9.2.9案例11——插入文件上传域 163
9.3认识行为 164
9.3.1行为的概念 164
9.3.2案例12——打开【行为】面板 164
9.4常用内置行为的应用 165
9.4.1案例13——交换图像 165
9.4.2案例14——弹出信息 167
9.4.3案例15——打开浏览器窗口 168
9.4.4案例16——检查表单行为 170
9.4.5案例17——设置状态栏文本 171
9.5综合案例——使用表单制作留言本 173
9.6疑难解惑 176
第3篇 网页美化布局 179
第10章 简单的网页布局——使用表格布局网页 179
10.1案例1——插入表格 180
10.2选中表格 181
10.2.1案例2——选中完整的表格 181
10.2.2案例3——选中行和列 182
10.2.3案例4——选中单元格 183
10.3表格属性 183
10.3.1案例5——设置单元格属性 184
10.3.2案例6——设置整个表格属性 185
10.4操作表格 185
10.4.1案例7——调整表格的大小 185
10.4.2案例8——增加行和列 186
10.4.3案例9——删除行、列、单元格 187
10.4.4案例10——剪切、复制和粘贴单元格 188
10.4.5案例11——合并和拆分单元格 189
10.5操作表格数据 190
10.5.1案例12——在表格中输入文本 190
10.5.2案例13——在表格中插入图像 191
10.5.3案例14——表格中的数据排序 191
10.5.4案例15——导入Excel表格数据 192
10.6综合案例——使用表格布局网页 193
10.7疑难解惑 196
第11章 读懂样式表密码——使用CSS层叠样式表 197
11.1初识CSS样式表 198
11.1.1什么是CSS 198
11.1.2 CSS的3种类型 198
11.1.3 CSS的语法格式 199
11.1.4案例1——使用Dreamweaver编写CSS 200
11.2 CSS的使用方式 201
11.2.1案例2——行内样式 201
11.2.2案例3——内嵌样式 202
11.2.3案例4——链接样式 203
11.2.4案例5——导入样式 204
11.3 CSS中的常用样式 205
11.3.1案例6——使用字体样式 206
11.3.2案例7——使用文本样式 210
11.3.3案例8——使用背景样式 214
11.3.4案例9——设计边框样式 221
11.3.5案例10——设置列表样式 225
11.4综合案例——制作简单公司主页 229
11.5疑难解惑 232
第12章 架构师的大比拼——利用CSS+Div布局网页 233
12.1认识并创建层 234
12.1.1什么是层 234
12.1.2案例1——使用Dreamweaver创建层 234
12.2 Div层的定位方法 235
12.2.1盒子模型的概念 235
12.2.2案例2——定义网页border区域 236
12.2.3案例3——定义网页padding区域 237
12.2.4案例4——定义网页margin区域 239
12.3使用CSS排版 242
12.3.1案例5——将页面用DIV分块 242
12.3.2案例6——设置各块位置 243
12.3.3案例7——用CSS定位 243
12.4常见网页布局模式 246
12.4.1案例8——网页单列布局模式 246
12.4.2案例9——网页1-2-1型布局模式 250
12.4.3案例10——网页1-3-1型布局模式 253
12.5综合案例——创建左右布局页面 257
12.6疑难解惑 260
第4篇 设计网页元素 263
第13章 网页图像说变就变——调整与修饰图像 263
13.1图像色调的调整 264
13.1.1案例1——调整图像的亮度与对比度 264
13.1.2案例2——使用【色阶】命令调整图像 264
13.1.3案例3——使用【曲线】命令调整图像 268
13.1.4案例4——调整图像的曝光度 271
13.2图像色彩的调整 272
13.2.1案例5——使用【色相/饱和度】命令 272
13.2.2案例6——使用【自然饱和度】命令 274
13.2.3案例7——使用【色彩平衡】命令 274
13.2.4案例8——使用【黑白】命令 275
13.2.5案例9——使用【照片滤镜】命令 276
13.2.6案例10——使用【通道混合器】命令 277
13.2.7案例11——使用【匹配颜色】命令 278
13.2.8案例12——使用【替换颜色】命令 280
13.2.9案例13——使用【可选颜色】命令 282
13.2.10案例14——使用【阴影/高光】命令 283
13.3修复图像中的污点与瑕疵 284
13.3.1案例15——修复图像中的污点 284
13.3.2案例16——修复图像中的瑕疵 285
13.3.3案例17——修复图像选中的区域 286
13.3.4案例18——内容感知移动工具 286
13.3.5案例19——消除照片中的红眼 287
13.4通过图像或图案修饰图像 288
13.4.1案例20——通过复制图像修饰图像 288
13.4.2案例21——通过图案修饰图像 289
13.5通过橡皮擦修饰图像 290
13.5.1案例22——擦除图像中指定的区域 290
13.5.2案例23——擦除图像中的指定颜色 290
13.5.3案例24——擦除图像中相近的颜色 291
13.6修饰图像中的细节 292
13.6.1案例25——修饰图像中生硬的边缘 292
13.6.2案例26——提高图像的清晰度 293
13.6.3案例27——通过涂抹修饰图像 293
13.7通过调色修饰图像 294
13.7.1案例28——减淡工具和加深工具 294
13.7.2案例29——改变图像色彩的饱和度 295
13.8综合案例——制作放射线背景图 295
13.9疑难解惑 296
第14章 网页中的路标与导航——制作网页按钮与导航条 297
14.1按钮与导航条的设计原则 298
14.1.1网页按钮的设计注意事项 298
14.1.2网页导航条的设计注意事项 298
14.2制作按钮 299
14.2.1案例1——制作普通按钮 299
14.2.2案例2——制作迷你按钮 301
14.2.3案例3——制作水晶按钮 303
14.2.4案例4——制作木纹按钮 307
14.3制作导航条 310
14.3.1案例5——制作横向导航条 310
14.3.2案例6——制作垂直导航条 313
14.4综合案例——制作水晶风格网站导航条 314
14.5疑难解惑 320
第15章 网页中迷人的蓝海——制作网页特效边线与背景 321
15.1制作装饰边线 322
15.1.1案例1——制作装饰虚线 322
15.1.2案例2——制作内嵌线条 324
15.1.3案例3——制作斜纹线条 325
15.2制作网页背景图片 327
15.2.1案例4——制作渐变背景图片 327
15.2.2案例5——制作透明背景图像 330
15.3综合案例——制作梦幻星光网页背景 331
15.4疑难解惑 336
第16章 网页中的标志与旗帜——制作网页Logo与网页Banner 337
16.1网页Logo与Banner概述 338
16.1.1网页Logo设计标准 338
16.1.2网页Logo的标准尺寸 339
16.1.3网页Logo的一般形式 340
16.1.4网页Banner的标准尺寸 341
16.1.5 Banner设计的注意要点 341
16.2制作文字Logo 341
16.2.1案例1——制作背景 341
16.2.2案例2——制作文字内容 342
16.2.3案例3——绘制自定义形状 343
16.2.4案例4——美化文字Logo 344
16.3制作图案Logo 346
16.3.1案例5——制作背景 346
16.3.2案例6——制作图案效果 348
16.4制作英文Banner 350
16.4.1案例7——制作Banner背景 350
16.4.2案例8——制作Banner底纹 351
16.4.3案例9——制作文字特效 352
16.5制作中文Banner 353
16.5.1案例10——输入特效文字 353
16.5.2案例11——将输入的文字设置为3D效果 354
16.5.3案例12——制作Banner背景 356
16.6综合案例1——制作图文结合Logo 357
16.7综合案例2——制作图文结合Banner 360
16.8疑难解惑 362
第17章 让网页活灵活现——制作简单网页动画元素 363
17.1 Flash的基本功能 364
17.1.1矢量绘图 364
17.1.2动画设计 364
17.1.3强大的编程功能 364
17.2时间轴、帧和图层 365
17.2.1什么是图层 365
17.2.2时间轴与帧 365
17.3制作简单动画 367
17.3.1案例1——制作帧帧动画 367
17.3.2案例2——制作补间动画 369
17.3.3案例3——制作遮罩动画 373
17.3.4案例4——使用动画预设 375
17.4综合案例——制作数字倒计时动画 377
17.5疑难解惑 379
第18章 网页元素的动态交互——创建交互式动画 381
18.1 ActionScript概述 382
18.1.1 ActionScript基本术语 382
18.1.2【动作】面板 383
18.2使用ActionScript制作动画特效 384
18.2.1案例1——制作按钮切换图片效果 384
18.2.2案例2——制作按钮切换背景颜色效果 389
18.2.3案例3——制作星光闪烁效果 394
18.3 Flash常用组件的使用 399
18.3.1案例4——组件的添加与删除 399
18.3.2案例5——Button按钮组件 400
18.3.3案例6——CheckBox复选框组件 401
18.3.4案例7——ComboBox下拉列表组件 403
18.3.5案例8——List平铺滚动组件 405
18.3.6案例9——RadioButton单选按钮组件 406
18.3.7案例10——ProgressBar加载进度组件 408
18.3.8案例11——ScrollPane滚动条窗口组件 409
18.4综合案例——制作飘雪效果 411
18.5疑难解惑 414
第19章 让网页动起来——制作动态网站的Logo与Banner 415
19.1制作滚动文字Logo 416
19.1.1设置文档属性 416
19.1.2制作文字元件 417
19.1.3制作滚动效果 417
19.2制作产品的Banner 419
19.2.1制作文字动画 419
19.2.2制作文字遮罩动画 421
19.2.3制作图片动画 422
19.3疑难解惑 424
第5篇 开发动态网站 427
第20章 动态网站开发语言基础——认识PHP语言 427
20.1 PHP基本知识 428
20.1.1 PHP的概念 428
20.1.2 PHP语言的优势 428
20.2 PHP中的数据类型 429
20.2.1整型 429
20.2.2浮点型 429
20.2.3布尔值 429
20.2.4字符串型 430
20.2.5数组型 430
20.2.6对象型 431
20.2.7 NULL型 431
20.2.8数据类型转换 431
20.3 PHP中的常量与变量 432
20.3.1案例1——声明和使用常量 432
20.3.2案例2——声明与使用变量 433
20.3.3案例3——变量的作用域 434
20.4 PHP中的运算符 435
20.4.1案例4——算术运算符 435
20.4.2案例5——字符串运算符 436
20.4.3案例6——赋值运算符 437
20.4.4案例7——比较运算符 437
20.4.5案例8——递增递减运算符 439
20.4.6案例9——数组运算符 439
20.4.7案例10——逻辑运算符 439
20.5 PHP中常用的控制语句 440
20.5.1案例11——if语句 440
20.5.2案例12——if…else语句 440
20.5.3案例13——else if语句 441
20.5.4案例14——switch语句 442
20.5.5案例15——while循环语句 443
20.5.6案例16——do…hile循环语句 443
20.5.7案例17——for循环语句 444
20.6 PHP函数概述 445
20.6.1案例18——定义和调用函数 445
20.6.2案例19——向函数传递参数数值 446
20.6.3案例20——向函数传递参数引用 446
20.6.4案例21——从函数中返回值 447
20.6.5案例22——对函数的引用 448
20.6.6案例23——对函数取消引用 448
20.7综合案例——创建酒店系统在线订房表 449
20.8疑难解惑 452
第21章 制作动态网页基础——配置动态网站运行环境 453
21.1 PHP服务器概述 454
21.2安装PHP前的准备工作 454
21.2.1软硬件环境 454
21.2.2案例1——获取PHP 7.1安装资源包 455
21.3 PHP+IIS服务器的安装配置 456
21.3.1案例2——IIS简介及其安装 456
21.3.2案例3——PHP的安装 458
21.3.3案例4——设置虚拟目录 460
21.4 PHP+Apache服务器的环境搭建 462
21.4.1 Apache简介 462
21.4.2案例5——关闭原有的网站服务器 462
21.4.3案例6——安装Apache 463
21.4.4案例7——将PHP与Apache建立关联 465
21.5案例8——Windows下使用WampServer组合包 466
21.6综合案例——测试第一个PHP程序 468
21.7疑难解惑 469
第22章 构建动态网站后台数据——使用MySQL数据库 471
22.1定义一个互动网站 472
22.1.1定义互动网站的重要性 472
22.1.2网页取得数据库的原理 472
22.1.3案例1——在Dreamweaver CC中定义网站 473
22.2 MySQL数据库的安装和管理 476
22.2.1案例2——MySQL数据库的安装 476
22.2.2案例3——MySQL数据库的配置 480
22.2.3案例4——phpMyAdmin的安装 485
22.2.4案例5——MySQL数据库的建立 486
22.3在网页中使用MySQL数据库 491
22.3.1案例6——添加数据库面板 492
22.3.2案例7——建立MySQL数据库连接 494
22.3.3案例8——绑定记录集 495
22.4数据库的备份与还原 498
22.4.1案例9——数据库的备份 498
22.4.2案例10——数据库的还原 499
22.5综合案例——给我的MySQL数据库加密 501
22.6疑难解惑 503
第23章 开启动态网站制作之路——动态网站应用模块开发 505
23.1网站模块的概念 506
23.2常用动态网站模块开发 506
23.2.1案例1——在线点播模块开发 506
23.2.2案例2——网页搜索模块开发 507
23.2.3案例3——在线支付模块开发 508
23.2.4案例4——在线客服模块开发 508
23.2.5案例5——天气预报模块开发 509
23.3疑难解惑 510
第6篇 网站开发实战 513
第24章 综合应用案例1——开发网站用户管理系统 513
24.1系统的功能分析 514
24.1.1规划网页结构和功能 514
24.1.2网页设计规划 515
24.1.3网页美工设计 515
24.2数据库设计与连接 515
24.2.1数据库设计 516
24.2.2创建数据库连接 519
24.3用户登录模块的设计 520
24.3.1登录页面 520
24.3.2登录成功和登录失败页面的制作 528
24.3.3用户登录系统功能的测试 531
24.4用户注册模块的设计 532
24.4.1用户注册页面 532
24.4.2注册成功和注册失败页面 536
24.4.3用户注册功能的测试 537
24.5用户注册资料修改模块的设计 539
24.5.1修改资料页面 539
24.5.2更新成功页面 541
24.5.3修改资料功能的测试 542
24.6密码查询模块的设计 542
24.6.1密码查询页面 542
24.6.2完善密码查询功能页面 546
24.6.3密码查询模块的测试 549
第25章 综合应用案例2——开发信息资讯管理系统 551
25.1系统的功能分析 552
25.1.1规划网页结构和功能 552
25.1.2页面设计规划 553
25.1.3网页美工设计 553
25.2数据库设计与连接 554
25.2.1数据库设计 554
25.2.2创建数据库连接 557
25.3系统页面设计 559
25.3.1网站首页的设计 559
25.3.2搜索主题功能的设计 569
25.3.3信息分类页面的设计 572
25.3.4信息内容页面的设计 578
25.3.5系统页面的测试 580
25.4后台管理页面设计 582
25.4.1后台管理入口页面 582
25.4.2后台管理主页面 585
25.4.3新增信息页面 591
25.4.4修改信息页面 594
25.4.5删除信息页面 598
25.4.6新增信息分类页面 601
25.4.7修改信息分类页面 603
25.4.8删除信息分类页面 606
第7篇 网站全能扩展 611
第26章 让别人浏览我的成果——网站的测试与发布 611
26.1上传网站前的准备工作 612
26.1.1注册域名 612
26.1.2申请空间 612
26.2测试网站 612
26.2.1案例1——测试站点范围的链接 612
26.2.2案例2——改变站点范围的链接 613
26.2.3案例3——查找和替换 614
26.3上传网站 615
26.3.1案例4——使用Dreamweaver上传网站 615
26.3.2案例5——使用FTP工具上传网站 617
26.4综合案例——清理网站中的多余文档 618
26.5疑难解惑 619
第27章 打造坚实的堡垒——网站安全与防御 621
27.1网站维护基础知识 622
27.1.1网站的维护与安全 622
27.1.2常见的网站攻击方式 623
27.2网站安全防御策略 624
27.2.1网站硬件的安全维护 624
27.2.2网站软件的安全维护 624
27.2.3检测网站的安全性 625
27.3综合案例——设置网站的访问权限 627
27.4疑难解惑 628
第28章 增加网站的点击率——网站优化与推广 629
28.1网站优化的方法与技巧 630
28.1.1通过广告优化网站内容 630
28.1.2通过搜索引擎优化网站 631
28.2网站推广方法与技巧 633
28.2.1利用大众传媒进行推广 634
28.2.2利用网络媒介进行推广 634
28.2.3利用其他形式进行推广 636
28.3综合案例——查看网站的流量 637
28.4疑难解惑 639