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

Edição atual tal como às 14h23min de 8 de agosto de 2024

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):

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>
  <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>
      falecom@task.com.br
    </div>
    <a href="http://task.com.br" target="_blank">
      <img src="https://www.task.com.br/img/task/img-task-instagram.jpg" id="logo-task">
    </a>
  </div>
</body>
</html>

Em seguida, abra o arquivo salvo (index.html) e altere os campos destacados abaixo dentro do próprio código:
Procure por TÍTULO DO SITE e altere para outro de sua preferência;
Procure pelo telefone de contato (99) 99999-9999 e altere por seu número de telefone;
Procure pelo e-mail de contato falecom@task.com.br e altere por seu e-mail de contato;
Procure por logo.png e altere para o mesmo nome do arquivo de imagem com a logo de seu site;

Salve o arquivo;

Por fim, deverá enviar o arquivo "index.html" e o arquivo de imagem com sua logo ao nosso servidor (para enviar os arquivos, basta seguir o tutorial sobre FTP;

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

@@ Linha 1: / Linha 1: @@
 [[Categoria:gerencie_seu_domínio]]
-[[categoria:FTP]]
 <table cellspacing="0">
@@ Linha 12: / Linha 11: @@
 #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>
+<center>[[Arquivo:banner-task-30-hospedagem.png|link=http://task.com.br]]</center>
-[[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>
+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:gerenciadorFilezilla1.png]]<br>
+<br>
+[[Arquivo: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'''<br>
+<br>
-[[Arquivo:elipse_2.png]] Clique em '''"Novo Site"''':<br>
+<pre>
+<html lang="en">
+<head>
-[[Arquivo:gerenciadorFilezilla2.png]]<br>
+  <meta charset="UTF-8">
+  <title>TÍTULO DO SITE</title>
+  <link href="https://fonts.googleapis.com/css?family=Titillium+Web" rel="stylesheet">
-[[Arquivo:elipse_3.png]] Com os dados de conexão à seu FTP em mãos, configure uma nova conexão, conforme abaixo: <br>
+  <style>
+    body{
+      font-family: 'Titillium Web', sans-serif;
-[[Arquivo:gerenciadorFilezilla3.png]]<br>
+      color: #666666;
+      text-align: center;
+    }
-Nessa tela serão solicitados os dados de conexão ao FTP. Preencha conforme abaixo:
+    .box{
-* '''Host:''' ftp.seudominio.com.br
+      background-color: #fff;
-* '''Porta:''' 21
+      width: 500px;
-* '''Protocolo, selecione:''' FTP - Protocolo de Transferência de Arquivos
+      margin: 50px auto;
-* '''Encriptação, selecione:''' Usar FTP simples
+    }
-* '''Tipo de logon, selecione:''' Normal
+    #title {
-* '''Usuário:''' informe o usuário (login) de conexão ao FTP
+      font-size: 30px;
-* '''Senha:''' Senha atual de acesso ao próprio FTP
+      margin-top: 25px;
-Clique em''' "Ok"''' para salvar as novas configurações.
+    }
+    #descricao{
+      font-size:20px;
-[[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>
+      margin: 20px auto;
+    }
+    #logo {
-[[Arquivo:gerenciadorFilezilla4.png]]<br>
+      margin-top: 25px;
+      max-width: 365px;
+      height: auto;
-[[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>
+    }
+    #logo-task {
+      width: 75px;
-[[Arquivo:gerenciadorFilezilla5.png]]<br>
+    }
+  </style>
+</head>
-[[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>
+<body>
+  <div class="box">
+    <img src="logo.png" id="logo">
-[[Arquivo:gerenciadorFilezilla6.png]]<br>
+    <div id="title">
+      SITE EM MANUTENÇÃO
+    </div>
-[[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.
+    <div id="descricao">
+      (99) 99999-9999<br>
-'''Obs.:''' Caso não possua o cliente filezilla instalado em sua máquina, faça o download do instalador em  http://filezilla-project.org/
+      falecom@task.com.br
+    </div>
+    <a href="http://task.com.br" target="_blank">
+      <img src="https://www.task.com.br/img/task/img-task-instagram.jpg" id="logo-task">
+    </a>
+  </div>
+</body>
+</html>
+</pre>
+<br>
+[[Arquivo:elipse_2.png]] Em seguida, abra o arquivo salvo (index.html) e altere os campos destacados abaixo dentro do próprio código:<br>
+Procure por '''TÍTULO DO SITE''' e altere para outro de sua preferência;<br>
+Procure pelo telefone de contato '''(99) 99999-9999''' e altere por seu número de telefone;<br>
+Procure pelo e-mail de contato '''falecom@task.com.br''' e altere por seu e-mail de contato;<br>
+Procure por '''logo.png''' e altere para o mesmo nome do arquivo de imagem com a logo de seu site;
+<br>
+<br>
+[[Arquivo:elipse_3.png]] Salve o arquivo;<br>
+<br>
+[[Arquivo:elipse_4.png]] Por fim, deverá enviar o arquivo "index.html" e o arquivo de imagem com sua logo ao nosso servidor (para enviar os arquivos, basta seguir o tutorial sobre [https://wiki.task.com.br/index.php/Gerenciador_de_FTP_-_Filezilla FTP];<br>
+<br>
+[[Arquivo:elipse_5.png]] Ao finalizar o envio dos arquivos, poderá testar o site pelo seu navegador de internet.<br>
+<br>