Afinal, O Que Significa Web Standards?

Ilustração Google Analytics

por Douglas d'Aquino, Web Designer

Em primeiro lugar, é preciso entender que Web Standards não se trata de nenhuma linguagem de programação.

Web Standards é um termo que agrega diversas regras e métodos de web design em diversas linguagens, que tem como objetivo tornar os sites mais acessíveis (leia também: Esclarecendo a acessibilidade) fazendo da internet um meio mais democrático de acessar as informações.

Tudo começou em 1994, quando a W3C publicou a primeira padronização do HTML, mas apenas recentemente um grande número de web designers e desenvolvedores adotaram os Web Standards como prática freqüente.

As vantagens são muitas, começando pelo fato de que um site utilizando Web Standards é muito mais rápido (leve) do que os sites feitos sem esses métodos, isso porque uma das partes mais importantes de se desenvolver um site com esse método, é manter o código semântico, ou seja, utilizando os recursos do site da forma correta. Um exemplo de como o código é feito da forma errada, é quando o "designer" utiliza uma tabela (como aquelas do Word) para formar a estrutura principal do site.

Muitos ainda estão acostumados a construir seus sites utilizando tabelas e muitas imagens, principalmente empresas que vendem layouts já prontos, pois é mais prático desenhar o site em um programa de edição de imagens e depois recortar em vários pedaços e colocar em uma tabela. Não é assim que o HTML foi feito para funcionar, portanto não é assim que devemos utilizá-lo em nosso web design. É notável a diferença de qualidade entre um site feito em tabelas e outro feito de forma semântica.

Web Standards na Prática

Gráfico do Analytics, clique para ampliarA primeira imagem abaixo (Fig. 01-clique para ampliar) mostra parte do código-fonte de um site que utiliza 40 linhas de html entre o início do site (a tag <body>) e o seu menu principal (texto marcado na imagem), ou seja, uma parcela mínima de conteúdo.

Clicando com o botão direito do mouse aqui, nesta página, selecione a opção "código-fonte" e verifique pessoalmente. Do início do site (a tag <body>) até o início de nosso menu (<div id="menu">) são... 3 linhas! O site usado neste exemplo possui no total 575 linhas de código, enquanto o nosso, com muito mais conteúdo, possui apenas 134, incluindo todo o texto deste artigo, um visual muito mais bonito e muito mais conteúdo..

Além da vantagem de rapidez no desenvolvimento, os métodos de Web Standards facilitam a manutenção da página, pois o código se torna muito mais simples. Em um site feito em tabelas, para mudar a estrutura (por exemplo, trocar o menu de horizontal para vertical) o site teria que ser refeito (ou seria extremamente difícil e lento transformar a estrutura em tabelas) enquanto no Web Standards, usando HTML e CSS, um web designer profissional pode fazer isso modificando apenas algumas linhas em seu código.

As vantagens não param por aí, pois o site feito em Web Standards também se torna mais acessível para dispositivos móveis (PDA's, Handhelds, Smartphones, PalmTops, etc) fazendo de seu site uma mídia muito mais presente e eficaz para seus clientes.

 

 

< voltar | topo da página

Sites Recentes

Zita Construtora

Aplicativo Zita Construtora

Em construção

Shopping Kilar

Site Shopping Kilar

Em construção

Andra Uniformes

Site Andra Uniformes

Em construção

Fretta Home Center

Site Fretta Home Center

Em construção

Visite nosso Portfólio