Netscape DevEdge

Skip to: [content] [navigation]

Busca

CSS Avançado: Usabilidade e Controle Visual

A utilização de CSS é recomendada pois permite separar estilo visual de conteúdo. Tal fator é fundamental quando se faz o design e estruturação de um website. Quando CSS é utilizado de maneira correta, a manutenção do website torna-se mais simples. Além disso, existem outras vantagens como facilidade de criar estilos visuais múltiplos por exemplo podendo-se oferecer o estilo otimizado para impressão.

CSS é um padrão já popular e altamente utilizado, no entanto é fácil encontrar web sites que misturam HTML e CSS com objetivo de definir visual. É importante notar que essa não é uma boa prática. A solução ideal é a utilização de CSS para definição visual simplesmente, enquanto que o HTML para conteúdo. Para mais informações sobre o padrão CSS leia o artigo Cascading Style Sheets ou visite a Central CSS. O Artigo DevEdge Redesign aborda diversos outros aspectos da utilização de CSS avançado assim como boas práticas de usabilidade e acessibilidade.

Esse artigo mostra um exemplo ideal com utilização de CSS avançado para definir o visual de um página. O CSS e modelo de página disponível nesse artigo técnico podem ser modificado e publicado em outros web sites.

Exemplo de Website

O website Abstra.com.br demonstra um caso real de website que utiliza o modelo oferecido nesse artigo. A figura abaixo destaca algumas características interessantes do CSS utilizado.

Download Kit CSS para modificar

O Kit CSS disponível inclui uma página HTML exemplo, o CSS de definição de estilo visual e 3 arquivos de imagens. Com esse modelo facilita o entendimento e também a modificação para utilização em um website.

A+O