Criar página de "Site em manutenção"

De Task Wiki
Revisão de 16h48min de 13 de novembro de 2017 por Viniciuscosta (discussão | contribs)
Ir para: navegação, pesquisa

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, deverá copiar o código abaixo e colar em um editor de textos simples (exemplo 'Bloco de notas) e salvar o arquivo com nome index.html

<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>TÍTULO DO SITE</title> <!-- ALTERAR 'TÍTULO DO SITE' PARA NOME DE SUA PREFERENCIA  -->
  <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>
    <div id="descricao">
      (99) 99999-9999<br> <!--  ALTERAR TELEFONE  -->
      falecom@task.com.br <!--  ALTERAR E-MAIL  -->
    </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>


Elipse 2.png Em seguida, deverá alterar os campos destacados dentro do próprio código:



Elipse 3.png Então deverá salvar o arquivo e envia-lo juntamente com a imagem (logo do seu site) ao nosso servidor (para enviar os arquivos, basta seguir o tutorial sobre FTP;

Elipse 4.png Ao finalizar o envio dos arquivos, poderá testar o site pelo seu navegador de internet.