HTML+CSS+JavaScript网页设计从入门到精通PDF电子书下载

第1章 网页设计基础 1

1.1 熟悉网页设计概念 2

1.1.1 网页和网站 2

1.1.2 网页类型 3

1.1.3 网页构成 5

1.2 网页设计学习任务 7

1.2.1 学习HTML 7

1.2.2 学习DIV结构 8

1.2.3 学习CSS 9

1.2.4 学习JavaScript 10

1.3 网页设计素养 11

1.3.1 网页设计任务 11

1.3.2 网页设计原则 11

1.3.3 网页设计流程 12

1.3.4 网页配色 12

1.4 网站开发流程 13

1.4.1 个人网站开发流程 13

1.4.2 应用项目开发流程 16

1.4.3 承包网站开发流程 16

附录一：《网站建设合同》参考范本 18

附录二：《网站维护说明书》参考范本 21

第2章 HTML基础 23

2.1 HTML历史 24

2.2 HTML规范雏形 26

2.3 HTML与XHTML 29

2.4 HTML基础 29

2.4.1 HTML语言作用 29

2.4.2 HTML文档基本结构 30

2.4.3 HTML基本语法 30

2.4.4 HTML常用标签 32

2.5 XHTML基础 37

2.5.1 XHTML文档基本结构 37

2.5.2 XHTML基本语法 38

2.5.3 XHTML文档类型 38

2.5.4 DTD文档类型解析 40

2.5.5 名字空间 41

2.6 HTML元信息 42

第3章 设计符合语义的页面 44

3.1 网页语义化概述 45

3.2 元素分类 45

3.2.1 结构语义 45

3.2.2 内容语义 46

3.2.3 修饰语义 46

3.3 属性分类 46

3.3.1 核心属性 47

3.3.2 语言属性 47

3.3.3 键盘属性 47

3.3.4 内容属性 48

3.3.5 其他属性 49

3.4 定义文本信息 50

3.4.1 设计标题信息 50

3.4.2 设计段落信息 52

3.4.3 设计引用信息 53

3.4.4 设计强调信息 55

3.4.5 设计格式信息 56

3.4.6 设计输出信息 57

3.4.7 设计信息缩写 58

3.4.8 设计插入和删除信息 59

3.4.9 设计其他文本信息 60

3.5 定义列表信息 61

3.5.1 认识列表 62

3.5.2 设计普通列表 62

3.5.3 设计定义列表 64

3.5.4 使用定义列表的误区 65

3.6 设计表格 66

3.6.1 认识表格结构 66

3.6.2 使用表格元素 68

3.6.3 表格分组 69

3.7 设计表单 71

3.7.1 认识表单结构 71

3.7.2 使用表单元素 72

3.7.3 form元素 73

3.7.4 input元素 75

3.7.5 textarea和select元素 76

3.7.6 表单分组 77

3.7.7 绑定提示标签 79

3.7.8 定义快捷键、访问键和禁止访问 79

3.7.9 select选项分区 80

3.7.10 使用按钮 81

3.8 案例实战 81

3.8.1 设计一个自我介绍简单页面 81

3.8.2 解决网页乱码现象 82

3.8.3 把HTML转换为XHTML 83

3.8.4 输出唐诗 86

第4章 设计符合标准的结构 87

4.1 元素显示类型 88

4.1.1 认识元素显示类型 88

4.1.2 块状元素 88

4.1.3 行内元素 89

4.1.4 其他元素 89

4.2 结构嵌套规则 90

4.2.1 分析结构乱套现象 90

4.2.2 严谨的嵌套规则 91

4.2.3 HTML嵌套规则应用 94

4.3 案例实战：设计CSS禅意花园 96

4.3.1 认识CSS禅意花园 97

4.3.2 定义网页结构 98

4.3.3 设计嵌套结构 100

4.3.4 构建基本框架 100

4.3.5 设计局部结构 101

4.3.6 正文版式设计 103

第5章 设计HTML 5文档 105

5.1 HTML 5基础 106

5.1.1 HTML 5语法 106

5.1.2 HTML 5元素 108

5.1.3 HTML 5对象属性 114

5.1.4 HTML 5全局属性 116

5.2 认识HTML 5文档结构 118

5.3 HTML 5元素分类 121

5.4 构建主体内容 122

5.4.1 标识文章 122

5.4.2 给内容分段 125

5.4.3 设计导航信息 128

5.4.4 设计辅助信息 130

5.4.5 设计微格式 131

5.4.6 添加发布日期 131

5.5 添加语义模块 133

5.5.1 添加标题块 133

5.5.2 给标题分组 134

5.5.3 添加脚注块 134

5.5.4 添加联系信息 136

5.6 案例实战：使用HTML 5设计博客主页 136

5.6.1 设计大纲 137

5.6.2 设计样式 140

第6章 CSS基础 143

6.1 CSS概述 144

6.1.1 什么是CSS样式 144

6.1.2 为什么学习CSS 144

6.1.3 CSS特点 145

6.2 CSS语法和用法 146

6.2.1 CSS基本结构 146

6.2.2 CSS基本用法 147

6.2.3 CSS样式表 148

6.2.4 导入外部样式表 148

6.2.5 CSS注释和版式 149

6.3 CSS属性和单位 150

6.3.1 CSS属性 150

6.3.2 CSS单位 153

6.4 简单选择器 156

6.4.1 标签选择器 156

6.4.2 类选择器 157

6.4.3 ID选择器 159

6.4.4 通配选择器 161

6.5 复合选择器 162

6.5.1 子选择器 162

6.5.2 相邻选择器 163

6.5.3 包含选择器 164

6.5.4 多层选择器嵌套 166

6.5.5 属性选择器 167

6.5.6 伪选择器和伪元素选择器 171

6.5.7 选择器分组 172

6.6 CSS3新增选择器 173

6.6.1 兄弟选择器 174

6.6.2 目标伪类选择器 174

6.6.3 结构伪类选择器 175

6.6.4 否定伪类选择器 184

6.6.5 状态伪类选择器 186

6.7 CSS继承性、层叠性和特殊性 188

6.7.1 CSS继承性 188

6.7.2 CSS层叠性 190

6.7.3 CSS优先级 190

6.7.4 CSS特殊性 191

6.8 案例实战 195

6.8.1 设计导航菜单 195

6.8.2 设计登录表单 196

第7章 设计文本样式 199

7.1 字体样式 200

7.1.1 定义字体类型 200

7.1.2 定义字体大小 201

7.1.3 定义字体颜色 203

7.1.4 定义字体粗细 203

7.1.5 定义斜体字体 204

7.1.6 定义下划线 204

7.1.7 定义字体大小写 205

7.2 文本样式 206

7.2.1 定义文本对齐 207

7.2.2 定义垂直对齐 208

7.2.3 定义字距和词距 211

7.2.4 定义行高 212

7.2.5 定义缩进 214

7.3 案例实战 215

7.3.1 设计英文格式1 216

7.3.2 设计英文格式2 218

7.3.3 设计中文报刊版式 219

7.3.4 设计中文层级版式 222

第8章 设计图像样式 224

8.1 网页中的图像 225

8.2 图像样式 226

8.2.1 定义图像大小 226

8.2.2 定义图像边框 228

8.2.3 定义图像不透明度 231

8.2.4 定义圆角图像 232

8.2.5 定义阴影图像 233

8.2.6 图文混排 236

8.3 综合实战：设计图文新闻内容页 237

8.4 背景图像 241

8.4.1 定义背景图像 241

8.4.2 定义显示方式 244

8.4.3 定义显示位置 247

8.4.4 定义固定背景 252

8.5 综合实战 254

8.5.1 设计博客首页 254

8.5.2 设计社区相册 258

8.5.3 CSS Sprites 263

第9章 设计超链接样式 265

9.1 定义超链接样式 266

9.1.1 认识超链接 266

9.1.2 伪类和伪对象 266

9.1.3 定义链接样式 268

9.2 案例实战 270

9.2.1 定义下划线样式 270

9.2.2 定义立体样式 273

9.2.3 定义动态样式 275

9.2.4 定义图像交换样式 277

9.2.5 定义鼠标样式 279

9.2.6 设计图形化按钮样式 281

9.2.7 设计滑动门样式 283

第10章 设计列表样式 286

10.1 设计列表结构 287

10.1.1 无序列表 287

10.1.2 有序列表 288

10.1.3 定义列表 291

10.2 定义列表样式 292

10.2.1 定义列表类型 293

10.2.2 自定义项目符号 294

10.2.3 用背景图模拟项目符号 295

10.3 列表布局 296

10.3.1 列表堆叠 296

10.3.2 水平布局 299

10.4 案例实战 302

10.4.1 设计背景水平滑动菜单 303

10.4.2 设计背景垂直滑动菜单 304

10.4.3 设计Tab面板菜单 306

10.4.4 设计下拉式面板菜单 309

10.5 设计列表栏目样式 312

10.5.1 案例1：音乐榜单 312

10.5.2 案例2：图文列表栏 314

第11章 设计表格样式 318

11.1 设计表格结构 319

11.1.1 早期表格结构 319

11.1.2 标准表格结构 320

11.2 定义表格基本样式 322

11.2.1 使用表格标签属性 322

11.2.2 设计细线表格 324

11.2.3 定义单元格空隙 324

11.2.4 隐藏空单元格 326

11.3 设计表格特殊样式 327

11.3.1 表格布局特性 327

11.3.2 定义列组和行组样式 329

11.3.3 定义表格标题样式 331

11.3.4 合并单元格 333

11.3.5 表格样式的层叠顺序 333

11.4 案例实战 335

11.4.1 设计单线表格 335

11.4.2 设计层级表格样式 337

11.4.3 设计日历表 340

第12章 设计表单样式 344

12.1 设计表单 345

12.1.1 表单框 345

12.1.2 输入框 346

12.1.3 选择框 350

12.1.4 优化结构 353

12.2 定义表单样式 354

12.2.1 设计文本框 355

12.2.2 设计单选按钮和复选框 358

12.2.3 设计下拉菜单和列表框 361

12.3 案例实战 362

12.3.1 设计用户登录页 362

12.3.2 设计用户注册页 366

12.3.3 设计搜索框 369

第13章 CSS网页布局 372

13.1 网页布局概述 373

13.1.1 认识div和span 373

13.1.2 认识display 373

13.1.3 网页布局分类 376

13.2 CSS盒模型 377

13.2.1 认识盒模型 378

13.2.2 定义边界 379

13.2.3 边界重叠 381

13.2.4 定义边框 382

13.2.5 定义补白 385

13.3 网页布局基本方法 387

13.3.1 定义float 387

13.3.2 使用clear 390

13.3.3 定义position 393

13.3.4 设置层叠顺序 399

13.4 案例实战 401

13.4.1 设计网页居中显示 401

13.4.2 设计定位版三栏页面布局 404

13.4.3 设计多栏高度自适应页面 408

13.4.4 设计负margin页面 410

第14章 CSS兼容技法 412

14.1 认识浏览器 413

14.1.1 浏览器类型 413

14.1.2 浏览器解析模式 414

14.2 基本兼容方法 415

14.2.1 IE条件语句 415

14.2.2 属性过滤器 418

14.2.3 选择器过滤器 419

14.3 案例实战：流动问题与处理 421

14.3.1 标签的默认样式 421

14.3.2 有序列表高度问题 422

14.3.3 列表宽度问题 423

14.3.4 项目符号变异问题 424

14.3.5 列表行双倍高度问题 425

14.3.6 列表项错行问题 426

14.3.7 默认高度问题 427

14.3.8 失控的子标签问题 428

14.3.9 使用背景图代替文本问题 429

14.4 案例实战：浮动问题与处理 430

14.4.1 浮动被流动包含问题 430

14.4.2 高度自适应问题 431

14.4.3 栏目内容被隐藏 432

14.4.4 边界和浮动问题 434

14.4.5 半个像素问题 435

14.4.6 3像素问题 437

14.4.7 多出字符问题 438

14.5 案例实战：定位问题与处理 439

14.5.1 定位参照物的问题 439

14.5.2 定位层叠问题 440

14.5.3 定位丢失问题 442

第15章 JavaScript基础 445

15.1 JavaScript入门 446

15.1.1 网页中的JavaScript 446

15.1.2 使用JavaScript文件 448

15.1.3 JavaScript语法基础 450

15.1.4 认识JavaScript语法特性 452

15.2 常量和变量 456

15.3 表达式和运算符 458

15.4 语句 462

15.4.1 表达式语句和语句块 462

15.4.2 条件语句 462

15.4.3 循环语句 466

15.4.4 跳转语句 469

15.4.5 异常处理语句 470

15.4.6 var语句和function语句 471

15.4.7 with语句和空语句 472

15.5 数据类型和类型转换 473

15.5.1 数值 473

15.5.2 字符串 474

15.5.3 布尔型 475

15.5.4 null和undefined 476

15.5.5 引用型数据 476

15.6 函数 476

15.6.1 定义函数 476

15.6.2 调用函数 477

15.6.3 函数参数 478

15.6.4 函数应用 480

15.6.5 闭包函数 481

15.7 对象 482

15.7.1 创建对象 483

15.7.2 访问对象 483

15.8 数组 484

15.8.1 定义数组 484

15.8.2 存取元素 485

15.8.3 数组应用 487

15.9 案例实战 489

15.9.1 检测数据类型 489

15.9.2 数值计算与类型转换 492

15.9.3 字符串替换 493

15.9.4 增强数组排序 496

15.9.5 使用高阶函数 498

15.9.6 函数柯里化 500

15.9.7 灵活使用this 501

第16章 使用JavaScript操作浏览器和文档 506

16.1 操作浏览器 507

16.1.1 了解浏览器对象模型 507

16.1.2 案例：设计广告弹窗 508

16.1.3 案例：设计人机交互窗口 510

16.1.4 案例：检测浏览器类型和版本 512

16.1.5 案例：获取URL查询字符串信息 513

16.1.6 案例：设计窗口居中显示 515

16.1.7 案例：设计自由弹跳的窗口 516

16.2 操作文档 517

16.2.1 了解文档对象模型 517

16.2.2 认识DOM节点类型 519

16.2.3 案例：遍历文档 520

16.2.4 案例：动态增加文档内容 523

16.3 操作节点 525

16.3.1 获取节点 525

16.3.2 创建节点 529

16.3.3 复制节点 532

16.3.4 插入节点 534

16.3.5 删除节点 537

16.3.6 替换节点 539

16.4 操作属性 541

16.4.1 获取节点属性 541

16.4.2 设置节点属性 542

16.4.3 删除节点属性 543

第17章 JavaScript事件处理 545

17.1 了解事件处理模型 546

17.1.1 事件模型分类 546

17.1.2 事件流 546

17.2 基本事件模型 549

17.2.1 基本事件类型 550

17.2.2 绑定事件 550

17.2.3 事件处理函数的返回值 551

17.2.4 事件处理函数的参数 552

17.2.5 事件处理函数中的this 553

17.3 标准事件模型 554

17.3.1 事件传播 554

17.3.2 注册事件 554

17.3.3 注销事件 556

17.3.4 事件类型 557

17.3.5 Event对象 558

17.4 IE事件模型 559

17.4.1 注册和销毁事件 559

17.4.2 Event对象 561

17.5 事件类型 562

17.5.1 案例：设计鼠标拖放操作 563

17.5.2 案例：设计鼠标跟随特效 565

17.5.3 案例：跟踪鼠标在对象内相对位置 567

17.5.4 案例：设计推箱子游戏 570

17.5.5 案例：设计满屏画布背景 573

17.5.6 案例：自动读取选择文本 575

17.5.7 案例：设计自动跳转下拉菜单 575

17.5.8 案例：禁止表单提交 576

17.6 案例实战 577

17.6.1 设计Tab面板 577

17.6.2 使用事件属性激活Tab行为 579

17.6.3 分离HTML和JavaScript 580

17.6.4 标准化Tab交互行为 582

第18章 使用JavaScript操作CSS样式 584

18.1 脚本化CSS概述 585

18.1.1 了解DHTML 585

18.1.2 CSS脚本化的应用 585

18.1.3 认识CSS脚本属性 586

18.2 操作行内样式 590

18.2.1 CSS脚本属性名规范 590

18.2.2 使用style对象 591

18.3 操作样式表 596

18.3.1 使用styleSheets对象 597

18.3.2 访问样式表中的样式 598

18.3.3 读取样式的选择符 600

18.3.4 编辑样式 601

18.3.5 添加样式 602

18.3.6 访问显示样式 603

18.4 案例实战 606

18.4.1 网页换肤 606

18.4.2 设计折叠面板 610

18.4.3 设计工具提示 611

第19章 使用Ajax 615

19.1 Ajax概述 616

19.1.1 了解Ajax 616

19.1.2 如何学习Ajax 616

19.2 模拟本地服务器环境 617

19.2.1 安装IIS组件 617

19.2.2 定义虚拟目录 618

19.2.3 定义本地站点 620

19.2.4 定义动态站点 622

19.2.5 测试本地站点 625

19.3 使用XMLHttpRequest 626

19.3.1 创建XMLHttpRequest 626

19.3.2 设计测试文件 629

19.3.3 使用XMLHttpRequest发送请求 630

19.3.4 异步回调函数 632

19.3.5 处理响应信息 633

19.4 案例实战 635

19.4.1 Ajax交互提示 635

19.4.2 控制显示记录个数 638

19.4.3 记录集分页显示 642

19.4.4 异步更新Tab面板内容 645

19.4.5 快速匹配搜索 647

第20章 使用jQuery 651

20.1 jQuery概述 652

20.1.1 认识jQuery 652

20.1.2 jQuery特性 652

20.1.3 安装jQuery 653

20.1.4 使用jQuery 655

20.1.5 认识jQuery构造器 656

20.2 jQuery基本用法 659

20.2.1 访问元素 660

20.2.2 读写属性 663

20.2.3 定义类样式 665

20.2.4 读写文本和值 667

20.3 使用选择器和过滤器 670

20.3.1 常用选择器 670

20.3.2 伪类选择器 671

20.3.3 表单选择器 673

20.3.4 过滤器 674

20.4 文档处理 676

20.4.1 插入内容 676

20.4.2 嵌套结构 678

20.4.3 替换结构 680

20.4.4 删除和克隆结构 680

20.5 CSS处理 681

20.5.1 定义样式 681

20.5.2 定义位移 682

20.5.3 定义尺寸 683

20.6 事件处理 683

20.6.1 页面初始化事件 683

20.6.2 绑定事件 684

20.6.3 触发事件 685

20.6.4 交互事件 687

20.6.5 封装事件 688

20.7 动画处理 689

20.7.1 显隐动画 689

20.7.2 滑动动画 689

20.7.3 淡入淡出 690

第21章 综合实战：设计专题网页 691

21.1 设计思路 692

21.2 构建结构 693

21.2.1 定义基本结构 693

21.2.2 完善详细结构 694

21.3 页面布局和样式设计 697

21.3.1 布局思路 697

21.3.2 基本布局和样式 697

21.3.3 浏览器兼容处理 699

21.4 页面动态效果设计 701

21.4.1 动态下拉菜单 702

21.4.2 延迟的下拉菜单 703

21.4.3 自定义折叠面板 704

21.4.4 左右推拉面板 705

第22章 综合实战：设计电子相册 707

22.1 设计思路 708

22.1.1 案例预览 708

22.1.2 案例策划 709

22.1.3 设计XML数据 710

22.2 设计相册结构 711

22.2.1 设计基本结构 711

22.2.2 完善页面结构 712

22.3 设计相册布局和样式 713

22.3.1 基本布局思路 713

22.3.2 定义默认样式和基本框架 714

22.3.3 定义局部样式 715

22.3.4 浏览器兼容性处理 717

22.3.5 设计皮肤 719

22.4 设计交互效果 720

22.4.1 动态更换皮肤 720

22.4.2 使用Spry读取XML数据 721

22.4.3 初始化XML DOM控件 724

22.4.4 读取并显示分类导航信息 724

22.4.5 读取并显示缩略图信息 726

22.4.6 完善鼠标操作的动感效果 727

第23章 综合实战：设计网络记事本 729

23.1 网站策划 730

23.1.1 案例分析 730

23.1.2 功能设计和效果演示 730

23.2 设计思路 733

23.3 设计数据结构 734

23.3.1 网站数据结构概述 734

23.3.2 设计数据表结构 736

23.4 设计网站结构和样式 738

23.4.1 网站结构 738

23.4.2 网站布景 740

23.4.3 表单结构 741

23.4.4 网站布局 742

23.5 基本模块设计 742

23.5.1 连接数据库 743

23.5.2 数据库基本操作 744

23.5.3 用户登录 744

23.5.4 DOM操作 745

23.6 网站初始化 746

23.6.1 生成表单 747

23.6.2 表单初始化 748

23.7 数据操作 750

23.7.1 数据录入 750

23.7.2 数据查询 752

23.8 数据显示 755

23.8.1 设计可编辑行 757

23.8.2 更新数据 762

23.8.3 添加数据 764

23.8.4 删除数据 767

23.8.5 恢复数据 769

23.8.6 显示数据 771

23.8.7 数据显示接口 775

23.8.8 页面初始化 785

第24章 综合实战：设计购物网站 789

24.1 网站策划 790

24.2 设计网站结构 791

24.2.1 定义文件结构 791

24.2.2 定义网页结构 791

24.2.3 设计效果图 792

24.3 设计网站样式 792

24.3.1 网站样式分类 792

24.3.2 编写全局样式 793

24.3.3 编写可重用样式 793

24.3.4 编写网站首页主体布局 797

24.3.5 编写详细页主体布局 806

24.4 设计首页交互行为 809

24.4.1 搜索框文字效果 809

24.4.2 网页换肤 810

24.4.3 导航效果 812

24.4.4 商品分类热销效果 812

24.4.5 产品广告效果 813

24.4.6 超链接提示 814

24.4.7 品牌活动横向滚动效果 816

24.4.8 光标滑过产品列表效果 817

24.5 设计详细页交互行为 818

24.5.1 图片放大镜效果 818

24.5.2 图片遮罩效果 819

24.5.3 小图切换大图 820

24.5.4 选项卡 821

24.5.5 产品颜色切换 823

24.5.6 产品尺寸切换 824

24.5.7 产品数量和价格联动 824

24.5.8 产品评分的效果 825

24.5.9 放入购物车效果 825

24.6 小结 827