Tableless - Introdução |
O que é tableless ? Não, tableless não é uma linguagem de programação. Ao contrário de que muitos pensam, tableless, quer dizer sem tabelas , ou seja, um método de se construir um website sem a utilização de tabelas . Hoje em dia é muito comum você ver layouts construídos integralmente em programas de imagem como Photoshop e Fireworks, que têm o suporte de exportar seus arquivos em html. Esse é método mais fácil de se criar um website, porém não o mais indicado. No próximo tópico você irá descobrir o porquê.
Antigamente, o desenvolvedor era obrigado a fazer sites direcionados a apenas para um browser, ou seja, se o site era feito para IE, quem utilizava Netscape não seria capaz de acessá-lo. Pensando nisso, foi criado o W3C (Word Wide Web Consortium), que “impôs” um padrão internacional para web, baseado em formatação css e exibição de conteúdo em xhtml.
Porque utilizar tableless ? Como citei acima, fatiar layouts no photoshop ou fireworks é a maneira mais fácil e mais utilizada de se criar sites, porém não a mais indicada, pois com isso ele irá criar tabelas para inserir as imagens fatiadas, e o uso de tabelas não é indicado para a construção de layout, pois a função da tabela, é de tabelar dados e não construir layout. A desvantagem de se utilizar tabelas é que se você for vizualizar seu site em outros navegadores, ele poderá aparecer todo destorcido, pois não está dentro dos padrões web (web standards) , isso é apenas uma das desvantagens. Vamos agora as vantagens de se utilizar tableless.
Desenvolvendo sites com o tableless, seu site estará dentro dos padrões web e assim ele abrirá em qualquer tipo de navegador e em qualquer parte do mundo em que você estiver. Outra vantagem é a fácil manutenção, imagine que você tenha que mudar a cor de um determinado titulo que aparece em todas as páginas , e seu site tenha 54 página . Teoricamente você teria que ir página por página e ir alterando a cor desse título, Mas se o seu site fosse em tableless você só teria o trabalho de abrir o arquivo CSS e procurar o estilo titulo e assim trocar a cor do mesmo. Fácil né ? Bom, quer mais uma vantagem ? então ta, essa pra mim é a principal vantagem de se utilizar tableless, que é o tamanho do seu site. Pelo motivo de seu código xhtml estar todo “limpo” e separado código da formatação, o tamanho reduzirá e muito o tamanho da página de seu site , com isso tornando seu site muito mais rápido de ser acessado. Segue abaixo uma imagem com exemplo de um código sem seguir os padrões web e outro seguindo os padrões, compare: |
Sem o uso de tableless
|
Com o uso de tableless
|
| Reparem a quantidade de linhas de cada um , e a organização do código, muito mais fácil de ser lido o código com o uso de tableless.
Bom pessoal por hoje é só , esperam que tenham entendido o funcionamento do tableless e suas vantagens. Abraços Bruno Henrique |