《html5 css3网页设计入门必读》——1.7 使用ftp传输文件 -尊龙游戏旗舰厅官网

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

总结

以上是尊龙游戏旗舰厅官网为你收集整理的《html5 css3网页设计入门必读》——1.7 使用ftp传输文件的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得尊龙游戏旗舰厅官网网站内容还不错，欢迎将尊龙游戏旗舰厅官网推荐给好友。