ÁREA DE INFORMÁTICA: A ERA DO CSS

Organizada por Alexsandro Barbosa Costa, Janeiro de 2007

O Código CSS

Cascading Style Sheets ou CSS são estilos para páginas web e envolvem um conceito inovador: possibilitam a mudança da aparência simultânea de todas as páginas relacionadas com o mesmo estilo.

Ao invés de colocar a formatação dentro do código, o programador cria um link (ligação) para uma página que contém os estilos, procedendo de forma idêntica para todas as páginas de um portal. Quando quiser alterar a aparência do portal basta portanto modificar apenas um arquivo.

Sua necessidade adveio do fato de o HTML (Hyper Text Markup Language) aos poucos ter deixado de ser usado apenas para criação de conteúdo na web, e portanto havia uma mistura de formatação e conteúdo textual dentro do código de uma mesma página.

Contudo, na criação de um grande portal, fica quase impossível manter uma identidade visual, bem como a produtividade do desenvolvedor. É nesse ponto que entra o CSS. As especificações do CSS podem ser obtidas no site da W3C "Word Wide Web Consortium", um consórcio de diversas empresas que buscam estabelecer padrões para a internet.

Tableless

Há uma controversia entre desenvolvedores na hora de definir o termo Tableless. Muitos acreditam que é somente uma característica de sites que não usam tabelas para layout, outros no entanto acreditam que Tableless faz parte de um conceito muito maior e que engloba os web standards em geral.

Dentre as possíveis vantagens da metodologia, estão a diminuição do peso da página e melhora da acessibilidade, embora não são muitos os sites tableless, hoje em dia, que carregam essa segunda característica, sendo bem rara em sites brasileiros. A 'onda tableless' que surgiu no Brasil nos últimos anos, deve-se ao árduo trabalho de divulgação da metodologia por meio do site CSSZengarden.com.

Além do mais o termo já está banalizado e seus idealizadores estão com a credibilidade defasada. Tableless é somente a metodologia de construir web-sites sem tabelas. Mas não necessariamente seguindo os padrões.

Hoje em dia, falar simplesmente que tableless é meramente uma filsofia é extremamente errado, pois no código HTML as tabelas são para estruturar formulários e não para definir layout. Os sites estruturados em tabelas têm certo problema quanto à transferencia de dados, geralmente quando acessado um site que foi desenhado através das tabelas, o mesmo quebra, assim bagunça toda o conteúdo, com o tableless é diferente, pois todo o conteúdo é "limpo".

Na linguagem oficial do HTML, por exemplo, as "tag" "ul" e "li", surgiram para formar-se as listas, o que quero explicar aqui é que, cada tag tem sua funcionabilidade. O desenvolver do layout fica em relação à CSS simplesmente. Antes, para alguns até hoje, para se trocar a cor da fonte era/é uma complicação, já estruturando o site em tableless, a dificuldade é quase zero, pois basta mudar no CSS, por exemplo: font:black por font:blue.

Muitos desenvolvedores costumam criticar a liguagem (original) tableless justificando encontrar dificuldade para estruturar um site, todo em texto, no layout desejado, por CSS. Porém essa maneira demonstra ser extremamente simples, depois que é aprendida.

Falar que os sites brasileiros desenvolvidos em tableless fogem ao padrão é um grande erro, pois todos ou a maioria dos códigos são válidos seguindo as recomendações da W3C.

Vantagens do CSS

Para entendermos as vantagens de se usar CSS, vamos voltar um pouquinho no tempo: Com a evolução da internet, as linguagem HTML também precisava evoluir juntamente com a necessidade dos desenvolvedores, com isso foram criadas várias tags (por exemplo “center”), que supriam essas necessidades, essas, por sua vez, por falta de planejamento, resultavam em um código sujo, enorme e confuso. Mas depois de algum tempo, essas tags foram se tornando obsoletas, com isso surgiu uma nova solução: As Folhas de estilos em Cascata, ou seja, CSS. A função das CSS é simplesmente separar a formatação do conteúdo da página. Então, trate de ir esquecendo as horríveis tabelas.

* Com CSS economiza-se tempo de criação e manutenção do site (o código de formatação fica isolado em um único arquivo CSS).

* Redução do código HTML.

* Os Navegadores carregam mais rápido a página, podendo chegar até a 70%.

* Maior eficiência no gerenciamento do Layout.

* Com recursos mais avaçados de CSS pode-se conseguir um design sofisticado sem utilização de imagens e tabelas.

Limitações do CSS

* Ainda nenhum browser suporta todas as especificações de style sheets definidas pelo W3C e alguns implemetam estilos de forma diferente.

Regras básicas a serem seguidas

* Deve-se assegurar antes de que os usuários que têm browsers que não suportam CSS terão uma apresentação aceitável das suas páginas.

* Se adotar CSS, não deixe “restos” de código de formatação HTML na página. Você poderá estar utilizando código desnecessário de formatação prejudicando a performance de carregamento da página.

* Não mantenha conjuntos paralelos de páginas com e sem CSS. A manutenção se torna muito difícil.

 

 

Fonte: Wikipédia e Pinceladas da Web

 

PARA O TOPO