Publicando seu site

Uma vez que você tenha acabado de escrever seu código e organizar os arquivos que compõem seu site, você precisa disponibilizar tudo isso online para que as pessoas possam achá-lo. Este artigo mostra como colocar online seu código de amostra simples com o mínimo de esforço.

Quais são as opções?

Publicar um site não é um tópico simples, principalmente porque há muitas maneiras diferentes de fazê-lo. Nesse artigo, nós não pretendemos documentar todos os métodos possíveis. Em vez disso, nós discutiremos os prós e contras de três estratégias do ponto de vista de um iniciante, e então o guiaremos por um método que irá funcionar por enquanto.

Conseguindo uma hospedagem e um nome de domínio

Para ter mais controle sobre o conteúdo e a aparência do site, a maioria das pessoas escolhe comprar hospedagem na web e um nome de domínio:

  • Hospedagem é um espaço para arquivos alugado no servidor de uma compania de hospedagem. O servidor disponibiliza o conteúdo do site para os usuários que o visitam.
  • Um nome de domínio é o endereço único onde pessoas encontram seu site, como http://www.mozilla.org, ou http://www.bbc.co.uk. Você aluga seu nome de domínio por tantos anos quanto desejar por meio de um registrador de domínio.

Muitos sites profissionais ficam online dessa maneira.

Você vai precisar ainda de um programa de Protocolo de Transferência de Arquivos (FTP) (en-US) (veja Quanto custa: software para mais detalhes) para transferir os arquivos do site ao servidor. Programas FTP variam, mas geralmente você tem que logar no servidor usando detalhes fornecidos por sua empresa de hospedagem (ex. nome de usuário, senha, nome de host). Então, o programa mostra para você os arquivos locais e do servidor em duas janelas, para que você possa transferí-los ao servidor e de volta para o computador:

Dicas para encontrar hospedagem e domínios

  • Nós não promovemos empresas de hospedagem comercial ou para registro de nome de domínio. Para encontrar empresas de hospedagem e registradores de domínio, basta procurar por "hospedagem web" e "nomes de domínio". Todos os registradores terão um recurso para permitir que você verifique se o nome de domínio desejado está disponível.
  • Seu provedor de serviço de internet (en-US) local ou empresarial pode fornecer uma hospedagem limitada para um site pequeno. O conjunto de recursos disponíveis será limitado, mas pode ser perfeito para seus primeiros experimentos — entre em contato com eles e pergunte!
  • Há alguns serviços disponíveis gratuitamente, como Neocities, Blogspot e Wordpress. Às vezes, você recebe o que paga, mas às vezes esses recursos são bons o suficiente para suas experiências iniciais.
  • Muitas empresas fornecem hospedagem e registro de domínio.

Usando uma ferramenta online como Github ou Google App Engine

Algumas ferramentas permitem que você publique seu site online:

  • Github é um site de "codificação social". Ele permite que você faça upload de repositórios de código para armazenamento no sistema de controle de versão Git. Você pode então colaborar em projetos de código, e o sistema é open-source por padrão, o que significa que todo mundo pode encontrar seu código Github, usá-lo, aprender com ele e se aprimorar. O Gitub tem um recurso muito útil chamado GitHub Pages, que permite expor o código do site ao vivo na web.
  • O Google App Engine é uma plataforma poderosa que permite criar e executar aplicativos na infraestrutura do Google, seja para criar um aplicativo da Web de várias camadas a partir do zero ou para hospedar um site estático. Veja Como você hospeda seu website no Google App Engine? Para maiores informações.

Diferente da maioria das hospedagens, essas ferramentas geralmentre são gratuitas, mas você tem um conjunto limitado de recursos.

Usando uma IDE baseada na web como o CodePen

Há um número grande de web apps que emulam um ambiente de desenvolvimento de site, permitindo a você escrever HTML, CSS e JavaScript e então expor o resultado renderizado como em um site — tudo em uma aba do navegador! Falando de forma genérica, essas ferramentas são fáceis, boas para aprender e gratuitas (para recursos básicos), e elas geralmente hospedam sua página em um endereço único na web. No entanto, os recursos são limitados e esses aplicativos geralmente não provêem espaço de hospedagem para recursos (como imagens).

Tente codificar com alguns desses exemplos, e veja qual se encaixa melhor para você:

Publicando via Github

Agora vamos mostrar como publicar seu site facilmente por meio das páginas do GitHub.

  1. Primeiro de tudo, inscreva-se no GitHub e verifique seu e-mail.
  2. Em seguida, você precisa criar um repositório para colocar seus arquivos.
  3. Nesta página, na caixa Repository name (nome do repositório), digite username.github.io, onde username é o seu nome de usuário. Então, por exemplo, nosso amigo bobsmith entraria em bobsmith.github.io. Além disso, marque Initialize this repository with a README (inicializar este repositório com um README) e então clique em Create repository (Criar repositório).
  5. Arraste e solte o conteúdo da pasta do site no seu repositório e clique em Commit changes (confirmar alterações).

    Nota: Nota: Certifique-se que sua pasta possui um arquivo index.html.

  6. Navegue em seu navegador até username.github.io para ver seu site online. Por exemplo, para o usuário chrisdavidmills, vá para chrisdavidmills.github.io.

Nota: Nota: Pode levar alguns minutos para seu site ficar online. Se ele não funcionar imediatamente, talvez seja necessário aguardar alguns minutos e tentar novamente.

Para aprender mais, consulte a Ajuda do Github Pages (em inglês).

Leitura complementar