Os padrões web no foco do web design 2.0

O Mito da Caverna

Confira, neste artigo:

1. O que é web?
2. O que é XHTML?
3. O que é CSS?
4. O que são web standards (padrões web)?
5. Como aplicar estes padrões em minhas páginas?

1) O que é web?

A web funciona dentro da internet como um sistema que interliga diversos arquivos por meio de hipermídia e hiperlinks. Na web, existem os servidores (que armazenam os arquivos dos sites que utilizamos), o cliente (você, que acessa a web) e um navegador (também conhecido como browser), cuja função é interpretar os códigos das páginas e processa-los, possibilitando a exibição na tela. As páginas web são escritas numa linguagem de marcação (utilizando marcas, também conhecidas como tags) chamada html. Os browsers processam o código html e servem páginas para os usuários.

2) O que é xhtml?

Xhtml é uma linguagem de marcação, baseada em xml. Em sua versão 1.1 e 1.0, é considerada um evolução ao html4.0.1, tornando as regras mais claras. A separação de conteúdo e formatação visual é um dos pilares principais da linguagem, que também oferece ferramentas e recursos de acessibilidade diversos, bem como a real possibilidade de trabalhar com um modelo único de publicação. Traduzindo, isso quer dizer que você, desenvolvedor/estudante, criará a página somente uma vez, e poderá publicá-la em qualquer tipo de mídia.

3) O que é CSS?

CSS é uma linguagem que permite a formatação visual de uma página html utilizando o sistema de folhas de estilo.

Para entender o conceito do css, imagine o seguinte: você tem um documento extenso, escrito no seu editor de textos preferido. Porém, trata-se de um trabalho escolar, o chato do professor impôs uma série de regras de formatação para títulos, subtítulos, textos, fotos, legendas, etc… Você, neste caso, tem duas opções: ou formata manualmente cada linha de seu texto, ou cria uma folha de estilos, acessíveis facilmente. Então basta selecionar os blocos de texto e aplicar o estilo correspondente. Simples, não? Pois é exatamente assim que o css funciona. Só que, ao invés de formatar textos, ele formata páginas html.

Todos os navegadores dão um suporte razoável ao css (porém, cuidado com o Internet Explorer!). Esta poderosa linguagem oferece um real controle sobre os aspectos visuais e posicionamento dos elementos das páginas, como jamais existiu na web.

4) O que são web standards (padrões web)?

A web possui um órgão gestor em nível global, chamado W3C. Este consórcio mundial da web é presidido por Tim Berners-Lee, o criador do html, desenvolvedor do primeiro servidor web, do http e, portanto, pai da web. Um dos principais motivos da grande popularização da web no mundo, foi justamente o empirismo desse cidadão, que não quis cobrar royalties de sua criação. Ou seja, o html é totalmente livre de licenças.

O W3C cria os padrões que devem ser seguidos e adotados por toda a comunidade web. Estes padrões visam sempre a melhoria contínua da web, facilidade de acesso, democratização da informação e trabalho mais eficiente por conta dos desenvolvedores de web espalhados por todo o mundo.

Atualmente, os padrões web dizem respeito, especialmente, à separação clara e objetiva de conteúdo (html) e formatação visual (css). Também, a questão da acessibilidade e do acesso às páginas de qualquer dispositivo ou browser é uma grande bandeira levantada pelo W3C e por um grande número de desenvolvedores conscientes pelo mundo.

Ao eliminar a necessidade de utilização das tabelas para layouts, que agora podem ser criados por tags de divisão (div), o W3C deu margem à criação do “marketeiro” termo “tableless”, tratado como verdade absoluta por muitos, mas que não passa da aplicação dos padrões web de maneira consciente e limpa.

5) Como aplicar estes padrões em minhas páginas?

Na verdade, é tudo muito simples:

a) Desenvolva seu layout em alguma ferramenta visual de design (photoshop, por exemplo);

b) Após a aprovação do layout (e conclusão de várias etapas de planejamento), parta para a confecção (desenvolvimento) do html básico, puro, sem formatação visual nenhuma. Siga as normas de desenvolvimento, escreva um código lógico, limpo e semântico, com marcações de acessibilidade.

c) Parta para a criação dos arquivos CSS. Trabalhe com arquivos gerais e externos, utilizando-os para a formatação global de seu site.

Não deixe que algo que existe para facilitar sua vida torne-se um monstro terrível. Lembre-se do mito da caverna, não observe as sombras, encare a realidade de frente. Assim, tudo o que parece difícil (ou que “querem” demonstrar a você como “difícil”), tornará sua vida mais simples e feliz. Pelo menos no trabalho com web!

Abraços!

Arquivado como: carreira, criação, css, design, design 2.0, estruturação, web standards, xhtml por Fabiano Pereira