programandoai

Publique o seu perfil

Uma página que só abre no seu computador ainda não é um perfil de verdade. Hora de colocá-la no ar, com um endereço que qualquer pessoa pode abrir.

Estudar esta lição interativa →

Você tem uma página de perfil completa no computador. Para um recrutador, um cliente ou um amigo vê-la, ela precisa estar num servidor que responda a um endereço da internet. Como o HTML que você escreveu é um conjunto de arquivos prontos (sem banco de dados nem código no servidor), basta uma hospedagem estática: um serviço que guarda a sua pasta e a entrega para quem pedir. Vários oferecem planos gratuitos para projetos pessoais, como o GitHub Pages, o Netlify e o Cloudflare Pages; as telas e os nomes dos botões mudam com o tempo, então siga a documentação atual do serviço que escolher.

1. Prepare a pasta

O arquivo principal precisa se chamar index.html e ficar na raiz da pasta. Imagens em img/, com nomes em minúsculas, sem espaços nem acentos (lembra do aviso de maiúsculas da lição sobre caminhos?).

2. Troque o que é de mentira

A foto de exemplo dos passos vem de um serviço de imagens aleatórias. Salve uma foto sua em img/ e aponte o src para ela; links de projeto com example.com precisam virar endereços reais.

3. Envie a pasta

Cada serviço tem um jeito (enviar arquivos pelo site, ou ligar um repositório do Git). O resultado é sempre o mesmo: um endereço https público para a sua página.

4. Teste como visitante

Abra o endereço numa janela anônima e no celular. Confira imagens, links âncora do menu e o formulário (que ainda não envia nada, como avisamos no passo 3).

Público quer dizer público

Tudo o que você publica pode ser lido, copiado e guardado por qualquer pessoa, e buscadores podem indexar a página. Não coloque telefone residencial, endereço, documentos nem dados de outras pessoas. Use apenas imagens e textos que você criou ou que tenham licença que permita o uso. E como o formulário do projeto não tem servidor para receber os dados, avise na página (ou retire-o) em vez de deixar quem o preenche achar que a mensagem chegou.

Cada mudança, uma nova publicação

Depois que a página está no ar, o ciclo é o mesmo da lição "Do editor ao navegador": edite, salve, confira no computador e então envie de novo os arquivos alterados. Nos próximos cursos, o CSS e o JavaScript entram na mesma pasta e sobem junto.

← Voltar ao índice do curso