Web前端工程师修炼之道（原书第四版）

Web前端工程师修炼之道（原书第四版）
作　者： Jennifer Niederst Robbins 著； 谢合亮，张晶，靳志伟 译
出版时间：2014
丛编项： O‘Reilly精品图书系列
内容简介
　　你是否也曾想过自己创建网页，但却苦于没有经验？那么从现在开始学习吧！本书由浅入深地讲解了Web设计的一些重要概念、基本原理，以及HTML、CSS和JavaScript的具体使用方法与技巧。当你读完本书后，将会掌握创建适用于移动设备的多列页面的技巧。《Web前端工程师修炼之道（原书第4版）》将帮助你学习如何使用最新技术、最佳实践经验，以及当今的Web标准，其中包括HTML5和CSS3。每章都提供一些练习和小测验，帮助你了解不同的技术，巩固你对重要概念的理解。作者对本版内容做了全面更新和修订，涵盖Web前端开发所需的一切，无论是初学者，还是想提高已有技能的专业开发人员，本书都是理想的选择。《Web前端工程师修炼之道（原书第4版）》主要内容：■使用文本、链接、图像、表格和表单来创建HTML页面■使用CSS调整颜色、背景、格式化文本、页面布局，甚至是实现简单的动画效果■学习新的HTML5元素、API和CSS3属性——它们改变了Web页面处理方式■创建响应式Web设计，使得页面可以在移动设备上得到良好显示■学习JavaScript的工作原理及其在Web设计中的重要性■创建并优化Web图像，加快图像下载速度全书分5部分共22章。第一部分从HTML基本知识讲起，首先让读者快速掌握常见的HTML标记，之后重点介绍了HTML表格与表单。第二部分介绍了HTML定义、标记语言，以及如何给网页添加图片、链接、表单等基本内容。第三部分涉及网页制作的高级部分，包括层叠样式表、格式文本、颜色和背景、边框和边距、浮动和定位、CSS页面布局、变换和动画、CSS技术等高级话题。第四部分介绍了JavaScript技术，从最基础的程序语法开始，使读者能很快地融入到编程的环境中。利用JavaScript做出常用的网页动态效果。第五部分介绍了网页图形制作，包括Web图形制作的基础知识。
目录
前言 1
第一部分 开始起步
第1章 我从哪里开始 9
我该从哪里开始呢 10
Web设计师是做什么的 10
我需要学习哪些语言 16
我需要购买些什么 19
你学会了什么 24
自我测验 25
第2章 Web是如何工作的 27
互联网与Web 27
提供你的信息 27
关于浏览器 29
网页地址（URL） 30
网页结构 32
小结 36
自我测验 38
第3章 Web设计基本概念 39
眼花缭乱的设备 40
与标准一致 41
逐步提高 42
自适应Web设计 43
可访问性——所有用户，一个网站 46
连接速度的要求（站点性能） 48
自我测验 50
第二部分 HTML结构化标记
第4章 创建简单网页（HTML概述） 53
一个网页，一步一步来 53
开始之前，启动文本编辑器 54
第1步：从内容开始 57
第2步：文档结构化 59
第3步：确定文本元素 62
第4步：添加图像 65
第5步：使用样式表改变外观 68
当网页出错时 69
验证你的文档 70
自我测验 71
元素回顾：文档结构 72
第5章 标记文本 73
段落 74
标题 74
列表 77
更多内容元素 80
组织网页内容 83
内联元素综述 88
泛型元素（div和span） 99
特殊字符 103
小结 104
自我测验 106
元素回顾：文本 107
第6章 添加链接 109
href特性 110
链接到Web上的网页 111
站内链接 112
以新浏览器窗口为目标 122
邮件链接 123
电话链接 124
自我测验 125
元素回顾：链接 126
第7章 添加图片 127
首先，关于图片格式的信息 127
img元素 128
窗口中的窗口 134
自我测验 135
元素回顾：图片 135
第8章 表格标记 137
如何使用表格 137
最小表结构 139
表头 142
合并单元格 143
表格可达性 146
小结 148
自我测验 150
元素回顾：表格 150
第9章 表单 151
表单如何工作 151
表单元素 153
变量和内容 155
重要表单控件综述 156
表格的可访问性 175
表单布局和设计 177
自我测验 179
元素回顾：表单 180
第10章 HTML 5 185
在通往XHTML 2的路上发生的有趣的事 186
标记部分 188
遇到API 193
视频与音频 195
canvas 202
小结 205
自我检测 206
第三部分 表现层的CSS
第11章 CSS入门 211
CSS的益处 211
样式表如何工作 213
大概念 218
继续使用CSS 224
自我测验 226
第12章 格式化文本（使用更多选择器） 229
字体属性 229
改变文本颜色 246
更多选择器类型 247
字行设置 253
下划线和其他的“修饰” 256
改变字母大写 256
空格 257
文本阴影 258
改变列表的数字编号 263
自我测验 265
CSS回顾：字体和文本属性 267
第13章 颜色和背景（附加更多选择器和外部样式表） 269
指定颜色值 269
前景色 276
背景色 277
使用不透明度 278
伪类选择器简介 279
伪元素选择器 282
属性选择器 284
背景图像 287
快捷背景属性 296
像彩虹一样（渐变） 299
最后，外部样式表 303
自我测验 306
CSS回顾：色彩和背景属性 307
第14章 盒子思想（填充、边框和空白边） 309
元素盒子 309
指定盒子尺寸 310
填充 316
边框 320
空白边 332
分配显示角色 337
给盒子添加阴影 338
自我测验 340
CSS回顾：基本盒子属性 342
第15章 浮动与定位 345
普通流 345
浮动 346
定位基础 360
相对定位 361
绝对定位 362
固定定位 372
自我测验 373
CSS回顾：浮动和定位属性 374
第16章 使用CSS进行网页布局 375
网页布局策略 375
网页布局技术 382
使用浮动元素的多栏布局 382
定位布局 394
自上而下的栏目背景 397
自我测验 400
第17章 过渡、变换和动画 401
很容易做到（CSS过渡） 401
CSS变换 412
关键帧动画 422
自我测验 425
CSS回顾：过渡、变换和动画 427
第18章 CSS技术 429
一个干净的石板（CSS重置） 429
图像代替技术 431
CSS sprite 432
样式化表单 436
样式化表格 442
简单的自适应Web设计 445
小结 456
自我测验 456
CSS回顾：表格属性 458
第四部分 JavaScript行为
第19章 JavaScript简介 461
什么是JavaScript 461
给网页添加JavaScript 464
脚本剖析 465
浏览器对象 478
事件 478
综合应用 481
自我测验 483
第20章 使用JavaScript 485
遇见DOM 485
polyfills 493
JavaScript库 497
小结 501
自我测验 502
第五部分 创建Web图像
第21章 Web图像基础 505
图像来源 505
格式简介 508
图像尺寸和分辨率 520
使用透明度 524
SVG简介 531
小结 536
自我测验 536
第22章 精简Web图像 539
通用图像优化策略 539
优化GIF图像 541
优化JPEG图像 544
优化PNG图像 550
优化到指定大小 551
小结 552
自我测验 552
附录A 答案 555
附录B CSS3选择器 583