Criação de um site grátis

Neste tutorial apresentamos o passo a passo para registrar um domínio gratuito (ou seja, para registrar grátis o endereço online que lhe permite acessar seu site) no portal www.freehostingeu.com e iniciar a criação e upload de páginas web. O Freehostingeu oferece uma plataforma gratuita para criar e hospedar o próprio site (um subdomínio de eu5.net), com os recursos de php e do banco de dados Mysql. Consideramos que essa plataforma seja uma ótima ferramenta de testes para quem está iniciando sua aprendizagem com páginas web dinâmicas e armazenagem de dados. Não vamos entrar aqui em detalhes sobre a linguagem html, assumindo que o usuário já tenha algum conhecimento básico sobre o assunto. Depois de ter realizado essas primeiras etapas, poderá passar aos tutoriais seguintes que ensinam como utilizar o banco de dados Mysql.

Acesse o link (clicando nele abrirá em uma nova aba do navegador):

Pelas imagens seguintes você pode acompanhar visualmente as instruções de cada etapa. Marcamos com quadros e setas vermelhos os pontos mencionados ao longo do texto. Abaixo é apresentada a página principal do site (assim como estava quando montamos essas instruções). Ignore o campo de escolha do domínio ("yourdomain"), pois vale para domínios a pagamento. Vá direto para o link "Clients login" para criar sua conta. Esse link permitirá também os acessos futuros, com a sua conta já ativa.

Como você ainda não criou sua conta, clique no link "SIGN UP NOW!" na parte inferior da página para se cadastrar.

A primeira etapa do cadastro requer que você escolha qual tipo de domínio você quer criar, pois há opções gratuitas ou pagas. Escolha a primeira opção: "FREE Hosting Plan", plano gratuito de hospedagem. Desça até o final da a página e clique no botão "Continue >>".

Na tela seguinte preencha o formulário (na parte inferior da página) com todos seus dados, como no exemplo abaixo, aceite os "termos de serviço", política de privacidade, etc. e novamente clique no botão "Continue >>".

Agora o cadastro está concluído. Você deverá receber um email de confirmação e um email com o link para você provar que forneceu o endereço de email correto (só clicar nele). Ao mesmo tempo o navegador apresentará uma tela de resumo, mostrando suas credenciais (número de usuário e email de acesso) e um link para acessar o painel de controle que lhe permite gerenciar seu novo site. Clique no link "Click here to log into your account".

Benvindo ao seu painel de controle! Primeiramente, para simplificar a vida, vamos configurar o idioma. Clique na aba "Language" no canto superior direito para expandir o menu e escolha "Portuguese (Brazil)", como apresentado nas imagens seguintes.

Muito bem! Agora vem a etapa de criação do domínio (nome do seu site). No painel de controle, clique no link "Gerenciador de domínios" que se encontra dentro da seção "Gerenciador do site", como indicado na imagem abaixo.

Entre as opções oferecidas, clique em "Criar um Domínio .eu5.net Grátis" e depois preencha o campo com o nome de sua escolha, como exemplificado abaixo (no exempo foi escolhido o nome "programadorfera"). Preste atenção que, como a própria opção explica, o endereço completo (url) para acessar seu site será o nome escolhido por você, seguido de .eu5.net, portanto não será o clássico ".com.br" ao qual está acostumado. Para ter o privilégio de desfrutar do .com.br, deverá necessariamente registrar o seu domínio pelo portal registro.br e pagar uma taxa anual. Nosso objetivo aqui é apresentar somente as opções gratuitas para criar seu site dinâmico e enriquecê-lo com um banco de dados. Quando se sentir confortável com essas ferramentas, você poderá optar por soluções mais profissionais.

Ao criar o seu domínio (para sermos precisos, trata-se de um subdomínio do domínio "eu5.net") aparecerá a mensagem de confirmação no topo do painel de controle. Na parte inferior da página você encontrará o link para acessar diretamente o seu site. Clique nesse link para descobrir como está aparecendo.

Como você ainda não carregou nenhum conteúdo personalizado para o seu site, é apresentada uma página padronizada de "boas vindas" contendo as instruções para acessar seu painel de controle e fazer upload dos seus arquivos que comporão o site. Abaixo o exemplo com o nosso subdomínio recém-criado:

Neste momento vamos focar na criação de um arquivo inicial que será carregado online para substituir a página padronizada que acabamos de ver. Como explicado no começo desse tutorial, o nosso objetivo não é ensinar a linguagem html, portanto faremos uma página super básica apenas como exemplo. Se você já tem familiaridade com o html, fique à vontade para criar o conteúdo que desejar.
No Bloco de notas do seu computador (ou em outro editor de texto que permita salvar arquivos com a extensão .html - o Word NÃO é recomendado, pois adiciona formatação extra que acaba confundindo a aprendizagem!) digite o texto como apresentado na imagem abaixo e salve o arquivo exatamente com o nome "index.html". A extensão ".html" no nome do arquivo é fundamental para que o navegador interprete corretamente a sua leitura (se tivesse a extensão ".txt" não seria levada em consideração a formatação), e "index" é o nome do arquivo que o navegador procura quando acessa seu site para mostrar seu conteúdo.
Recomendamos criar no seu computador uma pasta exclusiva para conter esse primeiro arquivo e os demais que formarão o conjunto do seu site (imagens, outras páginas...), como se fosse uma reprodução exata do site online. Isso facilitará o trabalho de manutenção e a organização do conteúdo.

Quando o arquivo estiver pronto e salvo no seu computador, acesse novamente o painel de controle principal para carregar esse arquivo online (fazer upload).

Clique no link "Gerenciador de arquivos" dentro da sessão "Gerenciador do site".

Na página do gerenciador de arquivos vai aparecer a estrutura do seu site, com as pastas e os arquivos presentes nele. Por enquanto, só existe a pasta com o nome do seu domínio. Dê um DUPLO clique no nome da pasta para abrir o seu conteúdo. Atenção: não confunda o conjunto de pastas e arquivos que estão online com a eventual cópia de conteúdo que estiver no seu computador. O gerenciador de arquivos só apresenta a estrutura daquilo que estiver online.

Para carregar o seu primeiro arquivo, clique no link "Upload". Será aberta uma janela que permite arrastar nela seu arquivo "index.html" criado anteriormente ou navegar (clicando no link "Click to select files") pelas pastas do seu computador até o local onde você gravou esse arquivo. Em qualquer um dos casos, esse arquivo deverá aparecer nessa janela para em seguida ser carregado online. Finalize o procedimento clicando no botão "Upload" na parte inferior dessa janela. As imagens seguintes mostram a sequência de ações.

Finalmente o seu arquivo aparecerá na estrutura da pasta do seu domínio. Verifique que o arquivo esteja efetivamente na pasta certa, aquela com o nome do seu domínio, visível na caixa de texto na parte superior da tela. Se, por algum descuido, carregou o arquivo em outra pasta, é suficiente navegar até a pasta correta e refazer o procedimento de upload.

Se fez tudo corretamente até aqui, você poderá acessar novamente o seu site (atualizando a página, se já estiver aberta) e visualizar o resultado do arquivo que você criou e carregou online.

Para adicionar outros arquivos (imagens, outras páginas) siga o mesmo procedimento apresentado acima. Também é possivel criar subpastas (por exemplo, para separar as imagens do resto), diretamente pelo gerenciador de arquivos. Nos próximos tutoriais, além de mostrar como manipular um banco de dados, vamos apresentar na prática como manusear outros arquivos e pastas.

Próximo: Crie seu banco de dados