《Web前端工程师修炼之道（原书第4版）》——我需要购买些什么

本节书摘来自华章社区《Web前端工程师修炼之道（原书第4版）》一书中的我需要购买些什么，作者Jennifer Niederst Robbins，更多章节内容可以访问云栖社区“华章社区”公众号查看

我需要购买些什么
毫无疑问，专业的Web设计师需要很多工具，包括硬件和软件。我的学生最常问的一个问题是：“我需要购买些什么呢?”我不能告诉你去买什么，但是我可以介绍一下这个行业的典型工具。
虽然在这里我列出的是最受欢迎的商业软件，但是它们同时都有免费软件和共享软件，你可以下载这些软件（试试看CNET的网站Download.com）。稍做一些努力，不必花很多钱，你就可以完全创建一个网站。
XML简介
如果你经常接触Web设计，你肯定听过XML（eXtensible Markup Language，扩展标记语言）。XML并不是一种特定语言，而是创造其他标记语言的一套强有力的规则。
举一个简单的例子，如果你要出版一套食谱，你可能就需要使用XML来创建一套自定义的标记语言，包括元素、和，这些元素是用来描述食谱文件中信息的类型。正确标注后，这些信息就可以当做数据处理。事实上，XML已经成为应用程序之间分享数据的强有力的工具。尽管XML最初设计是用在Web中，但是由于它的数据处理功能，它在Web之外的领域也产生了巨大影响。越来越多的软件，如Microsoft Office、Adobe Flash和Apple iTunes都开始在幕后使用XML文件。
但是依然有很多种XML语言应用在Web中。最流行的是XHTML，它是根据XML（在第10章会更多地介绍XHTML）的规则来重写HTML得到的。还有一种语言是RSS（Really Simple Syndication或RDF Site Summary，简易信息集合），它可以把你的内容当做数据来共享，并且可以使用RSS种子阅读器阅读；SVG（Scalable Vector Graphics，可伸缩矢量图形）用标签来描述几何形状，MathML是用来描述数学符号的。
作为一个Web设计师，你最先接触的XML可能就是用来创作文件的XHTML，或者是添加在网站上的RSS或SVG图像。开发新的XML语言是程序员或XML专家的职责。
设备
为了有一个舒适的Web开发环境，我建议使用如下装备：
一台性能稳定的最新的计算机。操作系统可以是Macintosh、Windows或者Linux。在专业的Web开发公司，创意部门往往使用苹果机。虽然最好使用性能非常好的电脑，但是组成网页的文件是非常小的，所以在电脑的配置上不必太奢侈。除非你需要编辑音频和视频，否则你完全没必要担心你的计算机配置不是最新和最强的。
额外的内存。由于你需要同时使用多个应用程序，所以你的计算机上最好有足够的内存，这样才能同时运行几个对内存要求很高的程序。
大一些的显示器。这个要求虽然不是必需的，但是高清显示器看起来会舒服得多，尤其对于视觉设计师而言。（我见到过写代码的开发者在11寸的MacBookAir上干得也不错。）显示器越多，你可以同时打开的窗口和控制面板数就越多。在进行设计决策时，你也可以同时看到多个页面。
如果你使用的是高清显示器，那么务必记住你是为用小的显示器和低清晰度的用户做设计的。
一台扫描仪和/或一台数码相机。如果你要制作自己的图像和文本，你就需要一些工具来创建它们。我知道有一个设计师有两台扫描仪：一台是性能好的扫描仪，另一台一般的扫描仪则只用来扫描一些像死鱼或者生锈的平底锅一样的东西。
辅助计算机。很多Web设计师发现，有一台使用不同平台的计算机做测试是非常有用的（例如，如果你使用Mac设计，那么就在PC机上测试）。由于Mac操作系统的浏览器和Windows操作系统上的浏览器工作原理不同，所以在尽可能多的环境测试是非常重要的，尤其要在Windows操作系统上测试。如果你只是居家工作的Web设计爱好者，可以在你朋友的计算机上测试。Mac用户应该看看侧栏的“在Mac上运行Windows”。
移动设备。Web已经进入移动时代了！这意味着在智能手机或平板设备的移动浏览器上测试站点的外观和性能绝对至关重要。你可能已经有了自己的智能手机。如果你的预算不足以购买多个平台的设备，可以问问你的朋友看看是否可以花几分钟，用他们的设备来查看你的站点。我有一个Web开发者朋友，他在当地的移动运营商商店来查看他设计的网站（虽然你可能很快就会不受欢迎）
软件
创建网页的软件应有尽有。在早期，只有适用于打印机的软件工具。但是今天，已经有很多工具是专门用来进行Web设计的，从而使得Web设计的效率大幅度提高。虽然无法列出每一个可用的软件版本，但是我可以介绍最常用和行之有效的Web设计工具。注意，你可以在公司主页下载这些程序的试用版本，将在本章侧栏“看一看：流行的Web设计软件”中列出这些公司网站。
Web创作
Web创作工具类似于桌面出版工具，只是它最终的产品是网页（一个HTML文件及其相关的文件）。这些工具提供一种“所见即所得”的界面和捷径，为你节省编写HTML和CSS的大量时间。这些工具可以使你避免陷入HTML学习中。虽然即便最好的工具也无法生成与手动编写一样的干净、专业的HTML，但是如果你清楚要做什么，使用它们可以加快进度。
下面是一些流行的Web创作程序：
Adobe Dreamweaver。由于这个软件的简洁和高级性能，它已经成为行业标准。
Microsoft Expression Web（只限Windows）。这是微软专业设计工具套装软件的一部分，它的强项是标准兼容代码和基于CSS的布局。
Nvu（Linux、Windows和Mac OS X）。不想购买一个所见即所得的编辑器么？那么你可以选择Nvu（叫做N-view，表示“new view”），这是一个开源工具，它实现了Dreamweaver中的很多功能，可以免费从nvu.com下载。
HTML编辑器
HTML编辑器（不同于所见即所得的创作工具）可以加快手写HTML的速度。它不允许可视化地编辑页面，所以你需要在浏览器中查看你的工作。实际上很多专业的Web设计师更喜欢手写HTML文件，他们强烈推荐以下工具：
TextPad（只限Windows）。TextPad是Windows上的一种简单又便宜的文本编辑器。
Sublime Text（Windows，Mac，Linux）。这个软件不贵，看起来像毫无装饰的文本编辑器一样，但是由于有很多功能（如色彩编码和全码查看）受到开发者的喜爱而日益变得重要。
Panic软件制作的Coda（只限Macintosh）。代码工作者喜欢它的工作流、文件管理工具和内置的终端访问工具。
TextMate by MacroMates（只限Macintosh）。这个高级的文本编辑器具有项目管理工具和一个接口，这个接口是与Mac操作系统集成的。由于它很容易使用、功能丰富且价格低廉，所以越来越受欢迎。
Bare Bones 软件制作的BBEdit（只限Macintosh）。大量的快捷方式使其成为基于Mac的Web开发者的主要编辑器。
图像编辑和绘制软件
你很可能需要在你的页面上添加图片，这样就需要一个图片编辑程序。将在第四部分详细了解一些备受欢迎的程序。现在，你可能想要看一些很受欢迎的网页图片创建工具：
Adobe Photoshop。毋庸置疑，在印刷和网站方面，Photoshop都是图片创建的行业标准。
Adobe Photoshop Elements。这个轻量级的Photoshop是用来进行照片编辑和管理的，但是一些爱好者会发现，它具有在网页上发布图片时所需的所有工具。
Adobe Illustrator。由于设计师需要创建各种大小和分辨率的商标、图标和矢量图，很多设计师以在Illustrator中的矢量图开始寻求最大的灵活度。你可以使用Illustrator直接输出Web图像，或者在Photoshop中稍微调整。
Adobe Fireworks。这个Web画图程序由一个图片编辑器和创建插图的矢量工具集成。此外，在输出Web图形上，它也是先进的工具。
Corel Paint Shop Pro Photo（只限Windows）。这是一个全功能的图片编辑器，对于使用Windows的用户来说，这个软件非常受欢迎，首要原因是它的价格低廉。
GIMP，“GNU图像控制程序”（Unix、Windows、Mac）。这个免费的图像编辑器类似于Photoshop。
互联网工具
由于你将要与互联网打交道，所以你需要一些专用的工具，以便在互联网上查看和移动文件：
各种浏览器。由于各种浏览器表现页面的方式不同，所以你需要在尽可能多的浏览器上测试你的页面，无论是台式机还是移动设备。市场上有数百种浏览器，下面这些是Windows和Macintosh操作系统上最常应用的最好的浏览器：
Windows: Macintosh OS X：
Internet Explorer (当前版本和至少前两个版本) Safari
Chrome Chrome
Firefox Firefox
Safari Opera
Opera
而且你不该忽视手机浏览器！下面的列表是写本书时最常见的一些手机浏览器（没人知道当你读到本书的时候，什么样的手机浏览器会变得重要）：
移动版Safari（ iOS）
安卓浏览器（Android）
黑莓浏览器（RIM）
诺基亚40系列和塞班系统的诺基亚浏览器
移动和迷你设备的Opera（可以安装在任何设备上）
移动Internet Explorer（Windows Phone）
Silk（Kindle Fire）
文件传输程序（FTP）。FTP程序使你可以在电脑和Web服务器之间上传和下载文件。前面列出的Web创作工具都有内置的 FTP程序。当然一些专用的 FTP程序，如下：
Windows: Macintosh OS X:

WS_FTP        Transmit
CuteFTP        Cyberduck
AceFTP        Fetch
Filezilla

终端应用程序。如果你使用过Unix操作系统，你会发现终端（命令行）应用程序是非常有用的，它可以使你在服务器上输入Unix命令。这对设置文件权限、移动或复制文件和目录以及管理服务端软件是非常有用的。
Windows用户可以安装一个Linux模拟器，叫做Cygwin，以便进行命令行访问。还有一个程序是PuTTY，这是一个免费的Telnet/SSH客户端。Mac OS X包含一个名叫Terminal的程序，这是一个完全成熟的终端应用程序，它可以让你访问底层的Unix系统，并且可以使用SSH来访问互联网上的其他命令行系统。