alguns conceitos a saber, antes de contruir um site…

Quando se lê algum texto sobre webdesign aparecem palavras que para a maior parte das pessoas são desconhecidas este artigo tem como objetivo clarificar alguns desses termos usados.
Antes de mais tem que se tentar perceber em que consiste a comunicação com um site de internet, quando abrimos o browser (seja ele o internet explorer, firefox, opera….) e escrevemos por exemplo “http://antoniocampos.net” a primeira coisa que o browser tem que saber é onde é que está o site, para obter esta informação o browser vai fazer um pedido a servidores especificos que estão espalhados pela internet que se chamam servidores de dns, uma forma simples de explicar o que é um servidor de dns, pode ser, um servidor que tem uma base de dados onde diz que o dominio google.com tem o endereço ip 64.233.167.99, quando o servidor dns responde ao pedido do browser e lhe diz qual o ip onde está alojado o site que procuramos, faz então o pedido ao servidor onde está o site para que este lhe “entregue” o site com o nome que pedimos…


O servidor web vai então enviar para o nosso browser o site que pedimos… toda esta comunicação é feita em texto corrido, porque é linguagem que o nosso browser entende essa linguagem chama-se html (HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto). Esta linguagem sonsiste num conjunto de tags (marcadores) que são interpretados pelo nosso browser por exemplo se o servidor envia “” o nosso browser sabe que o titulo da pagina é “Meu blog” e vai escrever esse texto no titulo do browser. Os browsers mais comuns conhecem também uma linguagem que se chama javascript que permite de alguma forma trazer algum dinamismo ao html que é estático… usos comuns do javascript são textos a mexer, relógios em tempo real, etc. Alem disto existe tambem o css (Cascading Style Sheets) que é uma linguagem utilizada para definir a apresentação de documentos em html, como por exemplo a cor do texto a posição de uma imagem, etc….
Estas 2 linguagens são conhecidas como client side, ou seja são interpretadas pelo browser no computador do cibernauta, para além destas existem linguagens que são server side ou seja são interpretadas pelos servidores web são exemplo disso linguagens como o php, asp, asp.net, java, etc… estas linguagens server side, são interpretadas pelos servidores web e como o nosso browser só conhece a linguagem html, o servidor interpreta a linguagem e só envia para o browser do cibernauta html, por exemplo na linguagem php podemos ter um um script que mostra um texto extraido duma base de dados (isto é comum em quase todos os blogs) o servidor executa uma serie de operações desde avaliar qual a página que “pedimos”, ligar-se à base de dados, extrair a informação pretendida e transforma-la em html para que a possa-mos ver… por exemplo se escrever-mos no browser “http://antoniocampos.net/?p=1” o nosso browser vai pedir o endereço deste nome, e depois vai pedir a pagina em causa, quando o pedido chega ao servidor apache (servidor presente em 60% dos servidores web), o servidor vai ler que o nosso pedido “?p=1” e vai executar algumas operações (ligar a base de dados, obter o texto da pagina, etc, etc…) e vai enviar para o cibernauta o html contendo a pagina que lhe pedimos.
Embora aqui os processos estejam descritos de uma forma muito simples existe muitas mais coisas que se passam quando visitamos um site na internet, mas o essencial é isto… o que importa reter é que os browsers limitam-se a interpretar html, css e javascript e que os servidores web podem ter varios “programas” responsaveis por analisar os nossos pedidos e dar apenas ao nosso browser linguagem que ele percebe…

Resumidamente quando escrevemos o endereço de um site o processo é o seguinte:

  • O browser resolve o endereço do servidor onde está o site (pedido de dns)
  • O browser envia o pedido do para o endereço que obteu do pedido anterior
  • O servidor web analisa e trata o pedido
  • O servidor web responde o browser com texto
  • O browser analisa o texto e constroi a pagina no ecran do cliente
  • O cibernauta vê no seu monitor a pagina web pedida