全书分5部分共22章。第一部分从HTML基本知识讲起，首先让读者快速掌握常见的HTML标记，之后重点介绍了HTML表格与表单。第二部分介绍了HTML定义、标记语言，以及如何给网页添加图片、链接、表单等基本内容。第三部分涉及网页制作的高级部分，包括层叠样式表、格式文本、颜色和背景、边框和边距、浮动和定位、CSS页面布局、变换和动画、CSS技术等高级话题。第四部分介绍了JavaScript技术，从最基础的程序语法开始，使读者能很快地融入到编程的环境中。利用JavaScript做出常用的网页动态效果。第五部分介绍了网页图形制作，包括Web图形制作的基础知识。

你是否也曾想过自己创建网页，但却苦于没有经验？那么从现在开始学习吧！本书由浅入深地讲解了Web设计的一些重要概念、基本原理，以及HTML、CSS和JavaScript的具体使用方法与技巧。当你读完本书后，将会掌握创建适用于移动设备的多列页面的技巧。
本书将帮助你学习如何使用最新技术、最佳实践经验，以及当今的Web标准，其中包括HTML5和CSS3。每章都提供一些练习和小测验，帮助你了解不同的技术，巩固你对重要概念的理解。
作者对本版内容做了全面更新和修订，涵盖Web前端开发所需的一切，无论是初学者，还是想提高已有技能的专业开发人员，本书都是理想的选择。

本书主要内容：
■ 使用文本、链接、图像、表格和表单来创建HTML页面
■ 使用CSS调整颜色、背景、格式化文本、页面布局，甚至是实现简单的动画效果
■ 学习新的HTML5元素、API和CSS3属性——它们改变了Web页面处理方式
■ 创建响应式Web设计，使得页面可以在移动设备上得到良好显示
■ 学习JavaScript的工作原理及其在Web设计中的重要性
■ 创建并优化Web图像，加快图像下载速度

作者简介
Jennifer Niederst Robbins 资深Web设计师、信息架构师，从事Web设计20余年，在Web设计方面有独到的见解与认识。她于1993年设计了全球第一个商业网站——O’Reilly全球网络导航器（O’Reilly Global Network Navigator，GNN）。她曾在马萨诸塞艺术学院和约翰森威尔士大学任教，并且经常在全美许多重要会议上发表演讲，广受欢迎。她现在是O’Reilly Media的数码产品设计师，对信息架构、交互设计、网站制作、应用程序开发和电子书拥有浓厚的兴趣。除了本书，还著有《Web Design in a Nutshell》和《HTML5 Pocket Reference》。

非常欢迎阅读第4版。
从上一版到现在发生太多的事情了！浏览器厂商和开发社区确定了Web标准，一切看起来刚刚尘埃落定时，移动互联网时代又带来了巨大的变化。随着智能手机和平板电脑的出现，Web在小屏幕和便携式设备上终于有了自己的位置。当我们想方设法使网站体验更好时，形势已经为Web设计者和程序员带来了新的挑战。
就像我所写的那样，很多这样的挑战依然处于争论中，例如，如何把适当的图片发送到适当的设备上。这是Web设计难以置信且充满活力的时代，到处都在试验和合作。这使我回想起了1993年，一个属于Web的西部蛮荒岁月，当时我刚开始从事Web设计生涯。太多的问题需要解决！无限的可能！坦率地说，在这个时代，要确定不断变化的科技，并把技术编写成书是相当棘手的事情。因此我也尽我所能来指出还不确定的论题，并且提供一些在线的资源链接，来帮助你与时俱进。
现在有两个新标准——HTML 5（超文本标记语言的第5次重大修订）和CSS3（层叠样式表，第3级）——提供给我们，当我写本书的上一版时，这些还都只是传说。现在本书的HTML部分使用了当前的HTML 5标准，而且涵盖了CSS3标准的发展，新增了一章（第17章）来讲解动画、过渡、变换的交互。我们的工具使我们能够比几年前做得更多、更有效。
最后，由于JavaScript已经成为Web开发的重要部分，所以本书新增了两章（第19章和第20章）来介绍JavaScript的语法和应用。我并不是JavaScript专家，但是我有幸找到了一位专家。第19章是由Mat“Wilto” Marquis编写的，他是Filament Group的设计者和开发者，也是jQuery Mobile团队的成员，同时还是《A List Apart》的技术编辑。
与本书前三版一样，无论初学者的背景是什么，可以是经验丰富的平面设计师，或者是寻找更好出路的程序员、办公室助理、刚毕业的大学生、家庭主妇，只要想学习如何设计Web，本书都可以满足你的需求，解决你的疑问。我已尽我所能将初学Web设计的课程经验编辑成书，还提供了练习和测试，这样你就可以得到实践经验，从而进步。
无论你是专门阅读这本书，还是把它作为一个Web设计课程的辅助读物，我都希望它能给你一个良好的开端，并预祝你学得开心。
本书组织结构
本书分为五部分，每一个都是Web开发的一个重要部分。
第一部分：开始起步
第一部分为本书后面的学习奠定了基础。我从关于Web设计的一些重要信息开始讲，包括你可能会扮演的各种角色，你可能会学到的技术和工具。你会学到HTML和CSS，并学习Web和网页一般如何工作。我也会向你介绍一些重要的概念，以便让你领会现代Web设计师的思想。
第二部分：HTML结构化标记
第二部分的章节涵盖每个元素和属性的本质以及语义结构，其中包括HTML 5中新引入的元素。我们将讨论标记文字、链接、图片、表格和表单。第二部分结束时会深入讨论HTML 5，并且说明了它与以前标准的不同之处。
第三部分：表现层的CSS
在第三部分，你将会学习使用CSS来改变文本的外观，为页面创建多列布局，甚至添加基于时间的动画、交互等。这部分也会介绍常用的CSS技术，包括如何创建一个使用自适应Web设计的页面。
第四部分：JavaScript行为
在第四部分，Mat Marquis从JavaScript的语法纲要开始讲解，帮助你逐步学习变量、函数。你也会学习到JavaScript的使用方式，包括DOM脚本，以及已有的JavaScript工具，如polyfills和库，即便你还没有完全准备好编写代码，这些工具都可以使你更快地使用JavaScript。
第五部分：创建Web图像
第五部分介绍了Web适用的各种文件格式，而且描述了如何进行优化，才能使文件尺寸尽可能小。

致谢
我要感谢编辑Simon St. Laurent，与他的合作非常愉快，我期待着以后有更多的合作机会。还要感谢我的合作者Mat Marquis（matmarquis.com），他使JavaScript有趣，他虽有控制欲，却也有着很好的合作精神。
我得到了许多聪明可爱的人的支持。我要感谢我的主技术审核者Aaron Gustafson（easy-designs.net）、JoelMarsh（thehipperelement.com）和Matt Menzer，他们从百忙中抽出了很多时间，以确保章节的细节准确。还要感谢提出了宝贵意见的评论者：Anthony Calzadilla、Danny Chapman、Matt Haughey、Gerald Lewis、JasonPamental和Stephanie Rieger。
我有幸认识了这个领域的很多领导者，他们的书籍、文章、演讲、幻灯片以及同我的交往，使我能够一直走下去。没有这些天才的帮助，我也无法完成本书，他们是（按英文字母顺序排列）：Dan Cederholm、Josh Clark、Andy Clarke、Chris Coyier、Brad Frost、Lyza Gardner、Jason Grigsby、Stephen Hay、Scott Jehl、Scott Jenson、Tim Kadlec、Jeremy Keith、Sanders Kleinfeld、Peter-PaulKoch、Bruce Lawson、Ethan Marcotte、Eric Meyer、Karen McGrane、Shelley Powers、Bryan Rieger、Stephanie Rieger、Remy Sharp、Luke Wroblewski和Jeffrey Zeldman。
完成一本书需要一个团队，我想衷心感谢这些伙伴的贡献：Melanie Yarbrough（生产编辑和校对员）、Genevieve d扙ntremont（文字编辑）、Rebecca Demarest（图像制作）、Newgen（页面布局）、Ellen TroutmenZeig（索引制作）、Randy Comer（封面设计）和Ron Bilodeau（装帧设计）。
最后，我想感谢Edie Freedman（有史以来最好的老板），她显示了充分的耐心。而我也终于能对我最亲爱的宝贝Jeff和Arlo说：“我回来了！”
关于作者
Jennifer Robbins于1993年开始Web设计，当时她是全球网络导航器（Global Network Navigator）的平面设计师，这也是第一个商业网站。除了这本书之外，她还写了《Web Design in a Nutshell》和《HTML 5 Pocket Reference》——这本书也是一个iOS应用——都是由O扲eilly出版的。过去，Jennifer已经在许多会议（包括Seybold 和South By Southwest）上发言，并且她已经在罗德岛普罗维登斯的约翰逊和威尔士大学开始教授Web设计。她现在是O扲eilly媒体的数码产品设计师。她对信息架构、交互设计、网站制作、应用程序和电子书表现了浓厚的兴趣。在空闲的时候，Jennifer喜欢独立摇滚、烹饪和教育子女。
使用代码示例
本书提供代码的目的是帮你快速完成工作。一般情况下，你可以在你的程序或文档中使用本书中的代码，而不必得到我们的许可，除非你想复制书中很大一部分代码。例如，你在编写程序时，用到了本书中的几个代码片段，这不必得到我们的许可。但若将O扲eilly图书中的代码制作成光盘并进行出售或传播，则需获得我们的许可。引用示例代码或书中内容来解答问题无须许可。将书中很大一部分的示例代码用于你个人的产品文档，这需要我们的许可。
如果你引用了本书的内容并标明版权归属声明，我们对此表示感谢，但这不是必需的。版权归属声明通常包括：标题、作者、出版社和ISBN，例如：“Learning WebDesign, Fourth Edition by Jennifer Robbins. Copyright 2012 Littlechair, Inc., 978-1-449-31927-4”。
如果你认为你对示例代码的使用已经超出上述范围，或者你对是否需要获得示例代码的授权还不清楚，请随时联系我们：permissions@oreilly.com。
联系我们
我们已尽力检验本书所提供的信息，尽管如此，仍不能保证本书完全没有瑕疵，而且网络世界的变化之快，也使得本书永不过时的保证显得不太可能。请让我们了解你找到的错误，以及你对后续版本的建议，我们都将虚心接受读者的指教。
美国：
O’Reilly Media， Inc.
1005 Gravenstein Highway North
Sebastopol，CA 95472
中国：
北京市西城区西直门南大街2号成铭大厦C座807室（100035）
奥莱利技术咨询（北京）有限公司
申请会员或订阅图书目录，请发送邮件至：
info@oreilly.com
技术问题或评论本书，请发送邮件至：
bookquestions@oreilly.com
本书网页列出了勘误表、实例、其他附加信息以及后续版本计划。
http://www.oreilly.com/catalog/0636920023494。
后记
我们会关注读者的意见、我们自己的试验和销售渠道反馈的结果。独特的页面可以配合我们独特的方法技术主题，从而为这些枯燥的主题增加一些生机和活力。

计算机\Web设计

你是否想过自己创建网页，却苦于没有经验？那么从现在开始学习吧！你将会从零起点开始学习Web和Web页面工作原理，然后继续深入学习具体方法和技巧。当你读完本书后，就会掌握创建适用于移动设备的多列页面的技巧。
本书将帮助你学习如何使用最新技术、最佳实践经验，以及当今的Web标准，其中包括HTML5和CSS3。每一章都提供练习帮助你学习不同的技术，还可以通过一些小测验来确保你理解了涉及的重要概念。
本书经过了彻底修订，对于任何背景和技术水平的学生和专业人士来说，无论是初学，还是想提高已有的技能，本书都是理想的选择。
本书主要内容：
 ·使用文本、链接、图像、表格和表单来创建HTML页面
 ·为颜色、背景、格式化文本、页面布局，甚至是简单的动画效果使用CSS
 ·学习新的HTML5元素、API和CSS3属性——它们改变了你处理Web页面的方式
 ·创建自适应网页设计，使你的页面在移动设备上良好显示
 ·学习JavaScript的工作原理及其在Web设计中的重要性
 ·创建并优化Web图像，加快图像下载速度

（美）Jennifer Niederst Robbins　著：Jennifer Niederst Robbins 资深Web设计师、信息架构师，拥有超过20年行业经验，在Web设计方面有独到的见解与认识。全球第一个商业Web网站——O’Reilly全球网络导航器（O'Reilly Global Network Navigator，GNN）的设计者。她经常在全美许多重要会议上发表演讲，广受欢迎。她还在约翰逊威尔士大学教授Web设计。她现在是O’Reilly媒体的数码产品设计师，对信息架构、交互设计、网站制作、应用程序开发以及电子书拥有浓厚的兴趣。除了本书，还著有《Web Design in a Nutshell》和《HTML5 Pocket Reference》。

谢合亮 张晶 靳志伟 译：暂无简介

翻译本书第3版时是2008年，到现在已经有五年时间了。在这五年中，全球的通信行业、互联网行业都发生了巨大的变化，而中国也紧跟时代的步伐。五年里，苹果的iPhone、iPad风靡全球，三星、HTC在安卓智能手机上也不断推陈出新；五年里，随着智能手机普及，WCDMA、CDMA2000、TD-SCDMA等3G技术也得到了很大发展和普及，国内的3G手机用户在2013年超过了3亿，并且还在不断增长；五年里，国外的Twitter、Facebook，国内的新浪微博、微信都成为移动设备上必备的应用。在这浪潮之巅，埋首故纸堆无益于融入这个时代。
　　原以为本书已经过时的时候，机械工业出版社的编辑告诉我们第4版已经推出。当看到第4版时，我们感到Jennifer Niederst Robbins不愧是在Web设计领域有20年经验的资深专家，她一直紧跟时代的特点，不断地学习、使用最新的技术。在第4版中，Jennifer Niederst Robbins讲述了很多移动设备网页设计的经验和技术，并且根据最新的HTML 5、CSS3标准，讲解了很多最前沿的元素和属性；针对台式机、平板电脑、智能手机以及上网辅助设备等越来越多的情况，讲解了最前沿的自适应网页设计和网页图像优化技术；而且与以往的版本不同，本书没有避开JavaScript，而专门用两章来讲述了JavaScript的基础和应用，毕竟现在，没有JavaScript的网页，就太过平庸了。
　　通过翻译本书，我们深感本书覆盖范围之广，实践经验之多，前沿技术之精，是其他类似的一般书籍无法比拟的。也难怪，作者自己都说“本书无论对学生，还是对有一定背景和技术水平的专业人士，都是理想的选择”。
　　能够完成本书，首先得感谢机械工业出版社的编辑，是他们提供了这个机会，使我们得以首先分享到这一最新实践和技术的佳肴；其次要感谢王炼、张宓，他们对上一版作出了很大的贡献；感谢张榕祯、陈彦先、丁宗云、刘星辉、孙涛，他们在本书的初译、样例代码测试、验证、中文软件使用等方面都提供了很大的帮助和支持。
　　最后，希望本书能够满足你的需要，切实解决你的疑惑，并提高你的实践经验和技术。在此提示，作者为本书提供了一个网页，提供了刊物、样例等信息，阅读时可以查阅，以获取最新的信息：http://oreil.ly/learn_web_design_4e。

前言 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