第 2 章 准备工作

第 2 章 准备工作

磨刀不误砍柴工。任何Web开发工作都需要一些基本工具。要想自己重做一遍本书后面的一些高级范例,也需要用到本章介绍的一种软件。

说到Web开发工具,大家都乐意看到有大把免费和开源的软件可用。编写本书示例时用到的所有工具均可免费获取。选好喜欢的装备,HTML5之旅即可启程。

2.1 挑选浏览器

学习本书所需的工具中,最重要的是浏览器。书中所用浏览器只限于主流产品。此处所谓主流产品,指的是下列几种浏览器的桌面版本:

  • Google Chrome;
  • Mozilla Firefox;
  • Opera;
  • Apple Safari;
  • Internet Explorer。

这些浏览器用户最多。与手机版本相比,其桌面版本更新更频繁,特性也更丰富。读者可能会发现这里没有提到你喜欢的浏览器,这并不代表你的浏览器不支持书中介绍的特性。不过我建议还是使用这里列出的浏览器为好。

我最喜欢的浏览器是谷歌的Chrome。我喜欢它的简洁,还有它附带的一些称手的开发工具。出于这个原因,书中插图多为显示HTML5文档的谷歌Chrome的屏幕截图。不好Chrome这一口的读者可以使用Firefox或Opera,这两种浏览器对HTML5的支持不逊于Chrome。相比之下,Safari和Internet Explorer略显落后。

Internet Explorer目前的情况有些意思。本书写作之时,Internet Explorer 9已经发布,它对一些基本的HTML5特性支持得不错。目前Internet Explorer 10已有预览版,它的改进不小,然而仍然缺乏对一些关键特性的支持。不过事情已经很清楚,微软在Windows 8的规划中包括了基于HTML5和JavaScript的应用程序开发。这意味着在Windows 8发布的时候Internet Explorer引擎可望出色地支持HTML5。

注意 请不要来信告诉我你中意的浏览器如何如何比我的好。我知道你的浏览器很可人,知道你很有眼光。我也祝愿你欢欢喜喜一用许多年。要是你实在不想就这么凑合,我可以卖套补救工具给你(收费只有区区50美元)——其中包括一扎纸、一把剪刀和少许胶水。书中凡有插图的地方,你都可以打印一张自己浏览器的图,剪下来粘上去,蒙住原来的Chrome的图。为了内心安宁,这点代价是微不足道的。我猜你也一定同意这一点。

2.2 挑选HTML编辑器

编写HTML文档需要编辑器。任何文本编辑器都可以,不过我建议找款对HTML(最好是HTML5)有专门支持的。这种编辑器通常会对标记进行语法检查,具备能减轻用户打字工作量的自动补全功能,还有可以用来同步显示代码变化所产生的效果的预览面板。

本书用的是出自ActiveState的Komodo Edit(可从activestate.com获取)。这是一款免费、开源的编辑器。它对HTML的支持有其独到之处,而且比较接近我心中理想编辑器的样子。我跟ActiveState没有来往,无意为Komodo Edit做广告,这里提到它只不过是因为我觉得它对这本书和其他一些项目很有用。

2.3 挑选Web服务器

Web服务器对于学习本书而言并非不可或缺,不过如果HTML文档是从磁盘(而非Web服务器)加载的话,有些特性的表现会有所不同。本书的例子用什么Web服务器都行,免费的开源Web服务器有的是。我用的是IIS 7.5——出自微软的Web和应用程序服务器。这个不是免费产品。不过我有一台运行Windows Server 2008 R2的开发用服务器,所以需要的特性基本上都齐全了。

2.4 获取Node.js

在本书一些章节中,我需要编写运行在后端服务器上的代码。为此我使用了近来迅速走红的Node.js。其简洁的事件驱动型I/O很适合处理容量大但数据传输率不高的Web请求。

不熟悉Node.js不要紧。之所以选择它是因为我要用JavaScript编写服务器脚本,这样本书就不必再引进另一门编程语言。我不打算解释Node.js的工作方式,甚至也不打算详细解释书中的服务器脚本。不过,有JavaScript功底的读者应该能推测出它们的功能。

Node.js可以从http://nodejs.org下载。本书使用的是0.4.11版。由于Node.js升级很快,读者读到本书的时候可能会发现它已经发布了更新的版本。

获取multipart模块

并非所有要用到的功能都能在Node.js核心程序包中找到。读者还需要用到multipart模块,它可以从这个地址下载:https://github.com/isaacs/multipart-js,下载后根据说明安装即可。第32章和第33章介绍Ajax技术时要用到这个模块。

2.5 获取示例代码

本书所有示例HTML文档均可从apress.com免费获得。它们按章组织,还附带有支持资源(第34章所用的视频和音频内容除外,因为清理媒体内容很麻烦)。

2.6 小结

本章概述了准备学习后续章节所需的基本工具。Web开发只需要一些简单工具(其中最重要的是浏览器),它们都可以免费获得。下面三章将要介绍HTML、CSS和JavaScript方面的基础知识。

目录

  • 版权声明
  • 致谢
  • 第一部分 开篇
  • 第 1 章 HTML5背景知识
  • 第 2 章 准备工作
  • 第 3 章 初探HTML
  • 第 4 章 初探CSS
  • 第 5 章 初探JavaScript
  • 第二部分 HTML元素
  • 第 6 章 HTML5元素背景知识
  • 第 7 章 创建HTML文档
  • 第 8 章 标记文字
  • 第 9 章 组织内容
  • 第 10 章 文档分节
  • 第 11 章 表格元素
  • 第 12 章 表单
  • 第 13 章 定制input元素
  • 第 14 章 其他表单元素及输入验证
  • 第 15 章 嵌入内容
  • 第三部分 CSS
  • 第 16 章 理解CSS
  • 第 17 章 使用CSS选择器(第Ⅰ部分)
  • 第 18 章 使用CSS选择器(第Ⅱ部分)
  • 第 19 章 使用边框和背景
  • 第 20 章 使用盒模型
  • 第 21 章 创建布局
  • 第 22 章 设置文本样式
  • 第 23 章 过渡、动画和变换
  • 第 24 章 其他CSS属性和特性
  • 第四部分 使用DOM
  • 第 25 章 理解DOM
  • 第 26 章 使用Document对象
  • 第 27 章 使用Window对象
  • 第 28 章 使用DOM元素
  • 第 29 章 为DOM元素设置样式
  • 第 30 章 使用事件
  • 第 31 章 使用元素专属对象
  • 第五部分 高级功能
  • 第 32 章 使用Ajax(第Ⅰ部分)
  • 第 33 章 使用Ajax(第Ⅱ部分)
  • 第 34 章 使用多媒体
  • 第 35 章 使用canvas元素(第Ⅰ部分)
  • 第 36 章 使用canvas元素(第Ⅱ部分)
  • 第 37 章 使用拖放
  • 第 38 章 使用地理定位
  • 第 39 章 使用Web存储
  • 第 40 章 创建离线Web应用程序