本书内容包括：使用文本、链接、图像、表格和表单来构建HTML页面；使用CSS调整颜色、背景、页面布局以及格式化文本，甚至是实现简单的动画效果；学习JavaScript的工作原理及其在Web设计中的重要性；创建并优化Web图像，加快图像下载速度。
这书是一本完整的Web 设计和制作的入门指南。全书716页，详解WEB前端基础知识，如HTML、CSS、JavaScript、Web图像制作等等，带领读者学习网站开发的全过程。无论你是一名初学者还是想进一步提高自己的网页设计技能，本书都能为你提供极具参考性的信息。
Jennifer Niederst Robbins 资深Web设计师，有25年行业经验，在Web设计方面有独到的见解与认识，全球第一个商业Web网站——O’Reilly的“全球网络导航器”（Global Network Navigator，GNN）的设计者。她是Artifact Conference的创始人和组织者，该会议致力于解决与移动Web设计相关的问题。她是全美广受欢迎的会议演讲者，著有Web Design in a Nutshell和HTML5 Pocket Reference。
【第一部分 开始起步7】
从哪里开始9
它需要一个团队（网站创建角色）10
为Web设计做准备19
你学会了什么25
自我测验25
互联网与Web26
提供你的信息27
关于浏览器27
网页地址（URL）29
网页结构31
小结36
自我测验37
各种设备40
与标准一致41
逐步提高42
自适应Web设计43
可访问性：所有用户一个网站46
网站性能：连接速度的要求48
自我测验50
【第二部分 HTML结构53】
创建网页的步骤55
启动文本编辑器56
第1步：从内容开始58
第2步：HTML文档结构化61
第3步：确定文本元素64
第4步：添加图像67
第5步：使用样式表改变外观70
当网页出错时72
验证你的文档73
自我测验74
元素回顾：HTML文档结构75
段落76
标题77
主题中断78
列表79
更多内容元素82
组织网页内容85
内联元素综述91
泛型元素div和span100
使用ARIA提高可访问性104
字符转义107
小结109
自我测验112
元素回顾：文本元素112
href属性115
链接到Web上的网页117
站内链接118
以新浏览器窗口为目标127
邮件链接129
电话链接129
自我测验130
元素回顾：链接131
图像格式简介133
img元素134
添加SVG图像139
自适应图像标记146
小结158
自我测验158
元素回顾：图像159
如何使用表格161
最小表结构162
表头165
合并单元格165
表格可访问性166
行和列组168
小结170
自我测验172
元素回顾：表格172
表单如何工作174
表单元素176
变量和内容178
重要表单控件综述179
表单可访问性功能197
表单布局和设计201
自我测验202
元素回顾：表单203
窗口中的窗口207
多用途嵌入器209
视频和音频210
画布219
自我测验223
元素回顾：嵌入式媒体223
【第三部分 表现层的CSS227】
CSS的优点229
样式表如何工作231
大概念235
CSS计量单位241
开发者工具就在浏览器中244
继续使用CSS246
自我测验247
基本字体属性249
使用CSS3的高级排版功能265
改变文本颜色267
更多选择器类型268
文本行设置274
下划线和其他“修饰”277
改变字母大小写278
空格279
文本阴影280
改变列表的数字编号284
自我测验286
CSS回顾：字体和文本属性288
指定颜色值290
前景色297
背景色298
裁剪背景299
使用不透明度300
伪类选择器301
伪元素选择器306
属性选择器308
背景图像309
快捷背景属性323
渐变327
外部样式表334
小结339
自我测验339
CSS回顾：色彩和背景属性341
元素盒子342
指定盒子尺寸343
填充348
边框352
空白边362
分配显示类型365
盒子阴影368
自我测验369
CSS回顾：盒子属性369
普通流372
浮动373
用CSS形状进行精美文本环绕383
定位基础390
相对定位391
绝对定位392
固定定位400
自我测验401
CSS回顾：浮动和定位属性402
-
第16章 使用Flexbox和网格进行CSS布局403
使用CSS Flexbox的灵活盒子403
CSS网格布局432
自我测验463
CSS回顾：布局属性466
为什么要使用RWD470
自适应秘诀470
选择断点477
自适应设计481
关于测试492
更多的RWD资源494
自我测验495
CSS过渡497
CSS变换507
关键帧动画515
小结520
自我测验521
CSS回顾：过渡、变换和动画522
对表单设置样式524
对表格设置样式527
重置和Normalize.css530
图像替换技术532
CSS Sprite533
CSS特性检测535
小结539
自我测验539
CSS回顾：表格属性541
熟悉命令行542
CSS的强大工具：处理器546
构建工具：Grunt和Gulp552
使用Git和Github进行版本控制554
小结560
自我测验561
【第四部分 JavaScript行为563】
关于JavaScript565
给网页添加JavaScript568
脚本剖析569
浏览器对象582
事件582
综合应用584
学习更多关于JavaScript的知识585
自我测验588
DOM简介589
polyfill597
JavaScript库599
小结603
自我测验603
【第五部分 Web图像605】
图像来源607
格式简介610
图像尺寸和分辨率620
图像资产策略623
favicon627
小结630
自我测验630
将图像保存为Web格式632
使用透明度637
自适应图像制作技巧640
图像优化650
自我测验660
使用XML绘图663
SVG作为XML的特性670
SVG工具675
SVG制作技巧677
自适应SVG681
SVG的进一步探索687
自我测验687
我们学完了688
【第六部分 附录689】
附录A 自我测验答案691
附录B HTML5全局属性705
附录C CSS选择器的第3级和第4级707
附录D 从HTML 到HTML5710
书单推荐
