Como aprender FTP (um tutorial)

O FTP (File Transfer Protocol) é o protocolo mais utilizado para transferir (upload e download) arquivos entre o seu computador (site local) e o servidor de FTP (site remoto/host).

Utilizando um navegador da web para uma conexão FTP pode ser difícil transferir arquivos grandes, além de não ser seguro. Por isso, usamos um cliente FTP, como o freeware FileZilla.

Você vai aprender como fazer o upload/download de arquivos de/para um servidor FTP, usando o FileZilla. Neste artigo vou utilizar um site gratuito chamado 000webhost.com com suporte ao protocolo FTP.

• Inscreva-se no 000webhost.com
  
  Clique em Sign Up
  
  Em Or, I will Choose your free subdomain section, digite o nome de seu site (veja o retângulo vermelho na imagem abaixo)
  
  Depois, preencha o formulário e clique no botão Create My Account.
  
  
• Instalando o FileZilla
  
  Quando estiver instalando o FileZilla, na seção Select components to install, marque a opção Desktop icon para encontrá-lo mais facilmente mais tarde (veja o retângulo vermelho na imagem abaixo).
  
  
• Configurando o Site Manager
  

  • Clique no menu File, Set Manager
  • Clique na pasta My Site (veja o retângulo rosa na imagem abaixo)
  • Clique no botão Novo Site (veja o retângulo azul na imagem abaixo), digite o título de seu site, por exemplo, learnpiano (veja o retângulo verde na imagem abaixo), pressione Enter
  • Digite então o seu servidor, nome de usuário e senha, baseado no e-mail de confirmação de 000webshost.com com o assunto "Account ..... (nome do seu site) is ready".
  • Port: digite 21 (o padrão de FTP é 21)
  • Server type: FTP - File Transfer Protocol
  • Logon type: Normal
  • Para adicionar outro site: basta clicar no botão New Site novamente e repetir os passos anteriores.
  • Clique no botão OK
  
  
• Começa o processo Connecting to the Host  
  

  • Clique no menu File, Site Manager
  • Se você tiver mais de um site, escolha aquele para o qual deseja transferir, por exemplo, learnpiano (veja o retângulo verde na imagem acima). Se houver apenas um, é escolhido automaticamente.
  • Clique no botão Connect (veja o retângulo vermelho na imagem acima)
  • O status "Directory listing successful" (Veja o retângulo rosa na imagem abaixo) significa, "Você pode transferir arquivos agora".
  
  
• Abra um navegador e digite o nome de seu site. Veja a mensagem na imagem (retângulo vermelho) abaixo, e então volte ao FileZilla clicando no botão da barra de tarefas.
  
  
• Excluir um arquivo ou pasta
  

  • Você vai apagar o arquivo "default.php" da pasta public_html no site remoto.
  • Dê um duplo clique na pasta public_html (veja o retângulo azul na imagem abaixo)
    
    
  • Clique sobre default.php (veja o retângulo rosa na imagem abaixo), pressione o botão Excluir.
    
    
  • Para excluir vários arquivos ou pastas: Selecione/realce os arquivos a excluir usando Shift + Clique ou Ctrl + Clique, e então pressione o botão Excluir. 
• Enviar um Arquivo
  

  • Quando você utilizar 000webhost.com, os arquivos devem ser enviados para a pasta public_html. Eu presumo que você usa HTML para criar seu website, portanto a sua página inicial deve ter o nome Index.html. Então você tem que carregá-la primeiro.
  • A pasta public_html foi selecionada anteriormente (veja o retângulo verde na imagem abaixo)
  • Clique na pasta do site local, por exemplo, a pasta learnpiano (veja o retângulo vermelho na imagem abaixo).
  • Use a barra de rolagem vertical para encontrar index.html.
  • Clique com o botão direito sobre Index.html (veja o retângulo azul na imagem abaixo), clique em Upload (veja o retângulo rosa na imagem abaixo)
  • Veja o resultado na imagem (retângulo preto) abaixo.
    
  
  
• Criar uma nova sub pasta na pasta public_html
  
  • Quando você estiver utilizando 000webhost.com, todas as sub pastas devem ser criadas dentro da pasta public_html. Por exemplo, imagine que você quer criar a sub pasta “Picture”.
  • Clique com o botão direito do mouse na pasta public_html (veja o retângulo azul na imagem abaixo)
  • Clique em Create Directory (veja o retângulo rosa na imagem abaixo)
    
    
    
  • Digite o nome do diretório que deverá ser criado: por exemplo, digite “Picture” (veja o retângulo vermelho na imagem abaixo),
  • Clique em OK
    
    
    
    
• Renomear um arquivo ou pasta
  
  • Por exemplo, renomear a sub pasta Picture para a sub pasta Image.
  • Clique na sub pasta Picture, pressione o botão F2, digite o novo nome: Image (veja retângulo vermelho na imagem abaixo).
    
    
    
• Enviar vários arquivos
  
  • Por exemplo, enviar vários arquivos para a sub pasta Image.
  • Clique na sub pasta Image (veja o retângulo vermelho na imagem abaixo)
  • Selecione/realce os arquivos do site local a serem enviados (veja o retângulo azul na imagem abaixo).
  • Clique com o botão direito sobre eles, clique em Upload (veja o retângulo rosa na imagem abaixo)
    
    
    
    
• Codificando no formato HTML
  
  • Se os arquivos são enviados para a pasta public_html:
    <a href="file_name.html"> Próxima página </ a>
    <img src="image_name.jpg" alt="Image Name">
  • Se os arquivos são enviados para a sub pasta public_html, por exemplo, public_html/subfolder_name:
    <a href="subfolder_name/file_name.html"> Próxima página </ a>
    <img src="subfolder_name/image_name.jpg" alt="Image Name"> 
• Re-enviar arquivo(s)
  
  • Siga os mesmos passos que você seguiu para enviar o(s) arquivo(s), com a única diferença de que, agora que você está re-enviando, verá a mensagem "Target file already exists".
  • A ação padrão é Overwrite (veja o retângulo vermelho na imagem abaixo) e eu prefiro não mudá-la. Clique em OK
  • Para cancelar a ação Reupload, basta clicar no botão Cancel..
    
  
  
• Fazer download de arquivo(s)
  
  • Siga os mesmos passos que você seguiu para enviar arquivos, com a única diferença de que, neste caso, você está transferindo do site remoto para o site local.
  • Clique na pasta do site local onde você deseja colocar os arquivos baixados, por exemplo, a pasta learnpiano (veja o retângulo vermelho na imagem abaixo).
  • No site remoto, selecione/realce o(s) arquivo(s) para baixar (veja o retângulo azul na imagem abaixo).
  • Clique com o botão direito sobre eles, clique em Download (veja o retângulo rosa na imagem abaixo).
  • Veja o resultado (retângulo marrom) na imagem abaixo.
  
  
  
• De volta para o navegador. Pressione F5 para atualizar seu site, e ele é mostrado agora.