O que Tableless?!

O que Tableless?!
Desde o princpio... Muitas pessoas que esto entrando em contato agora com os Web Standards perguntam o que exatamente Tableless. Simplificando, eu diria que uma metodologia que abre mo das tabelas de HTML para fazer a construo do layout do site em CSS. Desta forma, possvel separar em camadas a informao, a programao e a formatao ou layout do site. Para entender melhor esse conceito, precisamos rever rapidamente a histria da web. A Web foi criada para ser um ambiente onde fosse possvel trocar informaes livremente, e que essas informaes pudessem ser acessadas ao redor do planeta por qualquer pessoa. Em 1994, foi criado o W3C (World Wide Web Consortium): um consrcio internacional, onde so desenvolvidas os padres 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 padres, implementando na sua verso 3.0, os Cascading Style Sheets (CSS). Naquela poca, no mercado de browsers, as opes ainda eram poucas: consistiam apenas em Lynx, Mozaic e Netscape Navigator, da Netscape Communications, ento liderada por James Clark. A Microsoft, de Bill Gates, resolveu entrar nesse mercado lanando o Internet Explorer. A partir da, o Netscape e o Internet Explorer comearam a travar uma guerra atrs de adpetos. A concorrncia entre os dois browsers chamada at hoje de Guerra dos Browsers. Durante essa "guerra", os padres do W3C ainda eram meros rascunhos. Por conta disso, as duas empresas que no podiam esperar que esses rascunhos ficassem prontos comearam a lanar seus browsers com padres proprietrios. Agora o impasse: Os browsers tinham seus prprios padres...J os desenvolvedores no conseguiam criar um nico cdigo 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 usurios. O usurio que usava Netscape, no 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 vulnervel. Como a web no tinha sido projetada para desenvolver os criativos ambientes grficos que temos atualmente, naturalmente, os recursos de desenvolvimento eram limitados e os criadores faziam das tripas corao para criar seus sites. Entre as muitas idias 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 tcnica de aninhamento de tabelas para contornar os problemas que os padres proprietrios traziam. A esse tipo de tcnica, que usada atualmente pela maior parte dos websites, chamamos de layout com tabelas. Embora essas solues 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-domsticos que acessam internet); Diferentes tipos de conexo internet com caractersticas bem peculiares (dialup, 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 verses diferentes para os vrios ambientes muito demorado, complicado e custoso, tornando uma simples manuteno uma enorme dor de cabea; Alm disso, o desenvolvimento de websites usando o mtodo tradicional no permite que programadores e designers trabalhem simultaneamente.

O que voc tem a lucrar

A seguir, uma lista dos benefcios de se adotar os Padres Web e Tableless:

Reduo de custos

Ao contrrio do mtodo tradicional, que quase sempre linear, utilizando Web Standards a equipe de negcio, design e programao podem atuar simultnea e independentemente. Isso acelera bastante a produo e torna a manuteno de um projeto web muito simples. Alm da economia de tempo, h reduo de custos na compra de licenas de software. Fazer sites tableless muito mais do que no usar tabelas para a estruturao dos layouts. usar de forma correta os padres que o W3C criou. Hoje, os Padres Web (Web Standards) esto 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 desperdiada em retrabalho de design para que o HTML fique com aparncia profissional. O desenvolvimento Web Standards corta o retrabalho praticamente a zero.
Tecnologia acessvel

Um designer treinado em Web Standards no depende de um programador para saber o que pode ou no ser implementado em um projeto web; e vice-versa.
Facilidade para criar verses de layout

Uma vez que contedo, programao e design esto em camadas separadas, incomparavelmente mais rpido desenvolver verses de layout para uma mesma tela. Veja o exemplo do site CSS Zen Garden. Com apenas a mudana do CSS, o site totalmente transformado. No modificado uma s linha de HTML. Interessante, no?
Paz entre designers e programadores

Com a separao entre contedo e layout promovida pelos Web Standards, designers e programadores podem trabalhar simultaneamente e de maneira independente.
Perfeita integrao com .NET, Java, PHP, ASP etc.;

Web Standards e Tableless tm total integrao com as principais tecnologias de mercado. Pequenas mudanas 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 domnio exclusivo sobre o desenvolvimento, assegurando que qualquer desenvolvedor poder dar continuidade ou realizar futuras manutenes.
Melhor visibilidade no Google

Optar pelos Web Standards significa valer-se da estrutura semntica simples e coerente do HTML, fator primordial para ter um melhor posicionamento nas ferramentas de busca.
Velocidade do website

O cdigo HTML se torna muito mais compacto ao se separar contedo, design e programao, conforme os Web Standards. Alm disso, a tecnologia Tableless permite que o navegador interprete as informaes de layout (em um arquivo CSS) de 30% a 70% mais rapidamente.
Acessibilidade

O uso de Web Standards facilita muito a aplicao de normas de acessibilidade. Isso garante o acesso ao website, no importando que combinao de navegador e plataforma o usurio possua. Cabe agora aos desenvolvedores atualizarem seus conhecimentos e revolucionar a Internet. Como ns dizemos: primeiro, a internet mudou a vida das pessoas; agora, so as pessoas que vo mudar a internet.
Para mais informaes

Web Browser usage share Browser War Sobre o Internet Explorer Sobre o Netscape Navigator Jim Clark Bill Gates