编辑推荐
全球销量逾百万册的系列图书;
连续十余年打造的经典;
直观、循序渐进的学习教程;
掌握关键知识的起点;
“Read Less,Do More”(精读多练)的教学理念;
以示例引导读者完成常见的任务;
每章内容针对初学者精心设计,1小时轻松阅读学习,24小时彻底掌握关键知识;
每章案例与练习题助你轻松完成常见任务;
通过实践提高应用技能,巩固所学知识。
循序渐进的示例引导读者完成常见的Web开发任务。
问与答、测验和练习帮助读者检验知识的掌握情况。
“注意”、“提示”和“警告”指出捷径和解决方案。
通过阅读本书,读者将学会如何使用HTML、CSS和JavaScript来设计、创建和维护网站。本书借助于大量清晰的讲解和实用的动手示例,采用直观、循序渐进的方法,向读者讲解使用HTML创建站点框架,使用CSS设计网站布局和样式,以及使用JavaScript和jQuery添加交互性的方法。本书每章内容都建立在已学的知识之上,以确保读者从零起步掌握相关知识。
学习如何:
创建自己的网站并立即将其上线;
格式化文本,以保证其清晰度和可读性;
创建去往其他页面和站点的链接;
在页面中添加图片、颜色和视觉魅力;
处理透明图像和背景图像;
使用CSS设计站点的布局和样式;
使用Web表单接收用户输入;
使用JavaScript创建动态、可交互的页面;
在页面上添加AJAX效果;
使用类似于jQuery的JavaScript库;
使网站易于维护和升级。
读者可通过下载本书所有的源代码。
内容简介
《HTML、CSS和JavaScript入门经典》(第2版)采用直观的、逐步深入的方法介绍如何使用HTML、CSS(Cascading Style Sheet,层叠样式表)和JavaScript设计、创建和维护网站,并且提供了清晰的指导。
《HTML、CSS和JavaScript入门经典》(第2版)信息丰富,涵盖了HTML、CSS和JavaScript的基础知识和高级应用,还介绍了如何组织和管理网站以及帮助人们找到你的Web页面的知识。在每一章末尾还配有相应的问答题和作业,可以帮助你检验所学的知识。
《HTML、CSS和JavaScript入门经典》(第2版)示例丰富,操作步骤简洁、明了,非常适合于从事Web设计和网站开发的初学者阅读,对于有一定经验的读者,也有很大的参考价值。
作者简介
Julie C. Meloni是一位居住在华盛顿特区的软件开发经理和技术顾问。她编写过多本图书和若干篇文章,它们是关于基于Web的程序设计语言和数据库主题的,包括畅销书Sams Teach Yourself PHP, MySQL and Apache All in One。
目录
第1章 理解Web的工作方式 1
1.1 HTML和WWW简史 2
1.2 创建Web内容 2
1.3 理解Web内容递送 3
1.4 选择Web托管提供商 5
1.5 利用多种Web浏览器执行
测试 6
1.6 创建一个示例文件 7
1.7 使用FTP传输文件 8
1.7.1 选择FTP客户端 8
1.7.2 使用FTP客户端 9
1.8 了解在Web服务器上放置
文件的位置 11
1.8.1 基本的文件管理 11
1.8.2 使用索引页面 13
1.9 在不涉及Web服务器的情况
下分发内容 13
1.9.1 在本地发布内容 14
1.9.2 在博客上发布内容 14
1.10 关于测试Web内容的提示 14
1.11 小结 15
1.12 问与答 16
1.13 测验 16
1.13.1 问题 16
1.13.2 答案 17
1.13.3 练习 17
1.1 欢迎进入i第2章 构造HTML文档 18
2.1 准备工作 19
2.2 从一个简单的Web页面
开始 19
2.3 每个Web页面都必须具有
的HTML标签 23
2.4 利用段落和换行符组织页面 24
2.5 利用标题组织内容 26
2.6 理解语义元素 29
2.7 以多种方式使用
元素 33
2.8 理解元素 34
2.9 使用元素 36
2.10 实现元素 36
2.11 何时使用元素 37
2.12 有效地使用元素 38
2.13 小结 39
2.14 问与答 40
2.15 测验 41
2.15.1 问题 41
2.15.2 答案 41
2.15.3 练习 42
第3章 理解层叠样式表 43
3.1 CSS的工作方式 44
3.2 基本的样式表 45
3.3 CSS样式的基础知识 49
3.3.1 基本的布局属性 50
3.3.2 基本的格式化属性 51
3.4 使用样式类 53
3.5 使用样式ID 55
3.6 内部样式表和内联样式 56
3.7 小结 58
3.8 问与答 59
3.9 测验 59
3.9.1 问题 59
3.9.2 答案 60
3.9.3 练习 60
第4章 理解JavaScript 61
4.1 学习Web脚本编程的
基础知识 62
4.1.1 脚本和程序 62
4.1.2 JavaScript简介 62
4.2 JavaScript如何适应
Web页面 63
4.2.1 使用单独的JavaScript文件 64
4.2.2 理解JavaScript事件 65
4.3 探索JavaScript的能力 65
4.3.1 改进导航 65
4.3.2 验证表单 66
4.3.3 特殊效果 66
4.3.4 远程脚本调用(AJAX) 66
4.4 利用JavaScript显示时间 66
4.4.1 在变量中存储数据 67
4.4.2 计算结果 68
4.4.3 创建输出 68
4.4.4 向Web页面中添加脚本 68
4.5 测试脚本 70
4.5.1 修改脚本 70
4.5.2 处理JavaScript错误 72
4.6 小结 73
4.7 问与答 73
4.8 作业 74
4.8.1 测验 74
4.8.2 答案 75
4.8.3 练习 75
第5章 验证和调试代码 76
5.1 验证Web内容 76
5.2 使用Developer Tools调试
HTML和CSS 78
5.2.1 使用检查器调试HTML 80
5.2.2 使用检查器调试CSS 84
5.3 使用Developer Tools调试
JavaScript代码 88
5.4 小结 93
5.5 问与答 93
5.6 作业 93
5.6.1 测验 93
5.6.2 答案 94
5.6.3 练习 94
第6章 处理字体、文本块、列表
和表格 95
6.1 处理特殊字符 96
6.2 粗体、斜体和特殊的文本
格式化 99
6.3 调整字体 102
6.4 使用Web字体 106
6.5 在页面上对齐文本 108
6.5.1 使用属性 108
6.5.2 对齐块级元素 108
6.6 三类HTML列表 110
6.7 在列表内放置列表 112
6.8 创建一个简单的表格 117
6.9 控制表格大小 121
6.10 表格内的对齐和跨越 123
6.11 利用表格进行页面布局 126
6.12 使用CSS栏 127
6.13 小结 130
6.14 问与答 132
6.15 测验 132
6.15.1 问题 132
6.15.2 答案 133
6.15.3 练习 133
第7章 使用外部链接和内部链接 135
7.1 使用Web地址 135
7.2 使用锚在页面内链接 138
7.2.1 利用锚标识页面中的位置 138
7.2.2 链接到锚位置 138
7.3 在自己的Web内容之间
创建链接 141
7.4 链接到外部Web内容 144
7.5 链接到电子邮件地址 144
7.6 在新的浏览器窗口中
打开链接 146
7.7 使用CSS编排超链接
的样式 146
7.8 小结 150
7.9 问与答 150
7.10 测验 151
7.10.1 问题 151
7.10.2 答案 151
7.10.3 练习 152
第8章 处理颜色、图像和多媒体 153
8.1 选择颜色的最佳实践 154
8.2 理解Web颜色 155
8.3 使用十六进制的颜色值 157
8.4 使用CSS设置背景、文本和
边框颜色 158
8.5 选择图形软件 160
8.6 关于图形需要知道的
最少知识 161
8.7 准备照片图像 162
8.7.1 裁剪图像 163
8.7.2 调整图像大小 164
8.7.3 调整图像颜色 165
8.7.4 控制JPEG压缩 166
8.8 创建横幅和按钮 167
8.9 减少或删除图像中的颜色 168
8.10 创建拼贴式背景图像 169
8.11 创建动画式Web图形 170
8.12 在Web页面上放置图像 171
8.13 利用文本描述图像 174
8.14 指定图像的高度和宽度 174
8.15 对齐图像 175
8.15.1 水平图像对齐 175
8.15.2 垂直图像对齐 177
8.16 把图像转变成链接 179
8.17 使用背景图像 181
8.18 使用图像映射 182
8.18.1 为什么图像映射并非总是
必要的 183
8.18.2 映射图像内的区域 184
8.18.3 为图像映射创建HTML
代码 184
8.19 链接到多媒体文件 186
8.20 嵌入多媒体文件 190
8.21 为音频和视频播放使用
纯HTML5代码 192
8.22 关于使用多媒体的额外提示 195
8.23 小结 196
8.24 问与答 199
8.25 测验 199
8.25.1 问题 200
8.25.2 答案 200
8.25.3 练习 200
第9章 处理边距、填充、对齐和浮动 202
9.1 使用边距 202
9.2 填充元素 209
9.3 使所有的一切保持对齐 212
9.4 理解float属性 212
9.5 小结 215
9.6 问与答 215
9.7 测验 215
9.7.1 问题 215
9.7.2 答案 216
9.7.3 练习 216
第10章 理解CSS方框模型和定位 217
10.1 CSS方框模型 217
10.2 关于定位的独家新闻 220
10.3 控制元素的堆叠方式 224
10.4 管理文本流 226
10.5 小结 226
10.6 问与答 227
10.7 测验 227
10.7.1 问题 227
10.7.2 答案 227
10.7.3 练习 228
1.1 欢迎进入ios平台第11章 使用CSS进一步处理列表、
文本和导航 229
11.1 HTML列表复习 230
11.2 CSS方框模型如何影响
列表 230
11.3 放置列表项指示符 233
11.4 利用列表项和CSS创建
图像映射 234
11.5 导航列表与常规的列表有
何区别 237
11.6 利用CSS创建垂直导航
系统 238
11.6.1 编排单级垂直导航
系统的样式 240
11.6.2 编排多级垂直导航
系统的样式 242
11.7 利用CSS创建水平
导航系统 246
11.8 小结 249
11.9 问与答 250
11.10 测验 250
11.10.1 问题 251
11.10.2 答案 251
11.10.3 练习 251
第12章 创建固定布局或流动布局 252
12.1 理解固定布局 253
12.2 理解流动布局 254
12.3 创建固定/流动混合布局 256
12.3.1 从基本的布局结构开始 256
12.3.2 在固定/流动混合布局中
定义两栏 258
12.3.3 设置布局的最小宽度 260
12.3.4 在固定/流动混合布局中
处理栏高度 260
12.4 考虑响应性Web设计 265
12.5 小结 266
12.6 问与答 266
12.7 测验 267
12.7.1 问题 267
12.7.2 答案 267
12.7.3 练习 267
1.1 欢迎进入ios平第13章 理解动态Web站点和HTML5
应用程序 268
13.1 理解不同类型的脚本 268
13.2 在HTML中包括JavaScript
代码 269
13.3 显示随机内容 271
13.4 理解文档对象模型 275
13.5 基于用户交互更改图像 275
13.6 提前考虑开发HTML5应用
程序 277
13.7 小结 278
13.8 问与答 278
13.9 测验 278
13.9.1 问题 279
13.9.2 答案 279
13.9.3 练习 279
第14章 初识JavaScript程序设计 280
14.1 基本概念 280
14.1.1 语句 280
14.1.2 把任务与函数相结合 281
14.1.3 变量 282
14.1.4 了解对象 282
14.1.5 条件语句 283
14.1.6 循环语句 283
14.1.7 事件处理程序 283
14.1.8 首先运行哪个脚本 285
14.2 JavaScript语法规则 286
14.2.1 大小写敏感性 286
14.2.2 变量、对象和函数名称 286
14.2.3 保留字 286
14.2.4 空白 286
14.3 使用注释 287
14.4 关于JavaScript的最佳
实践 287
14.5 理解JSON 288
14.6 小结 289
14.7 问与答 289
14.8 作业 289
14.8.1 测验 289
14.8.2 答案 290
14.8.3 练习 290
第15章 使用文档对象模型(DOM) 291
15.1 了解文档对象模型 291
15.2 使用window对象 292
15.3 处理document对象 292
15.3.1 获取关于文档的信息 293
15.3.2 在文档中编写文本 294
15.3.3 使用链接和锚 295
15.4 访问浏览器的历史记录 295
15.5 使用location对象 297
15.6 关于DOM结构的更多
知识 298
15.6.1 节点 299
15.6.2 父对象与子对象 299
15.6.3 兄弟对象 300
15.7 处理DOM节点 300
15.7.1 基本的节点属性 300
15.7.2 节点的关系属性 301
15.7.3 文档方法 301
15.7.4 节点方法 301
15.8 创建可定位的元素
(图层) 302
15.9 隐藏和显示对象 306
15.10 修改页面内的文本 308
15.11 向页面中添加文本 309
15.12 小结 311
15.13 问与答 311
15.14 作业 311
15.14.1 测验 311
15.14.2 答案 312
15.14.3 练习 312
第16章 使用JavaScript变量、字符串
和数组 314
16.1 使用变量 314
16.1.1 选择变量名 315
16.1.2 使用局部变量和全局变量 315
16.1.3 给变量赋值 316
16.2 了解表达式和运算符 317
16.2.1 使用JavaScript运算符 317
16.2.2 运算符优先级 318
16.3 JavaScript中的数据类型 319
16.4 在数据类型之间转换 320
16.5 使用String对象 320
16.5.1 创建String对象 321
16.5.2 赋值 321
16.5.3 计算字符串的长度 322
16.5.4 转换字符串的大小写 323
16.6 处理子串 323
16.6.1 使用字符串的一部分 324
16.6.2 获取单个字符 324
16.6.3 查找子串 325
16.7 使用数值型数组 325
16.7.1 创建数值型数组 325
16.7.2 了解数组长度 326
16.7.3 访问数组元素 327
16.8 使用字符串数组 327
16.8.1 创建字符串数组 327
16.8.2 拆分字符串 328
16.8.3 对字符串数组进行排序 328
16.9 对数值型数组进行排序 328
16.10 小结 331
16.11 问与答 331
16.12 作业 332
16.12.1 测验 332
16.12.2 答案 333
16.12.3 练习 333
1.1 欢迎进入ios平第17章 使用JavaScript函数和
对象 334
17.1 使用函数 334
17.1.1 定义函数 335
17.1.2 调用函数 336
17.1.3 返回值 338
17.2 介绍对象 339
17.2.1 创建对象 340
17.2.2 了解方法 340
17.3 使用对象简化脚本编程 341
17.3.1 定义对象 341
17.3.2 定义对象的方法 342
17.3.3 创建对象的实例 343
17.4 扩展内置对象 345
17.5 使用Math对象 347
17.5.1 四舍五入和截尾 347
17.5.2 生成随机数 348
17.5.3 其他Math方法 348
17.6 使用Math方法 348
17.7 处理日期 350
17.7.1 创建Date对象 351
17.7.2 设置Date值 351
17.7.3 读取Date值 351
17.7.4 处理时区 352
17.7.5 在日期格式之间转换 352
17.8 小结 353
17.9 问与答 353
17.10 作业 353
17.10.1 测验 353
17.10.2 答案 354
17.10.3 练习 354
第18章 利用条件和循环控制流程 355
18.1 if语句 356
18.1.1 条件运算符 356
18.1.2 利用逻辑运算符把条件
结合起来 357
18.1.3 else关键字 358
18.2 使用简写的条件表达式 359
18.3 利用if和else测试多个
条件 359
18.3.1 HTML文件 360
18.3.2 JavaScript文件 361
18.4 利用switch使用多个
条件 362
18.5 使用for循环 363
18.6 使用while循环 365
18.7 使用do...while循环 366
18.8 使用循环 366
18.8.1 创建无限循环 367
18.8.2 退出循环 367
18.8.3 继续执行循环 368
18.9 遍历对象属性 368
18.10 小结 371
18.11 问与答 371
18.12 作业 372
18.12.1 测验 372
18.12.2 答案 373
18.12.3 练习 373
1.1 欢迎进入ios平台第19章 响应事件 374
19.1 了解事件处理程序 374
19.1.1 对象和事件 375
19.1.2 创建事件处理程序 375
19.1.3 利用JavaScript定义事件
处理程序 376
19.1.4 支持多个事件处理程序 376
19.1.5 使用event对象 377
19.2 使用鼠标事件 378
19.2.1 移入和移出 379
19.2.2 按下和释放(以及单击) 379
19.3 使用键盘事件 382
19.4 使用onload和onunload
事件 384
19.5 使用onclick更改的
外观 385
19.6 小结 391
19.7 问与答 391
19.8 作业 391
19.8.1 测验 391
19.8.2 答案 392
19.8.3 练习 392
第20章 使用窗口 393
20.1 利用对象控制窗口 393
20.1.1 window对象的属性 393
20.1.2 创建新窗口 394
20.1.3 打开和关闭窗口 395
20.2 移动和调整窗口 397
20.3 使用定时器 398
20.4 显示对话框 400
20.5 小结 402
20.6 问与答 402
20.7 作业 402
20.7.1 测验 403
20.7.2 答案 403
20.7.3 练习 403
1.1 欢迎进入i第21章 JavaScript最佳实践 404
21.1 脚本编程的最佳实践 404
21.1.1 不要过度使用JavaScript 405
21.1.2 内容、表示和行为 405
21.1.3 优雅降级 406
21.1.4 渐进增强 407
21.1.5 添加事件处理程序 407
21.1.6 Web标准:避免特定于浏览器 409
21.1.7 很好地处理错误 409
21.1.8 注解代码 410
21.1.9 有用性 411
21.1.10 可访问性 412
21.1.11 设计模式 412
21.1.12 尽可能地重用代码 412
21.2 读取浏览器信息 413
21.2.1 显示浏览器信息 414
21.2.2 应对不诚实的浏览器 415
21.3 跨浏览器的脚本编程 416
21.3.1 特性检测 416
21.3.2 应对浏览器的怪癖 417
21.4 支持未启用JavaScript的
浏览器 418
21.4.1使用标签 418
21.4.2保持JavaScript是可选的 419
21.4.3避免错误 419
21.5 小结 423
21.6 问与答 423
21.7 作业 423
21.7.1 测验 423
21.7.2 答案 424
21.7.3 练习 424
第22章 使用第三方库和框架 425
22.1 使用第三方JavaScript库 425
22.1.1 jQuery 426
22.1.2 Prototype 428
22.1.3 Script.aculo.us 428
22.1.4 其他流行的JavaScript库 429
22.2 使用第三方库添加JavaScript
特效 429
22.3 使用JavaScript框架 432
22.4 小结 433
22.5 问与答 434
22.6 作业 434
22.6.1 测验 434
22.6.2 答案 435
22.6.3 练习 435
第23章 详细探讨jQuery 436
23.1 准备使用jQuery 436
23.2 熟悉$(document).ready处理
程序 437
23.3 选择DOM和CSS内容 439
23.4 操作HTML内容 439
23.4.1 显示和隐藏元素 441
23.4.2 制作元素的动画 442
23.5 结合使用各种方法来创建
jQuery动画 443
23.6 利用jQuery处理事件 446
23.7 小结 447
23.8 问与答 448
23.9 作业 448
23.9.1 测验 448
23.9.2 答案 449
23.9.3 练习 449
1.1 欢迎进入ios平台第24章 利用jQuery UI创建丰富交互
的先期步骤 450
24.1 准备使用jQuery UI 450
24.2 使用jQuery UI中的
选择器 451
24.3 利用jQuery UI定位UI
元素 452
24.4 应用jQuery UI特效 456
24.5 把jQuery UI构件用于高级
交互 463
24.5.1 理解鼠标交互构件 464
24.5.2 实现可拖动的项目 464
24.6 接下来何去何从 472
24.7 小结 473
24.8 问与答 473
24.9 作业 474
24.9.1 测验 474
24.9.2 答案 474
24.9.3 练习 474
第25章 AJAX:远程脚本编程 475
25.1 AJAX简介 475
25.1.1 JavaScript客户(前端) 476
25.1.2 服务器端脚本(后端) 476
25.1.3 XML 477
25.1.4 流行的AJAX示例 477
25.2 使用XMLHttpRequest 478
25.2.1 创建请求 478
25.2.2 打开URL 478
25.2.3 发送请求 478
25.2.4 等待响应 479
25.2.5 解释响应数据 479
25.3 创建简单的AJAX库 479
25.3.1 ajaxRequest函数 480
25.3.2 ajaxResponse函数 480
25.3.3 使用库 481
25.4 使用库创建AJAX测验 481
25.4.1 HTML文件 481
25.4.2 XML文件 482
25.4.3 JavaScript文件 483
25.4.4 测试示例 484
25.5 调试基于AJAX的应用
程序 485
25.6 将jQuery的内置函数
用于AJAX 490
25.7 小结 491
25.8 问与答 491
25.9 作业 492
25.9.1 测验 492
25.9.2 答案 492
25.9.3 练习 492
第26章 处理基于Web的表单 493
26.1 HTML表单的工作方式 494
26.2 创建表单 494
26.3 接受文本输入 499
26.4 命名各种表单数据 500
26.5 标记各种表单数据 501
26.6 组合表单元素 502
26.7 探索表单输入控件 503
26.7.1 复选框 503
26.7.2 单选按钮 505
26.7.3 选择列表 506
26.7.4 文本框、文本区及其他
输入类型 508
26.8 使用HTML5表单验证 509
26.9 提交表单数据 512
26.10 利用JavaScript访问表单
元素 513
26.11 显示来自表单的数据 513
26.12 小结 515
26.13 问与答 517
26.14 作业 517
26.14.1 测验 517
26.14.2 答案 517
26.14.3 练习 518
1.1 欢迎进入ios平台第27章 组织和管理Web站点 519
27.1 当一个页面就足够时 520
27.2 组织简单的站点 521
27.3 组织较大的站点 524
27.4 编写易于维护的代码 526
27.4.1 利用注释给代码加注解 527
27.4.2 缩进代码以使之清晰 528
27.5 考虑版本控制 529
27.6 使用HTML和CSS框架 530
27.7 小结 531
27.8 问与答 531
27.9 作业 532
27.9.1 测验 532
27.9.2 答案 532
27.9.3 练习 532