本节书摘来自异步社区《HTML5+CSS3网页设计入门必读》一书中的第1章，第1.7节,作者： 【美】Julie Meloni更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.7 使用FTP传输文件

就像你迄今为止所学到的，必须把Web内容放到Web服务器上，才能使之为其他人访问。这个过程通常是使用文件传输协议（File Transfer Protocol，FTP）发生的。要使用FTP，需要一个FTP客户端，这个程序用于把你的计算机上的文件传输到Web服务器上。

FTP客户端需要3份信息来连接到Web服务器。在你建立了账户之后，你的托管提供商将把这些信息发送给你。

• 你将连接到的主机名或地址。
• 你的账户的用户名。
• 你的账户的密码。
  当你具有了这些信息后，就准备好使用FTP客户端，把内容传输到Web服务器。

1.7.1 选择FTP客户端
无论使用的FTP客户端是什么，它们一般都会使用相同的界面。图1.4显示了一个FireFTP示例，它是Firefox Web浏览器使用的FTP客户端。本地机器（你的计算机）的目录清单出现在屏幕左边，远程机器（Web服务器）的目录清单则出现在右边。通常会看到右箭头和左箭头按钮，右箭头把所选的文件从计算机发送到Web服务器上；左箭头则把文件从Web服务器发送到计算机上。许多FTP客户端还允许简单地选择文件，然后把那些文件拖放到目标机器上。

许多FTP客户端可以免费使用，但是也可以通过File Manager（文件管理）工具传输文件，它很可能是Web服务器的控制面板的一部分。不过，这种文件传输方法通常会在过程中引入更多的步骤，并且几乎不像在你自己的计算机上安装FTP客户的过程那样流线化（或简单）。

下面列出了一些流行的免费FTP客户端。

• 用于Mac和Windows的Classic FTP。
• 用于Mac的Cyberduck。
• 用于Mac的Fetch。
• 用于所有平台的FileZilla。
• 用于所有平台的FireFTPFirefox扩展。
  当选择一个FTP客户端并在计算机上安装它时，就准备好从Web服务器上传和下载文件。在下一节中，将使用程序清单1.1中的示例文件解释这个过程的工作方式。

1.7.2 使用FTP客户端
下面的步骤说明了如何使用Classic FTP连接到Web服务器并传输文件。不过，所有的FTP客户端都使用类似的（如果不是完全相同的话）界面。如果理解了下面的步骤，就应该能够使用任何FTP客户端。

记住，首先需要主机名、账户的用户名和账户的密码。

1．启动Classic FTP程序，并单击Connect按钮，将提示你填写与你想连接到的站点相关的信息，如图1.5所示。

https://yqfile.alicdn.com/970dd69eab1c9eb1e377c18bcc891d8a195815f5.png" >

2．填写图1.5中显示的每个项目，如下所示。

• FTP服务器是需要发送Web页面的Web服务器的FTP地址，你的托管提供商将给你提供这个地址。它可能是yourdomain.com，但是要检查你在签订服务合同时接收到的信息。
• 使用托管提供商提供的信息完成User Name框和Password框。
  3．你可能要切换到Advanced选项卡，并修改以下可选的项目，如图1.6所示。
• Site Label是你将用于称呼自己站点的名称。其他任何人都不会看到这个名称，因此可以输入你想要的任何名称。
• 可以更改Initial Remote Directory on First Connection和Initial Local Directory on First Connection的值，但是你可能想等待，直到你习惯了使用FTP客户端并且建立了工作流程为止。
  4．完成设置后，单击Add Site保存设置。然后可以单击Connect，建立一条与Web服务器的连接。

你将看到一个对话框，指示Classic FTP尝试连接到Web服务器。一旦成功连接，将会看到一个如图1.7所示的界面，在左边显示本地目录的内容，并在右边显示Web服务器的内容。

https://yqfile.alicdn.com/991ca57c47f5b14fe957a441a1ee2d9d9cd15775.png" >

5．现在几乎就准备好将文件传输到Web服务器，剩余的全部工作是把目录改为所谓的Web服务器的文档根目录（document root）。Web服务器的文档根目录被指定为Web内容的顶级目录，它是目录结构的起点，在本章后面将了解关于它的更多信息。通常，这个目录被命名为public_html、www（因为www被创建为public_html的别名）或htdocs。你自己不必创建这个目录，托管提供商将为你创建它。

双击文档根目录名称以打开它。FTP客户界面的右边将变成显示该目录的内容（此时它可能是空的，除非Web托管提供商代表你在该目录中放置了占位符文件）。

6．目标是把你以前创建的 sample.html 文件从你的计算机传输到Web服务器上。在FTP客户端界面的左边列出的目录中查找文件（如果需要，可以进行导航），并单击它一次，以高亮显示文件名。

7．单击FTP客户端界面中间的右箭头按钮，把文件发送到Web服务器。当文件传输完成时，客户界面的右边将会刷新，以显示发送到目的地的文件。

8．单击Disconnect按钮关闭连接，然后退出Classic FTP程序。

无论何时你想通过FTP把文件发送到Web服务器上，从概念上讲都要采取这些类似的步骤。也可以使用FTP客户端在远程Web服务器上创建子目录。要使用Classic FTP创建子目录，可以单击Remote菜单，然后单击New Folder。不同的FTP客户端具有不同的界面选项，来实现相同的目标。