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:
 
<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>
 
[[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>
<blockquote><pre>
+
<blockquote>
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
Linha 64: Linha 64:
 
</body>
 
</body>
 
</html>
 
</html>
</pre></blockquote>
+
</blockquote>
 
<br>
 
<br>
 
[[Arquivo:elipse_2.png]] Em seguida,  deverá alterar os campos destacados dentro do próprio código:
 
[[Arquivo:elipse_2.png]] Em seguida,  deverá alterar os campos destacados dentro do próprio código:

Edição das 16h45min de 13 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, 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>

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


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.