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

Se você quer total controle sobre seu site publicado, então você provavelmente vai precisar gastar dinheiro para comprar:

  • Hospedagem — espaço alugado de arquivos no servidor de uma compania de hospedagem. Você coloca os arquivos do seu site neste espaço, e o servidor disponibiliza o conteúdo para os usuários que o solicitam.
  • 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 muitos anos 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) (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 providos por sua compania 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 companias de hospedagem comercial ou para registro de nome de domínio aqui. Para encontrar companias de hospedagem e registradores de nomes 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 ou se alguém já o registrou.
  • Seu provedor de serviço de internet 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. De novo, você tem pelo que você paga, mas eles são ideais para seus experimentos iniciais. Serviços gratuitos muitas vezes não requerem software FTP para uploads — você pode apenas arrastar e soltar dentro da interface web.
  • Às vezes, companias provem hospedagem e domínio em um único pacote.

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 Thimble

Há um número grande de web apps que emulam um ambiente de desenvolvimento de site, te permitindo 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. Embora, os recursos básicos sejam muito limitados e os apps não provem espaço para elementos mais elaborados (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 inicializar este repositório com um README and então clique em Create repository (criar repositório).

  1. Depois disso, arraste e solte o conteúdo da pasta do site no seu repositório e clique em Commit changes (confirmar alterações).

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

  1. Agora acesse em seu navegador username.github.io para ver seu site online. Por exemplo, para o usuário chrisdavidmills, vá para chrisdavidmills.github.io.

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 (em inglês).

Leitura complementar

Neste módulo