《HTML5多媒体开发指南》书评
出版社:清华大学出版社
出版日期:2013-2
ISBN:9787302311041
作者:(美)布拉特曼(Bluttman, K. ),(美)科特雷尔(Cottrell, L. ) 著
页数:327页
入门指南
HTML5：什么是HTML5，以及学习HTML5的重要性随着Internet的发展，Web网站已经从简单的静态文本和图片组成的简报式页面，进化为具有许多页面、多种功能和个性化的复杂网站。现在，一个良好的网站，应该包含富有吸引力的图形化外观、易于使用的网站导航，并为访客提供相应的信息——这些信息可以是文本或者图片，访客正是为获取信息而来。用户访问网站，也可能是为了搜索某种信息、完成一次购物或者进行娱乐消遣。为了提供各式各样的丰富体验，各种Web技术获得了长足发展并不断成熟，要么保持进步，要么被淘汰。早期的Web网站使用CGI(Common Gateway Interface，通用网关接口)脚本来实现后端处理。现在已经有大量技术可用，比如复杂的数据库应用、用户行为分析(即跟踪访客的行为)以及基于用户的地理位置和之前的浏览记录来提供有针对性的内容等等。Internet一开始出现时，是作为一种理想化的、纯粹的信息传播平台，没有商业广告或任何其他掺杂的内容来转移网站访客的注意力。然而，事物的发展可能会延迟，但却不会止步。网络营销和广告已经成为Internet的现实，并且已经存在了很多年。新技术不断涌现，可以更好地支持网络营销。在HTML5中，geolocation新特性可以定位用户的地理位置，毫无疑问该技术将被用于市场营销的竞争。对于市场营销人员，geolocation新特性意味着可以根据用户所在的位置，向用户发送具有针对性的、本地化的商品信息。图1显示了geolocation新特性的一个应用。图1 使用geolocation定位浏览者的位置Web技术的发展Web页面是用HTML(或HTML的变体，比如XHTML)创建的。通过CSS(Cascading Style Sheet，层叠样式表)来定义页面的外观样式。后端处理则是使用服务器的编程语言来完成的，最常见的是PHP和ASP.NET。动画是使用Adobe Flash或通过JavaScript编程来实现的。多年以来，这些工具已经成为了Web开发的主力军。随着时间的推移，某些开发方式发生了改变，比如移除了那些提供样式属性而不是内容或页面组织的HTML标记。以样式为核心功能的标记已经并入了CSS。使用内容管理系统(Content management system)作为网站的支柱已经非常流行，它可以将很多关键元素结合为一个易于使用的软件包。用Flash创作的动画提供了丰富和充满魅力的视觉体验。作为一种艺术创作工具，Flash已经非常流行，各种浏览器都开始支持Flash，无须要求用户特地去下载Flash Player，实际上Flash Player是一个浏览器插件(plug-in)。Flash自身包含了一种强大的程序设计语言：ActionScript。对于Flash的发烧友，遗憾的是Flash在本质上是一种影片(movie)，搜索引擎无法正确地索引Flash。这与许多开发人员需要努力奋斗的SEO(搜索引擎优化)是冲突的。我们不可能去开发这样的网站：它是一个漂亮的网站，但它的漂亮却减弱了在搜索结果中获得较高排名的能力。术语说明现在已经简要介绍了本书，并且已经提到了一些Web技术，随着本书的介绍，更多的技术将会浮出水面。前言是本书的开始，也是定义这些缩略语和工具的好地方，Web设计人员和开发人员常常使用这些术语。下面的术语列表并不完备。要列出完整的Web术语表，需要很多页的词汇表。注意本书并未完全介绍这里列出的所有术语。本书的重点是介绍HTML5中的多媒体开发，并非无所不包。HTML和XHTML：超文本标记语言(Hypertext Markup Language，HTML)是一种基础的Web页面程序设计语言。与真正的程序设计语言相比，HTML根本不是用于进行程序设计的。完备的程序设计语言都具有重复执行代码块(循环)、执行条件判断(比如if和while语句)等功能。但HTML并不具备这些能力。HTML最初的目的是在Web页面上呈现内容。这个功能是通过标记(tag)来实现的，标记将告知Web页面要显示什么或者执行什么操作。标记按照它们在代码中出现的次序，在Web页面上依序地呈现。也就是说，HTML代码只能顺序执行，无法跳转(使用JavaScript正是为了实现这些功能)。XHTML是HTML的一种变体。这里X代表XML(Extensible Markup Language，可扩展标记语言)。CSS：层叠样式表(Cascading Style Sheets，CSS)用于定义页面内容的样式。例如，某行文本可以是斜体，比周围的文本字体更大，或者为其设置其他任意数量的样式。所有这些视觉效果都是样式设置。文本依然是文本，内容依然是内容。无论它的外观如何，文本表达的都是相同的内容。CSS用于定义HTML的样式。本书介绍了如何使用CSS。JavaScript：JavaScript是一种功能完备的程序设计语言，它运行在Web浏览器之中，具有其他程序设计语言所具有的循环和条件分支等功能。浏览器之间的差别是非常重要的。虽然我们访问的是同一个页面，但在作者的浏览器中运行的JavaScript与在读者的浏览器中运行的JavaScript，在功能上可能存在差异。在现代Web开发中，JavaScript毫无疑问是最重要的角色。AJAX：异步JavaScript和XML(Asynchronous JavaScript and XML，AJAX)是一组技术的集合，它为关键的Web需求提供了解决方案。使用AJAX可以刷新Web页面的一个区域，而无须在浏览器中重新载入整个页面。PHP和ASP/ASP.NET：PHP和ASP是服务器端的程序设计语言。它们最主要的用途是向Web浏览器输出需要显示的HTML。它们可以处理各种基于服务器的需求，比如从数据库读取数据并呈现在Web页面之中。其他常用的服务器端技术还包括Perl、ColdFusion和JSP。Flash：Flash是一种用于创建Web影片的应用程序。这一描述太简单，实际上Flash具有强大的功能。Web所富有的吸引力，在很大程度上来自Flash在Web页面上提供的各种视觉效果。CMS：内容管理系统(CMS)用于组织网站内容的各个页面。博客就是最常见的CMS系统。WordPress是该领域的佼佼者。Tag：标记是HTML和XHTML的构建块。一个标记结构是用一个小于符号和一个大于符号(< >)组成的。例如，body标记就是<body>。绝大多数标记都要求(或者至少应该)具有一个对应的关闭标记，比如</body>。标记可以包含属性。例如，form标记常常具有action属性：<form action="process. php">。Canvas Tag：<canvas>是一个HTML5新标记。它实际上是一个绘图平面，在canvas上可以实现大量富有创造性的效果。在使用<canvas>时，需要广泛地使用JavaScript来执行绘图操作。Audio Tag：<audio>是一个HTML5新标记。顾名思义，它用于在浏览器中播放音频。在HTML5之前，这需要第三方解决方案才能实现，比如一个使用Flash创建的audio播放器。现在，HTML5提供了对audio播放器的原生支持。Video Tag：<video>是一个HTML5新标记。视频已经成为大众交流的一种主要手段。YouTube(www.youtube.com)是视频网站的领导者。在过去，使用YouTube时，要么是HTML代码中已经嵌入了YouTube生成的代码，要么是具有一个指向YouTube网站上视频的HTML链接，这样视频才能显示在Web页面上。新的<video>提供了一种通过原生核心标记来播放视频的新方法。视频的源文件可以放在任何地方——绝大多数都在Web服务器上。曙光HTML5就是下一代HTML。它并非是一种彻头彻尾的全新语言。它提升了已经成熟的HTML4，使其满足当今的需要。HTML5提供了数年之前并不加以考虑的一些功能。比如，几年之前，HTML还不需要客户端存储(local storage)功能。之前已经提到过的geolocation功能，对于提供以地理位置为核心的特性非常有用，比如推荐你附近的餐馆。本书介绍了大量的HTML5新特性，重点介绍了与多媒体开发有关的新特性，比如audio、video和动画。本书还展示了一些其他的关键特性，以便新的HTML5示例取得更好的体验。注意在各种可用的浏览器之间比较遵循标准的程度是一个永无休止的问题。浏览器的支持情况常常发生改变，因此讨论特定浏览器的细节很快就会过时。本书采取的办法，是给出实例，然后让读者亲自去试验。在某些实例中可能会提到某些适用的特定浏览器，但建议读者采用最新版本的浏览器。就呈现媒体而言，三个新标记——<audio>、<video>和<canvas>——可以取代实现相同功能的第三方工具。然而这只是一个主观的想法，流行的第三方工具将继续使用很长的时间。因为可以使用HTML5新标记，并不意味着Web站点必须更新到新的标准。另外，即使是开发新网站，开发人员将自然而然地继续使用他们最熟悉的工具来进行开发。解决这一问题的方法，是将JavaScript作为开发新Web项目的主要程序设计语言——指浏览器端的开发。请记住，Web页面是由Web服务器提供的。可以采用多种服务器端语言来创建要在浏览器中呈现的页面。但一旦处理浏览器端的编程，JavaScript就是关键，它是运行在浏览器中的程序设计语言，或者说是Web体验客户端的程序设计语言。从语言的发展历史来看，JavaScript是一门初生的语言，它用于提供简单的动作，比如翻转图片(当鼠标移过图片时显示另外一张图片)。数年之前，一种新的JavaScript应用——即AJAX——大行其道，它使JavaScript获得了开发人员社区的关注。在现今的开发领域，JavaScript是一种非常重要的语言。但JavaScript并不是一种特别容易学习的语言。具有传统面向对象语言比如C++的背景知识，可以使JavaScript的学习更加轻松。如果你喜欢拖放式的开发工具，比如Dreamweaver，那么请煮上一杯咖啡，卷起袖子，找一个舒适的地方来学习JavaScript吧。作为一个激动人心的开始，让我们来看一下图2吧，它显示了在canvas元素中绘制的一个爆炸的星空效果。开始本书的学习吧，你很快就可以创建出灿烂的页面效果。图2 用canvas标记显示一个JavaScript创建的动画本书代码亲自输入代码是学习一门语言最好的方式。如果读者在输入代码之后，发现代码无法正常运行，可以从www.webbingways.com网站下载本书的所有代码。