Publicar o seu site na Web

Assim que terminar de escrever o código e organizar os ficheiros que compõem o seu sire da web, precisa de colocar tudo online para que pessoas o possam encontrar. Este artigo explica como colocar o seu código de amostra online com pouco esforço.

Quais são as opções?

A publicação de um site na web é um tema complexo porque há muitas maneiras de o abordar. Este artigo não tenta documentar todos os métodos possíveis. Em vez disso, explica as vantagens e desvantagens de três abordagens que são práticas para os principiantes. Depois, passa por um método que pode funcionar de imediato para muitos leitores.

Encontrar hospedagem na web e um nome de domínio

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

  • O serviço de alojamento web fornece espaço de arquivo alugado no servidor de uma empresa de alojamento.  Colocam-se ficheiros de websites no servidor. O servidor fornece o conteúdo do site aos seus visitantes.
  • Um nome de domínio é o endereço único onde as pessoas encontram o seu sítio web, tal como https://www.mozilla.org ou http://www.bbc.co.uk. Pode alugar o seu nome de domínio por tantos anos quantos desejar a partir dum registador de domínios.

Muitos sites profissionais escolhem este modo para pôr o seu site online.

Além disso, precisará de um programa File Transfer Protocol (FTP) (ver How much does it cost: software para mais detalhes) para transferir os ficheiros do site para o servidor. Os programas FTP variam muito, mas geralmente, tem de se ligar ao seu servidor web utilizando os detalhes fornecidos pela sua empresa de hospedagem (normalmente nome de utilizador, palavra-passe, nome de anfitrião). Depois, o programa mostra-lhe os seus ficheiros locais e os ficheiros do servidor web em duas janelas, e fornece-lhe uma forma de transferir ficheiros para trás e para a frente.

Dicas para encontrar hospedagem na web e um nome de domínio

  • A MDN não promove empresas específicas de alojamento comercial ou agentes de registo de nomes de domínio. Para encontrar empresas de alojamento e agentes de registo, basta procurar por "alojamento web" e "nomes de domínio". Todos os agentes de registo terão uma funcionalidade que lhe permitirá verificar se o nome de domínio que pretende está disponível.
  • O fornecedor de internet da sua casa ou escritório pode fornecer algum alojamento limitado para um pequeno website. O conjunto de funcionalidades disponíveis será limitado, mas poderá ser perfeito para as suas primeiras experiências.
  • Há também serviços gratuitos disponíveis como Neocities, Blogger, e WordPress.  Estes não são as opções mais robustas, mas por vezes estes recursos são suficientemente bons para as experiências iniciais.
  • Muitas empresas oferecem alojamento e nomes de domínio.

Usar uma ferramenta online

Algumas ferramentas permitem publicar o seu site online:

  • GitHub é um site de "programação social". Permite-lhe carregar repositórios de código para armazenamento no sistema de controlo de versões Git. Pode então colaborar em projetos de código, e o sistema é de código aberto por defeito, o que significa que qualquer pessoa no mundo pode encontrar o seu código no GitHub, usá-lo, aprender com ele, e melhorá-lo. GitHub tem uma funcionalidade muito útil chamada GitHub Pages, que lhe permite expor o código do website ao vivo na web.
  • Google App Engine é uma plataforma poderosa que lhe permite construir e executar aplicações na infraestrutura do Google - quer necessite de construir uma aplicação web multi níveis a partir do zero ou hospedar um website estático. Veja How do you host your website on Google App Engine? para mais informações.

Estas opções são tipicamente grátis, mas é possível você acabar por precisar mais que as funções que elas oferecem.

Usar um IDE online

Existem várias aplicações web que imitam um ambiente de desenvolvimento de website, permitindo-lhe introduzir HTML, CSS e JavaScript, e depois mostrar o resultado desse código como um website — tudo num único separador do navegador. Em geral, estas ferramentas são relativamente fáceis de manusear, ótimas para aprender, boas para partilhar código (por exemplo, se quiser partilhar uma técnica com ou pedir ajuda de depuração a colegas num escritório diferente), e gratuitas (para funcionalidades básicas). Hospedam a sua página num endereço da web único. No entanto, as funcionalidades são limitadas, e estas aplicações normalmente não fornecem espaço de alojamento para ativos (como imagens).

Experimente usar as seguintes IDEs para descobrir qual é a melhor para si:

Publicar via GitHub

Agora vejamos como facilmente publicar o seu site através do GitHub Pages.

  1. Primeiro, inscreva se no GitHub e confirme o seu endereço eletrónico.
  2. A seguir, a crie um repositório para guardar os seus ficheiros.
  3. Nesta página, na caixa Repository name, escreva username.github.io, onde username é o seu nome de utilizador. Por exemplo, Bob Smith iria introduzir bobsmith.github.io na caixa. Selecione a caixa "Initialize this repository with a README", e carregue "Create repository".
  4. Arraste os conteúdos da sua pasta para o website, para dentro do repositório. Depois carregue em Commit changes.
     

    Nota: Certifique se que a sua pasta contém o ficheiro index.html.

  5. Navegue no seu navegador até username.github.io para ver o seu website online. Por exemplo, para o nome de utilizador chrisdavidmills, vai a chrisdavidmills.github.io.

    Nota: Pode demorar alguns minutos para que o seu site esteja live. Se o seu site não for visível imediatamente, espere por uns minutos e tente novamente.

Para aprender mais, veja GitHub Pages Help.

Leitura complementar

Neste módulo