基本信息
- 原书名：Learning Web Design：A Beginner’s Guide to HTML, CSS, JavaScript, and Web Graphics, Fourth Edition
- 作者： (美)Jennifer Niederst Robbins
- 丛书名： O’Reilly精品图书系列
- 出版社：机械工业出版社
- ISBN：9787111471684
- 上架时间：2014-12-19
- 出版日期：2014 年9月
- 开本：16开
- 版次：4-1
- 所属分类：计算机 > 图形图像、多媒体、网页制作 > 网页设计综合
内容简介
书籍
计算机书籍
你是否也曾想过自己创建网页，但却苦于没有经验?那么从现在开始学习吧!本书由浅入深地讲解了Web设计的一些重要概念、基本原理，以及HTML、CSS和JavaScript的具体使用方法与技巧。当你读完本书后，将会掌握创建适用于移动设备的多列页面的技巧。
《Web前端工程师修炼之道（原书第4版）》将帮助你学习如何使用最新技术、最佳实践经验，以及当今的Web标准，其中包括HTML 5和CSS3。每章都提供一些练习和小测验，帮助你了解不同的技术，巩固你对重要概念的理解。
作者对本版内容做了全面更新和修订，涵盖Web前端开发所需的一切，无论是初学者，还是想提高已有技能的专业开发人员，本书都是理想的选择。
《Web前端工程师修炼之道（原书第4版）》主要内容：
使用文本、链接、图像、表格和表单来创建HTML页面
使用CSS调整颜色、背景、格式化文本、页面布局，甚至是实现简单的动画效果
学习新的HTML5元素、APl和CSS3属性——它们改变了Web页面处理方式
创建响应式Web设计，使得页面可以在移动设备上得到良好显示
学习JavaScript的工作原理及其在Web设计中的重要性
创建并优化Web图像，加快图像下载速度
计算机书籍
你是否也曾想过自己创建网页，但却苦于没有经验?那么从现在开始学习吧!本书由浅入深地讲解了Web设计的一些重要概念、基本原理，以及HTML、CSS和JavaScript的具体使用方法与技巧。当你读完本书后，将会掌握创建适用于移动设备的多列页面的技巧。
《Web前端工程师修炼之道（原书第4版）》将帮助你学习如何使用最新技术、最佳实践经验，以及当今的Web标准，其中包括HTML 5和CSS3。每章都提供一些练习和小测验，帮助你了解不同的技术，巩固你对重要概念的理解。
作者对本版内容做了全面更新和修订，涵盖Web前端开发所需的一切，无论是初学者，还是想提高已有技能的专业开发人员，本书都是理想的选择。
《Web前端工程师修炼之道（原书第4版）》主要内容：
使用文本、链接、图像、表格和表单来创建HTML页面
使用CSS调整颜色、背景、格式化文本、页面布局，甚至是实现简单的动画效果
学习新的HTML5元素、APl和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》。
她曾在马萨诸塞艺术学院和约翰森威尔士大学任教，并且经常在全美许多重要会议上发表演讲，广受欢迎。她现在是O'Reilly Media的数码产品设计师，对信息架构、交互设计、网站制作、应用程序开发和电子书拥有浓厚的兴趣。除了本书，还著有《Web Design in a Nutshell》和《HTML5 Pocket Reference》。
目录
《Web前端工程师修炼之道（原书第4版）》
前言 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
前言 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
译者序
翻译本书第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。
原以为本书已经过时的时候，机械工业出版社的编辑告诉我们第4版已经推出。当看到第4版时，我们感到Jennifer Niederst Robbins不愧是在Web设计领域有20年经验的资深专家，她一直紧跟时代的特点，不断地学习、使用最新的技术。在第4版中，Jennifer Niederst Robbins讲述了很多移动设备网页设计的经验和技术，并且根据最新的HTML 5、CSS3标准，讲解了很多最前沿的元素和属性；针对台式机、平板电脑、智能手机以及上网辅助设备等越来越多的情况，讲解了最前沿的自适应网页设计和网页图像优化技术；而且与以往的版本不同，本书没有避开JavaScript，而专门用两章来讲述了JavaScript的基础和应用，毕竟现在，没有JavaScript的网页，就太过平庸了。
通过翻译本书，我们深感本书覆盖范围之广，实践经验之多，前沿技术之精，是其他类似的一般书籍无法比拟的。也难怪，作者自己都说“本书无论对学生，还是对有一定背景和技术水平的专业人士，都是理想的选择”。
能够完成本书，首先得感谢机械工业出版社的编辑，是他们提供了这个机会，使我们得以首先分享到这一最新实践和技术的佳肴；其次要感谢王炼、张宓，他们对上一版作出了很大的贡献；感谢张榕祯、陈彦先、丁宗云、刘星辉、孙涛，他们在本书的初译、样例代码测试、验证、中文软件使用等方面都提供了很大的帮助和支持。
最后，希望本书能够满足你的需要，切实解决你的疑惑，并提高你的实践经验和技术。在此提示，作者为本书提供了一个网页，提供了刊物、样例等信息，阅读时可以查阅，以获取最新的信息：http://oreil.ly/learn_web_design_4e。
前言
非常欢迎阅读第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适用的各种文件格式，而且描述了如何进行优化，才能使文件尺寸尽可能小。
从上一版到现在发生太多的事情了！浏览器厂商和开发社区确定了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适用的各种文件格式，而且描述了如何进行优化，才能使文件尺寸尽可能小。
媒体评论
O’Reilly Media通过图书、杂志、在线服务、调查研究和会议等方式传播创新知识。自1978年开始，O’Reilly一直都是前沿发展的见证者和推动者。超级极客们正在开创着未来，而我们关注真正重要的技术趋势——通过放大那些“细微的信号”来刺激社会对新科技的应用。作为技术社区中活跃的参与者，O’Reilly的发展充满了对创新的倡导、创造和发扬光大。
O’Reilly为软件开发人员带来革命性的“动物书”；创建第一个商业网站（GNN）；组织了影响深远的开放源代码峰会，以至于开源软件运动以此命名；创立了Make杂志，从而成为DIY革命的主要先锋；公司一如既往地通过多种形式缔结信息与人的纽带。O’Reilly的会议和峰会集聚了众多超级极客和高瞻远瞩的商业领袖，共同描绘出开创新产业的革命性思想。作为技术人士获取信息的选择，O’Reilly现在还将先锋专家的知识传递给普通的计算机用户。无论是通过书籍出版，在线服务或者面授课程，每一项O’Reilly的产品都反映了公司不可动摇的理念——信息是激发创新的力量。
业界评论
“O’Reilly Radar博客有口皆碑。”
——Wired
“O’Reilly凭借一系列（真希望当初我也想到了）非凡想法建立了数百万美元的业务。”
——Business 2.0
“O’Reilly Conference是聚集关键思想领袖的绝对典范。”
——CRN
“一本O’Reilly的书就代表一个有用、有前途、需要学习的主题。”
——Irish Times
“Tim是位特立独行的商人，他不光放眼于最长远、最广阔的视野并且切实地按照Yogi Berra的建议去做了：‘如果你在路上遇到岔路口，走小路（岔路）。’回顾过去Tim似乎每一次都选择了小路，而且有几次都是一闪即逝的机会，尽管大路也不错。”
——Linux Journal
O’Reilly为软件开发人员带来革命性的“动物书”；创建第一个商业网站（GNN）；组织了影响深远的开放源代码峰会，以至于开源软件运动以此命名；创立了Make杂志，从而成为DIY革命的主要先锋；公司一如既往地通过多种形式缔结信息与人的纽带。O’Reilly的会议和峰会集聚了众多超级极客和高瞻远瞩的商业领袖，共同描绘出开创新产业的革命性思想。作为技术人士获取信息的选择，O’Reilly现在还将先锋专家的知识传递给普通的计算机用户。无论是通过书籍出版，在线服务或者面授课程，每一项O’Reilly的产品都反映了公司不可动摇的理念——信息是激发创新的力量。
业界评论
“O’Reilly Radar博客有口皆碑。”
——Wired
“O’Reilly凭借一系列（真希望当初我也想到了）非凡想法建立了数百万美元的业务。”
——Business 2.0
“O’Reilly Conference是聚集关键思想领袖的绝对典范。”
——CRN
“一本O’Reilly的书就代表一个有用、有前途、需要学习的主题。”
——Irish Times
“Tim是位特立独行的商人，他不光放眼于最长远、最广阔的视野并且切实地按照Yogi Berra的建议去做了：‘如果你在路上遇到岔路口，走小路（岔路）。’回顾过去Tim似乎每一次都选择了小路，而且有几次都是一闪即逝的机会，尽管大路也不错。”
——Linux Journal
书摘
开始起步 第一部分
本部分内容
第1章
我从哪里开始
第2章
Web是如何工作的
第3章
Web设计基本概念
第1章 我从哪里开始
Web的存在已经有20多年了，先后经历了令人兴奋的早期扩张、网络泡沫的破裂、创新的重生。有一件事情是肯定的，那就是网络作为沟通和商业的工具正在成为现实。而且不仅如此，网络也在影响着智能手机、平板电脑、电视等。懂得如何设计网页的程序员迎来了前所未有的机会。
通过教授Web设计课程和工作的经历，我可以满足所有对Web设计感兴趣的人的需求，无论这些人拥有什么样的背景。在此，请允许我介绍一下：
“我有17年的印刷设计师从业经验，现在我所有的客户都需要Web设计服务。”
“我曾在一个小办公室里做过秘书。我的老板曾要求我制作一个很小的内部网站以方便员工分享公司信息。”
“我做程序员很多年了，但是我希望在视觉设计上一展身手。我感觉Web是一个很好的学习新技术的机会。”
“我是一个艺术家，我想知道如何在线获取我的画和雕塑的样品。”
“我曾在高中简单接触过Web设计，我想它可能成为我今后的生活依赖。”
无论动机如何，都会遇到一个相同的问题：“我该从哪里开始呢？”看起来有太多的东西需要学习，所以往往不知道该如何起步。但是你必须从某个地方开始。
本章试图从学习曲线的角度来回答准备学习的人最常遇见的问题。本章将介绍与Web设计相关的规则、技术和工具。
我该从哪里开始呢
根据你的背景和目标，你的起点也应该有所不同。然而，对于每个人来说，第一步应当是理解Web和网页运作的基本原理。现在你看的这本书将教给你正确的学习方法。一旦了解了基本知识，Web上和书店图书馆有很多资源可以方便你进一步学习特定的领域。
本部分内容
第1章
我从哪里开始
第2章
Web是如何工作的
第3章
Web设计基本概念
第1章 我从哪里开始
Web的存在已经有20多年了，先后经历了令人兴奋的早期扩张、网络泡沫的破裂、创新的重生。有一件事情是肯定的，那就是网络作为沟通和商业的工具正在成为现实。而且不仅如此，网络也在影响着智能手机、平板电脑、电视等。懂得如何设计网页的程序员迎来了前所未有的机会。
通过教授Web设计课程和工作的经历，我可以满足所有对Web设计感兴趣的人的需求，无论这些人拥有什么样的背景。在此，请允许我介绍一下：
“我有17年的印刷设计师从业经验，现在我所有的客户都需要Web设计服务。”
“我曾在一个小办公室里做过秘书。我的老板曾要求我制作一个很小的内部网站以方便员工分享公司信息。”
“我做程序员很多年了，但是我希望在视觉设计上一展身手。我感觉Web是一个很好的学习新技术的机会。”
“我是一个艺术家，我想知道如何在线获取我的画和雕塑的样品。”
“我曾在高中简单接触过Web设计，我想它可能成为我今后的生活依赖。”
无论动机如何，都会遇到一个相同的问题：“我该从哪里开始呢？”看起来有太多的东西需要学习，所以往往不知道该如何起步。但是你必须从某个地方开始。
本章试图从学习曲线的角度来回答准备学习的人最常遇见的问题。本章将介绍与Web设计相关的规则、技术和工具。
我该从哪里开始呢
根据你的背景和目标，你的起点也应该有所不同。然而，对于每个人来说，第一步应当是理解Web和网页运作的基本原理。现在你看的这本书将教给你正确的学习方法。一旦了解了基本知识，Web上和书店图书馆有很多资源可以方便你进一步学习特定的领域。
