Anna Paula, você não tem tabelas mesmo

Annamaron.com.br, agora em versão tableless.

Foi legal criar um design “pensando” tableless porque na verdade a coisa não é simplesmente “trocar <table> por <div>” mas sim organizar o conteúdo por “função” e não “visual”. Por exemplo: a barra lateral é toda organizada em <ul> e <li>, mesmo com o CSS tirando as “bolinhas”. Não importa, aquilo é uma lista. É claro que eu ainda estou engatinhando nessa nova maneira de construir conteúdo online, meu livro do mestre ainda nem chegou.

O impacto imediato para você que não está nem aí para W3C, DIVs e tableless é que a mesma página, com o mesmo conteúdo (exceto mudanças ligeiras na barra lateral) caiu de 55k para 47k, ou seja, quase 20% de código inútil na forma de tabelas e todos os seu sub-campos, fora as GIFs transparentes (que não são usadas uma vez sequer nesse novo design). Pode até parecer pouco, mas são 10 mil caracteres de gordura a menos.

Alguém que use Opera por favor avise se o site está OK por aí (já vi que no IE 5.5 não aparece 100% bem, mas ei… o IE 6 já saiu há mais de um ano). Os gurus do HTML, por favor, mandem críticas e sugestões.

Se tudo correr bem o próximo redesign vai significar mudar apenas um arquivo, o CSS. De curiosidade veja como ficaria o site sem o CSS.