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

De Task Wiki
Ir para: navegação, pesquisa
Linha 13: Linha 13:
  
 
[[Arquivo:elipse_1.png]] Primeiramente, será preciso configurar o código abaixo em um bloco de notas:<br>
 
[[Arquivo:elipse_1.png]] Primeiramente, será preciso configurar o código abaixo em um bloco de notas:<br>
 
$(function () {
 
  var myElement = document.getElementById('https://wiki.task.com.br/index.php/Criar_página_de_"Site_em_manutenção"');
 
  myElement.innerHTML = 'TÍTULO DO SITE';
 
}());
 
----
 
<!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>
 
  <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>
 
----
 
 
 
[[Arquivo:gerenciadorFilezilla1.png]]<br>
 
 
 
[[Arquivo:elipse_2.png]] Clique em '''"Novo Site"''':<br>
 
 
 
[[Arquivo:gerenciadorFilezilla2.png]]<br>
 
 
 
[[Arquivo:elipse_3.png]] Com os dados de conexão à seu FTP em mãos, configure uma nova conexão, conforme abaixo: <br>
 
 
 
[[Arquivo:gerenciadorFilezilla3.png]]<br>
 
 
 
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.
 
 
 
[[Arquivo: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'''.:<br>
 
 
 
[[Arquivo:gerenciadorFilezilla4.png]]<br>
 
 
 
[[Arquivo: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.<br>
 
 
 
[[Arquivo:gerenciadorFilezilla5.png]]<br>
 
 
 
[[Arquivo: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:<br>
 
 
 
[[Arquivo:gerenciadorFilezilla6.png]]<br>
 
 
 
[[Arquivo: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/
 

Edição das 15h48min 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: