Como criar um site

Para você que não tem noção alguma sobre como é criado um site, veja este texto prático sobre o que é necessário para criar e publicar um site na internet!

Antes de mais nada, este texto não irá lhe mostrar passo a passo sobre como criar um site, pois para isto, provavelmente você terá de comprar um livro ou, lê um texto mais extenso, mas este texto aborda os assuntos básicos que você terá de estudar para criar e publicar um site na internet.

Antigamente, criar e publicar um site costumava ser uma tarefa difícil, na Web ainda não havia tanta informação para que você possa recorrer em momentos de apuros, ao contrário do que ocorre nos dias atuais onde é possível encontrar praticamente qualquer tipo de informação com apenas alguns cliques no Google, desde que você também faça pesquisas em outros idiomas. Outro fato muito importante, é que há uma boa quantidade de CMS (Content Management System) que facilitam bastante o processo de desenvolvimento de um site. Falaremos mais sobre CMS logo mais à frente.

Basicamente há três peças que compõe uma página Web moderna: estrutura, estilo e ação:

Como criar as páginas de um site (Estrutura)

As páginas de um site são escritas em uma linguagem chamada HTML (abreviação para a expressão inglesa Hyper Text Markup Language), nos quais os comandos de formatação da linguagem são chamados de Tags, e os mesmos dirão ao browser (navegador de internet) como serão exibido os dados na tela, por exemplo, através de uma certa tag HTML, é possível dá instruções ao browser sobre como uma determinada imagem ou texto irá se comportar na tela, como no lado direito ou esquerdo da tela, cor, estilo ou tamanho de um texto, tamanho e posição de uma imagem, título da página e tudo mais. Sem dúvida alguma, aprender a linguagem HTML, deverá ser o seu primeiro passo para começar a criar páginas Web. Veja um exemplo abaixo de uma página escrita em HTML.

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>Exemplo de uma página em HTML</title>
</head> 
<body>
<h1>O primeiro cabeçalho de uma página em HTML</h1>
<p>Um parágrafo em HTML</p>
<br /> <!-- isto foi uma quebra de linha em html, e isto um comentário -->
<h2>O segundo nível de cabeçalho de uma página em HTML</h2>
<p>Mais um parágrafo em HTML</p> 
</body> 
</html>

Copie este código, cole no bloco de notas, salve com o nome teste.html  (a extensão do arquivo tem de ser .html) abra o arquivo e veja como ele é exibido no navegador. Infelizmente eu não irei me aprofundar em nenhuma das linguagens apresentadas aqui, lembre-se que este texto é somente para que você saiba como e por onde começar a criar um site, pois se eu fosse ensinar alguma linguagem, este texto ficaria muito extenso.

O layout das páginas (Estilo)

Depois de ter aprendido algo sobre HTML, que felizmente não é nada difícil, comece a pensar mais profudamente como será a aparência final de seu site. Para que você tenha mais inspiração no quesito design, você pode usar um editor de imagens como o Adobe Photoshop para desenhar o layout de seu site e depois criar a página em HTML baseado no que você criou com o editor de imagem. Veja a imagem abaixo, eu usei o Photoshop para criar a página inicial de meu site, depois transformei o que foi criado com o editor de imagem em código HTML.

eusoudo.com layout no Photoshop

Com o estudo e aprendizado do HTML, você logo irá perceber que não é possível criar uma página interessante em relação a design utilizando apenas a linguagem HTML, pois HTML é, uma linguagem muito simples designada para formatação de texto e, como sabemos, o layout de um site não se trata apenas de textos, então será necessário estudar uma nova linguagem para criar um site, o CSS.

Cascading Style Sheets (CSS), é uma linguagem para estilizar documentos escritos em linguagem de formatação de texto, como o HTML. Uma boa vantagem do CSS, é que é possível a formatação de um documento separado do CSS, por exemplo, eu posso estilizar a página noticias.html através da folha de estilo style.css ou seja, o documento CSS pode ficar separado da página em que quero estilizá-la, desta forma, poderei estilizar várias páginas HTML utilizando uma única folha de estilo CSS, isso facilita bastante na manutenção do site, já que alterando um único arquivo CSS todas as páginas que o mesmo fora incluído serão afetadas, além de reduzir código CSS duplicado. Utilizando a linguagem CSS, você passará a ter inúmeras possibilidades para personalizar uma página HTML, tornando indispensável o aprendizado do CSS para a criação de um site.

Páginas dinâmicas (Ação)

Agora você já sabe dois assuntos essenciais que terá de estudar para criar uma página Web moderna, mas na maioria dos casos isto não é o suficiente, as pessoas online têm necessidades, que podem ser bem mais complexas do que uma simples leitura de um texto, pode ser ser, por exemplo, efetuar um cadastro num site de jogos, realizar um pesquisa ou até mesmo comprar um avião. Talvez eu tenha exagerado um pouco no último exemplo mas, se tratando de realizar tarefas que exijam de mais interatividade por parte de uma página Web, o HTML e CSS realmente não são suficientes. Para que a interatividade realmente aconteça, as páginas Web devem ser capaz de conversar com o usuário, sendo mais responsivas e, se tratando de tarefas mais inteligentes, você terá de estudar uma, ou duas, ou até três (ou mais) linguagens de programação, mas calma, não se assuste, tenho duas linguagens para lhe recomendar: PHP e JavaScript, pois são linguagens de uso livre (você não tem de pagar nada para utilizá-las), atualmente umas das mais utilizadas, estas duas estão presentes na grande maioria dos sites da atualidade, além de ser linguagens fáceis de aprender, se comparado a outras.

O uso do CMS

CMS (Content Management System), é um aplicativo muito usado para criar um site ou um blog, o mesmo serve para criar, editar, publicar e gerenciar o conteúdo de um site de forma muito rápida e organizada, o CMS permite que você tenha total autonomia sobre o conteúdo de um site, e podendo dispensar o estudo das linguagens apresentadas acima, pois para publicar uma página com um CMS não é necessário o uso de programação, o mesmo já contém toda a estrutura de um site através de um template que define o layout das páginas, utilizando um aplicativo CMS, você pode ser capaz de publicar uma página Web em apenas alguns minutos. Atualmente os CMS mais conhecidos são o Wordpress, Drupal e o Joomla, que são sistemas escritos em PHP, e de boa qualidade, e ambos possuem muito conteúdo grátis na internet para que você possa desfrutar o máximo desses eficientes sistemas de gerenciamento de conteúdo.

Embora utilizar um aplicativo CMS possa dispensar o uso de uma linguagem de programação, não deixe de estudar as linguagens que mostrei acima para que você não tenha problemas na criação de um site, e possa editar templates grátis para CMS, além construir um site da forma que você desejar. É como costumam dizer, "não dê um passo maior que a perna".

Publicar um site na internet

Para publicar um site na internet, basicamente será necessário que você faça duas coisas: registrar um domínio, e contratar um serviço de hospedagem de sites.

O registro de domínio

O domínio de um site nada mais é que o endereço usado para acessar o site, exemplo http://rodrigomarques.me. Os preços para registrar um domínio podem variar muito, isso vai depender do tipo de domínio que você escolher, por exemplo, eusoudo.com, é um domínio internacional .com e é bem mais barato que o nacional .com.br, vocês não acham que escolhi .com à toa?

Hospedagem de sites

A hospedagem do site é onde irá conter todos os arquivos do site, as páginas, imagens e etc. O preço para hospedar um site varia mais ainda que o preço para registrar um domínio, porque, na contratação da hospedagem de um site você pode escolher diversas opções e planos, como tamanho de espaço em disco, suporte a banco de dados, contas de emails, entre outras coisas. Com todas essas opções de hospedagem os preços podem variar de míseros R$ 15,00 reais ou até R$ 1.500,00 reais mensais! Mas calma, com R$ 18,00 reais mensais garanto que você consegue ter um site com suporte a banco de dados, contas de emails ilimitadas, muito espaço em disco e outras coisas a mais.

Pronto, agora já sabemos qual é o processo básico para criar e publicar um site na internet, lembre-se estude na ordem mostrada aqui, HTML, CSS, e depois uma linguagem de programação para fazer suas páginas dinâmicas, HTML, CSS, JavaScript e PHP possuem uma infinidade de conteúdo educacional em sites do Brasil e de Portugal para você aprender bastante, mas não deixe de pesquisar conteúdo em outros idiomas. Então não perca seu tempo, comece logo seus estudos para criar seu próprio site, e quem sabe, você poderá fazer um artigo como este mostrando dicas para que as pessoa possam aprender sobre algum assunto ;-)

Por Rodrigo Marques, em
| Categorias: Tutoriais
Seja o primeiro a comentar!
Avatar