本节书摘来自异步社区《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客户端具有不同的界面选项,来实现相同的目标。