Web设计与前端开发秘籍：HTML CSS JavaScript jQuery 构建网站（套装共2册）

《HTML & CSS设计与构建网站》
编写HTML5和CSS3代码
确定网页和站点的结构
准备图像、音频和视频
控制版式和布局
在线支持：
下载网址见书封底
下载示例代码
观看视频演示
使用附赠的教程参考工具

《JavaScript& jQuery交互式Web前端开发》学习内容
阅读和编写JavaScript代码
让网站更具交互性
使用jQuery简化代码
重现流行的Web技巧
涉及技术
幻灯片与灯箱效果
改进的表单与验证
使用Ajax、API和JSON
过滤、搜索与排序
在线支持
下载网址见书封底
代码示例
实践练习
其他参考资料

《JavaScript&jQuery交互式Web前端开发》欢迎选择一种更高效的学习JavaScript和jQuery的方式。你是一名JavaScript新手?或是您曾经向自己的Web页面上添加过一些脚本，但想以一种更好的方式来实现它们？本书非常适合您。《JavaScript&jQuery交互式Web前端开发》不仅向您展示如何阅读和编写JavaScript代码，同时还会以一种简单且视觉化的方式，教您有关计算机编程的基础知识。阅读本书之前，您只需要对HTML和CSS有一些了解即可。通过将编程理论与用来演示JavaScript和jQuery如何被应用于流行站点之上的示例相结合，《JavaScript&jQuery交互式Web前端开发》将教会您如何让网站更具交互性、吸引性、可用性。很快，您就能够像一名程序员那样去思考和编写代码了。

《HTML&CSS设计与构建网站》欢迎您选择一种更高效的学习HTML和CSS的方式。不管您设计和建立新网站，还是想更好地控制现有网站，都可以在《HTML&CSS设计与构建网站》一书的指导下创建出用户友好、令用户赏心悦目的Web内容。我们知道，编码是一项令人望而生畏的工作，而本书却采用有别于许多传统编程书籍的新颖编排方式，将使您收到事半功倍的学习效果。每一页都在短小精悍的示例代码的引导下，简明直观、直截了当地阐述一个新主题。《HTML&CSS设计与构建网站》还提供关于如何组织和设计网页的实用信息，以便帮助您创建充满魅力、易于使用的网站。学习《HTML&CSS设计与构建网站》不要求您具有任何经验！

Jon Duckett，近十多年来一直从事网站设计和构建工作。Jon曾加盟小公司，也曾供职于跨国集团。Jon迄今已撰写了十多本介绍Web设计、编程、可用性和可访问性的书籍。

★“本书全面精细地讲解HTML/CSS基础知识，堪称读者的良师益友。”
——Ed Rhodes

★“本书的编排极其考究精美，讲解清晰，通俗易懂。”
——Mike Wallace

★“两星期前买了本书，迄今已从头到尾品读了一遍，如醍醐灌我顶，受益匪浅啊！”
——jemartti

《JavaScript & jQuery交互式Web前端开发》
第1章 编程基础知识
第2章 JavaScript基础指令
第3章 函数、方法与对象
第4章 判断和循环
第5章 文档对象模型
第6章 事件
第7章 jQuery
第8章 Ajax与JSON
第9章 API
第10章 错误处理与调试
第11章 内容面板
第12章 筛选、搜索与排序
第13章 表单增强与验证

《HTML & CSS 设计与构建网站》
第1章结构
第2章文本
第3章列表
第4章链接
第5章图像
第6章表格
第7章表单
第8章其他标记
第9章Flash、视频和音频
第10章 CSS简介
第11章 颜色
第12章 文本
第13章 盒子
第14章 列表、表格和表单
第15章 布局
第16章 图像
第17章 HTML5布局
第18章 建站过程和设计方法
第19章 实用信息

今天的Web网站，已经和10年前(甚至5年前)的Web网站有了很大的区别。无论是网站具有的交互性、面对用户的友好性，还是网页上所展现内容的丰富性，相比以前都有了巨大飞跃。这一切都拜JavaScript这门强大且灵活的编程语言所赐。JavaScript已经从以前的一门仅仅提供某些有趣特效的玩具脚本语言，转变为在Web网站开发中承担着核心角色的重要工具。无论使用何种服务器技术来创建Web网站，JavaScript都是Web工程师必须使用的前端语言。
但是，由于JavaScript语言本身特有的灵活性、动态性等特点，学习JavaScript语言无论是对一名在其他编程语言领域具有丰富经验的软件工程师，还是一名刚刚踏入编程世界的新手，都是一个不小的挑战。本书以通俗易懂、由浅入深的方式，向读者一步一步介绍了JavaScript，是一本非常好的JavaScript前端开发入门书籍。
使用大量的图示是本书的一大特点。常言道，“一图胜万言”，通过使用这些图示，能够让读者更加清晰明了地理解本书所要阐述的概念和知识。丰富的代码示例和代码流程图，则是本书的另一大特点。代码示例可以让读者更多地了解Web网页上那些特效和功能是如何通过代码实现的，与代码示例配套的代码流程图则降低了阅读代码的难度，也让读者对代码的执行过程和逻辑有了更直观的理解。
由于jQuery几乎已经成为Web前端代码的“标配”，因此本书将jQuery库也纳入进来。jQuery可以让Web前端工程师事半功倍，更轻松地达成自己的目标。
本书由杜伟、柴晓伟、涂曙光翻译，参与本次翻译活动的还有梁祝权、钟凤华、毛士之、张杉杉、张文旭、彭康、尼春雨、李明、陈龙、董欢。
总而言之，如果想要找到一本几乎“零难度”的JavaScript前端开发入门书籍，通过阅读而快速成为一名Web前端工程师，那么此书将是不二之选。
祝阅读快乐，学习快乐！
译者(杜伟/柴晓伟/涂曙光)
前言
本书讲解如何将JavaScript应用于浏览器中，以创建出更富交互性、更有趣、对用户更友好的Web网站。你还将从本书中学习jQuery，因为它使得JavaScript代码的编写容易了许多。
要充分吸收本书中的内容，在阅读本书之前，你需要了解如何使用HTML和CSS来构建Web页面。除了这个要求以外，并不需要你有任何编程方面的经验。学习使用JavaScript编程包含：
1
理解一些基本的编程概念，以及JavaScript程序员用来描述这些概念的术语。
2
学习JavaScript这门语言本身，这就像学习其他任何语言一样，你需要知道这门语言的词汇，以及使用词汇来组织语句。
3
通过学习JavaScript如何被用在现今的Web网站中的例子，来熟悉如何使用它。
在阅读本书过程中，你唯一需要的设备就是一台安装有现代Web浏览器的计算机，以及你最喜欢的代码编辑器(例如记事本、TextEdit、Sublime Text、Coda等)。
每一章的开头是介绍部分。它们将介绍每一章你要学习的关键概念。
参考部分介绍关键的JavaScript代码段。HTML代码使用蓝色字体显示，CSS代码使用粉红色字体显示，JavaScript则使用绿色字体显示。
背景信息部分显示成白色，介绍在每章将要讨论的主题的一些上下文信息。
图表和信息图部分使用黑色背景，对要讨论的主题提供简单、可视化的参考。
示例部分将你要从每一章中学到的主题归纳在一起，并且展示如何应用它们。
总结部分位于每一章的结尾，它们提醒你每一章中涵盖的关键主题。
本书结构
为了让你掌握JavaScript，本书分成以下两部分：
核心概念
前面的9章将介绍编程和JavaScript语言的基础知识。与此同时，你将学习如何使用JavaScript创建更有趣、更富交互性、更有用的网站。
第1章将介绍计算机编程中的一些关键概念，向你展现计算机如何使用数据来创建世界万物的模型，以及如何使用JavaScript来修改HTML页面的内容。
第2至第4章将涵盖JavaScript语言的基础知识。
第5章解释文档对象模型(DOM)如何在将文档载入浏览器时，使你可以访问和修改文档的内容。
第6章讨论如何使用事件来激活代码的运行。
第7章将展示jQuery如何使得编写脚本的过程更快、更容易。
第8章将介绍Ajax，它是一组使你可以在不重新载入整个页面的情况下，修改Web页面部分内容的技术。
第9章涵盖应用编程接口(Application Programming Interfaces，API)，包括HTML中的一些新API，以及类似Google Maps之类的网站所提供的API。
实用应用程序
学完前面的部分，你应该已经看到了许多JavaScript是如何用于各种网站上的示例。该部分会把你已经掌握的各种技术综合起来，给你一些实用的示范来展现专业程序员是如何使用JavaScript的。你不但可以看到一系列深入的示例，还可以学习更多如何从头设计和编写脚本的过程。
第10章讲述错误处理和调试，并解释有关JavaScript是如何被执行的更多信息。
第11章将教你如何创建诸如滑块、模式窗口、选项卡面板和折叠式面板之类的内容面板。
第12章演示多个过滤和排序数据的技巧，包括过滤图片库，以及通过点击列的抬头来表格中的数据行进行重新排序。
第13章讲述表单增强技术以及如何验证表单数据。
除非已经是十分自信的程序员，否则可能会发现在第一次阅读本书时，从头到尾通读一遍将是非常有帮助的。然而，即使已经了解编程的基础知识，我们也希望能在你创建自己的脚本时，提供有帮助价值的参考。
HTML & CSS在网站设计与构建中的作用无可替代！Jon Duckett—在Web领域著作颇丰的大师—为我们奉献了一本寓教于乐的优秀HTML & CSS教程！
尽管曾经读过不少同类书籍，但第一次拿到本书的原版时，其清晰的讲解和精美的版式着实令我耳目一新，仔细品读之后，又为作者所采用的这种介绍HTML & CSS的方式而惊叹不已。这是一种全新的方式，一种“简约而不简单”的方式。几乎每一种标签、每一项属性的讲解都会对应一个简短的示例。在每一章的最后还会附有一个综合的示例，系统地演示主要知识点。当别人还沉浸在连篇累牍的赘述中时，还在为密密麻麻的代码绞尽脑汁时，你应该为自己手中有这样一本赏心悦目的教程而感到庆幸。
学习并精通一门技术的关键不在于面面俱到，而在于透彻地理解和熟练地应用。有些教程类书籍动辄几十万、上百万字，将一门技术的所有细节都包含其中，读者在学习时往往抓不住重点，不利于知识的消化吸收，容易使学习变成机械记忆。与这些书籍不同，本书的主体内容涵盖了HTML & CSS的常用标记和属性，配有大量插图，在提供网站建设所需技术支持的基础上，最大程度地帮助读者透彻理解并熟练应用HTML & CSS。此外，针对读者在学习或建站过程中可能遇到的问题，本书也给出了一些非常实用的帮助信息。
当你决定学习网站建设时，很可能已经听说过近年来风生水起的HTML5 & CSS3组合。作为HTML & CSS各自的最新版本，HTML5 & CSS3凭借前所未有的颠覆性设计理念和多元化呈现方式受到越来越多开发者的追捧和众多互联网公司的青睐。本书自然不会错过这些内容，作者在相应的章节适时地介绍了HTML5 & CSS3的一些新控件、新属性，让你在学习经典的HTML & CSS内容时也可以与前沿技术无缝接合。
作为译者，翻译Jon Duckett的书让我们深感荣幸，也倍感压力。我们在翻译过程中力求使译文准确表达原文含义并符合汉语的表达习惯，如有不足之处，还望各位读者不吝指正。
在翻译过程中，我们得到了众多家人、朋友、同事的关心、鼓励与配合。感谢清华大学出版社的编辑为我的译文及时提出意见和建议；感谢多位网友为本书的一些术语和长句翻译提供的帮助。感谢你们的支持与帮助！
刘涛
作于古莲花池