网站开发案例课堂 网页设计与网站建设案例课堂 第2版PDF电子书下载

第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