Mudanças entre as edições de "Criar página de "Site em manutenção""

De Task Wiki
Ir para: navegação, pesquisa
(Criou página com 'Categoria:gerencie_seu_domínio categoria:FTP <table cellspacing="0"> <tr> <td colspan="2"> </td> </tr> <tr style="background: #F0F8FF"> <td style="vertical-align:top...')
 
Linha 1: Linha 1:
 
[[Categoria:gerencie_seu_domínio]]
 
[[Categoria:gerencie_seu_domínio]]
[[categoria:FTP]]
 
 
 
<table cellspacing="0">
 
<table cellspacing="0">
 
<tr>
 
<tr>
Linha 12: Linha 10:
 
#9C9C9C; border-bottom: 1px solid #9C9C9C; padding: 1em;">
 
#9C9C9C; border-bottom: 1px solid #9C9C9C; padding: 1em;">
  
Para configurar e efetuar a transferência de seus arquivos através de um '''Gerenciador FTP''', siga os procedimentos abaixo:<br><br>
+
Abaixo, disponibilizamos tutorial para criação de uma página simples de "Site em manutenção" com sua logomarca e dados de contato (e-mail e telefone):<br><br>
 +
 
 +
[[Arquivo:elipse_1.png]] Primeiramente, será preciso configurar o código abaixo em um bloco de notas:<br>
 +
 
 +
 
 +
----
 +
<!DOCTYPE html>
 +
<html lang="en">
 +
<head>
 +
  <meta charset="UTF-8">
 +
  <title>TÍTULO DO SITE</title>
 +
  <link href="https://fonts.googleapis.com/css?family=Titillium+Web" rel="stylesheet">
 +
  <style>
 +
    body{
 +
      font-family: 'Titillium Web', sans-serif;
 +
      color: #666666;
 +
      text-align: center;
 +
    }
 +
    .box{
 +
      background-color: #fff;
 +
      width: 500px;
 +
      margin: 50px auto;
 +
    }
 +
    #title {
 +
      font-size: 30px;
 +
      margin-top: 25px;
 +
    }
 +
    #descricao{
 +
      font-size:20px;
 +
      margin: 20px auto;
 +
    }
 +
    #logo {
 +
      margin-top: 25px;
 +
      max-width: 365px;
 +
      height: auto;
 +
    }
 +
 
 +
    #logo-task {
 +
      width: 75px;
 +
    }
  
[[Arquivo:elipse_1.png]] Com o cliente Filezilla aberto, no topo da janela à esquerda, clique no menu '''"Arquivo"''' e depois na opção '''"Gerenciador de Sites"''':<br>
+
  </style>
 +
</head>
 +
<body>
 +
  <div class="box">
 +
    <img src="logo.png" id="logo">
 +
    <div id="title">
 +
      SITE EM MANUTENÇÃO
 +
    </div>
 +
    <!-- Descrição breve -->
 +
    <div id="descricao">
 +
      (99) 99999-9999<br>
 +
      falecom@task.com.br
 +
    </div>
 +
    <a href="http://task.com.br" target="_blank">
 +
      <img src="https://www.task.com.br/assets/cabecalho/logo-task.png" id="logo-task">
 +
    </a>
 +
  </div>
 +
</body>
 +
</html>
 +
----
  
  

Edição das 15h33min de 9 de novembro de 2017

Abaixo, disponibilizamos tutorial para criação de uma página simples de "Site em manutenção" com sua logomarca e dados de contato (e-mail e telefone):

Elipse 1.png Primeiramente, será preciso configurar o código abaixo em um bloco de notas:



<!DOCTYPE html> <html lang="en"> <head>

 <meta charset="UTF-8">
 <title>TÍTULO DO SITE</title>
 <link href="https://fonts.googleapis.com/css?family=Titillium+Web" rel="stylesheet">
 <style>
   body{
     font-family: 'Titillium Web', sans-serif;
     color: #666666;
     text-align: center;
   }
   .box{
     background-color: #fff;
     width: 500px;
     margin: 50px auto;
   }
   #title {
     font-size: 30px;
     margin-top: 25px;
   }
   #descricao{
     font-size:20px;
     margin: 20px auto;
   }
   #logo {
     margin-top: 25px;
     max-width: 365px;
     height: auto;
   }
   #logo-task {
     width: 75px;
   }
 </style>

</head> <body>

   <img src="logo.png" id="logo">
     SITE EM MANUTENÇÃO
     (99) 99999-9999
falecom@task.com.br
   <a href="http://task.com.br" target="_blank">
     <img src="https://www.task.com.br/assets/cabecalho/logo-task.png" id="logo-task">
   </a>

</body> </html>



GerenciadorFilezilla1.png


Elipse 2.png Clique em "Novo Site":


GerenciadorFilezilla2.png


Elipse 3.png Com os dados de conexão à seu FTP em mãos, configure uma nova conexão, conforme abaixo:


GerenciadorFilezilla3.png


Nessa tela serão solicitados os dados de conexão ao FTP. Preencha conforme abaixo:

  • Host: ftp.seudominio.com.br
  • Porta: 21
  • Protocolo, selecione: FTP - Protocolo de Transferência de Arquivos
  • Encriptação, selecione: Usar FTP simples
  • Tipo de logon, selecione: Normal
  • Usuário: informe o usuário (login) de conexão ao FTP
  • Senha: Senha atual de acesso ao próprio FTP

Clique em "Ok" para salvar as novas configurações.


Elipse 4.png Para realizar a primeira conexão ao FTP, vá novamente no topo da janela à esquerda e clique no menu "Arquivo" e depois na opção "Gerenciador de Sites". Selecione seu site à esquerda e clique em Conectar.:


GerenciadorFilezilla4.png


Elipse 5.png Após realizar a conexão, acesse a raiz de seu FTP clicando à direita, no diretório 'httpdocs'. À esquerda, em Endereço Local, navegue até o diretório de seu computador onde encontram-se armazenados os arquivos que deverão ser publicados no servidor de hospedagem.


GerenciadorFilezilla5.png


Elipse 6.png Em seguida, para início da transferência, selecione à esquerda os arquivos em seu computador e "arraste" os mesmos, conforme exemplo abaixo:


GerenciadorFilezilla6.png


Elipse 7.png No final da tela, através dos campos, "Arquivos em fila", "Transferências com falha" e "Transferências bem sucedidas", é possível acompanhar a publicação dos arquivos no servidor.

Obs.: Caso não possua o cliente filezilla instalado em sua máquina, faça o download do instalador em http://filezilla-project.org/