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