O que é Tableless?!
O que é Tableless?!
Desde o princípio...
Muitas pessoas que estão entrando em contato agora com os Web Standards perguntam o que é exatamente Tableless. Simplificando, eu diria que é uma metodologia que abre mão das tabelas de HTML para fazer a construção do layout do site em CSS. Desta forma, é possível separar em camadas a informação, a programação e a formatação ou layout do site. Para entender melhor esse conceito, precisamos rever rapidamente a história da web.
A Web foi criada para ser um ambiente onde fosse possível trocar informações livremente, e que essas informações pudessem ser acessadas ao redor do planeta por qualquer pessoa. Em 1994, foi criado o W3C (World Wide Web Consortium): um consórcio internacional, onde são desenvolvidas os padrões para a web (Web Standards) tais como: HTML, CSS, XML, XSLT, entre outros.
Diga-se de passagem, o Internet Explorer foi o primeiro browser a abordar os padrões, implementando na sua versão 3.0, os Cascading Style Sheets (CSS).
Naquela época, no mercado de browsers, as opções ainda eram poucas: consistiam apenas em Lynx, Mozaic e Netscape Navigator, da Netscape Communications, então liderada por James Clark. A Microsoft, de Bill Gates, resolveu entrar nesse mercado lançando o Internet Explorer. A partir daí, o Netscape e o Internet Explorer começaram a travar uma guerra atrás de adpetos. A concorrência entre os dois browsers é chamada até hoje de Guerra dos Browsers. Durante essa "guerra", os padrões do W3C ainda eram meros rascunhos. Por conta disso, as duas empresas que não podiam esperar que esses rascunhos ficassem prontos começaram a lançar seus browsers com padrões proprietários.
Agora o impasse: Os browsers tinham seus próprios padrões...Já os desenvolvedores não conseguiam criar um único código que funcionasse nos dois navegadores. Por este motivo, eles eram obrigados a desenvolver, na maioria das vezes, para apenas um browser.
Isso trouxe mais um problema, agora para os usuários. O usuário que usava Netscape, não conseguia acessar sites que eram feitos para Internet Explorer, e vice-versa.
A Microsoft tinha 2 vantagens na época: Ela usou o monopolio que tinha sobre o Sistema Operacional Windows para poder popularizar mais o Internet Explorer.
A outra vantagem era que a Netscape era uma empresa relativamente pequena, logo mais vulnerável.
Como a web não tinha sido projetada para desenvolver os criativos ambientes gráficos que temos atualmente, naturalmente, os recursos de desenvolvimento eram limitados e os criadores faziam das tripas coração para criar seus sites. Entre as muitas idéias que surgiram para ultrapassar ao ambiente de "apenas texto" da internet, estava aquela de utilizar tabelas de HTML para posicionar os elementos no layout, utilizando slices de imagem, gifs transparentes e a técnica de aninhamento de tabelas para contornar os problemas que os padrões proprietários traziam. A esse tipo de técnica, que é usada atualmente pela maior parte dos websites, chamamos de layout com tabelas.
Embora essas soluções tivessem sido ótimas para aquele tempo, hoje em dia, trazem mais problemas do que vantagens:
- Há uma diversidade muito maior de dispositivos que podem ser usados para acessar a web (telefones celulares, smartphones, handhelds, webTV's, leitores de tela, sem falar dos modernos eletro-domésticos que acessam à internet);
- Diferentes tipos de conexão à internet com características bem peculiares (dial-up, ADSL, Cable-modem, ISDN, Wireless etc.);
- Há uma quantidade maior de navegadores acessando à internet (FireFox, Opera, Netscape, Safari, Konqueror, Internet Explorer, entre outros menos usados);
- Com tantos determinantes, o desenvolvimento de versões diferentes para os vários ambientes é muito demorado, complicado e custoso, tornando uma simples manutenção uma enorme dor de cabeça;
- Além disso, o desenvolvimento de websites usando o método tradicional não permite que programadores e designers trabalhem simultaneamente.
O que você tem a lucrar
A seguir, uma lista dos benefícios de se adotar os Padrões Web e Tableless:
Redução de custos
Ao contrário do método tradicional, que quase sempre é linear, utilizando Web Standards a equipe de negócio, design e programação podem atuar simultânea e independentemente. Isso acelera bastante a produção e torna a manutenção de um projeto web muito simples. Além da economia de tempo, há redução de custos na compra de licenças de software.
Fazer sites tableless é muito mais do que não usar tabelas para a estruturação dos layouts. É usar de forma correta os padrões que o W3C criou. Hoje, os Padrões Web (Web Standards) estão bem mais maduros e já se pode utilizá-los com bem menos dificuldades do que anteriormente.
Desenvolvimento mais ágil
Significativa parte do tempo no processo de desenvolvimento da maioria dos websites é desperdiçada em retrabalho de design para que o HTML fique com aparência profissional. O desenvolvimento Web Standards corta o retrabalho praticamente a zero.
Tecnologia acessível
Um designer treinado em Web Standards não depende de um programador para saber o que pode ou não ser implementado em um projeto web; e vice-versa.
Facilidade para criar versões de layout
Uma vez que conteúdo, programação e design estão em camadas separadas, é incomparavelmente mais rápido desenvolver versões de layout para uma mesma tela.
Veja o exemplo do site CSS Zen Garden. Com apenas a mudança do CSS, o site é totalmente transformado. Não é modificado uma só linha de HTML. Interessante, não?
Paz entre designers e programadores
Com a separação entre conteúdo e layout promovida pelos Web Standards, designers e programadores podem trabalhar simultaneamente e de maneira independente.
Perfeita integração com .NET, Java, PHP, ASP etc.;
Web Standards e Tableless têm total integração com as principais tecnologias de mercado. Pequenas mudanças precisam ser feitas em uma ou outra plataforma.
Lembrando sempre, que cada caso é um caso.
Por exemplo: se você tem um grande portal, provavelmente a maior vantagem que você vai obter, será a economia de banda.
Controle sobre o projeto
Com a metodologia Web Standards, evita-se que apenas um membro da equipe tenha domínio exclusivo sobre o desenvolvimento, assegurando que qualquer desenvolvedor poderá dar continuidade ou realizar futuras manutenções.
Melhor visibilidade no Google
Optar pelos Web Standards significa valer-se da estrutura semântica simples e coerente do HTML, fator primordial para ter um melhor posicionamento nas ferramentas de busca.
Velocidade do website
O código HTML se torna muito mais compacto ao se separar conteúdo, design e programação, conforme os Web Standards. Além disso, a tecnologia Tableless permite que o navegador interprete as informações de layout (em um arquivo CSS) de 30% a 70% mais rapidamente.
Acessibilidade
O uso de Web Standards facilita muito a aplicação de normas de acessibilidade. Isso garante o acesso ao website, não importando que combinação de navegador e plataforma o usuário possua.
Cabe agora aos desenvolvedores atualizarem seus conhecimentos e revolucionar a Internet. Como nós dizemos: primeiro, a internet mudou a vida das pessoas; agora, são as pessoas que vão mudar a internet.
