locaweb
41
S
e pensar com
calma, você verá
que o Tableless
é uma filosofia
que vai um pouco
além de simplesmente não usar
tabelas onde não se deve. É, na
verdade, um movimento que visa
fazer com que desenvolvedores
compreendam o significado das
tags HTML e as usem para criar
e representar a semântica do
conteúdo, e também fazer com
que o layout seja montado com a
linguagem certa, o CSS.
Mas se você usou tabelas para
posicionar elementos em seu site,
não se preocupe. É um erro fácil de
ser cometido. Por exemplo, quando
se pensa em montar um site, logo
vêm à mente alguns layouts comuns,
como um cabeçalho para apresentar
o site, um rodapé com informações de
copyright e políticas do site e duas ou
três colunas separando o conteúdo.
Colunas! Ou seja, a própria maneira
como pensamos nos induz ao erro.
Não se preocupe, vamos aprender um
pouco de HTML e CSS e resolver esse
probleminha de design.
Arrume seu site
A ideia é construir um simples site
de exemplo usando tabelas em layout e
aprender como modificá-lo da maneira
mais adequada.
O site vai ser muito simples. Ele vai
ter um cabeçalho com uma mensagem
de boas-vindas e um rodapé no final
da página. Além disso, faremos uma
coluna na esquerda com um menu,
Página de Diego Eis, colunista da
revista da Locaweb e um dos
maiores especialistas e entusiastas do
assunto Tableless no Brasil
Acima, um exemplo de layout de
página eletrônica desenvolvida sem
utilizar tabelas em sua interface
Tableless é um
movimento que
visa fazer com
que profissionais
que trabalham
comweb
compreendam o
significado das
tags HTML
Quem quiser se informar melhor
sobre Tableless web design
e aprender diversas outras
técnicas de web design pode
procurar informações no site
criado por Diego Eis, o papa do
Tableless no Brasil:
SAIBAMAIS
SOBREOASSUNTO
teremos no centro uma coluna de
conteúdo e mais uma coluna à direita,
que poderia ser usada para propaganda.
O código HTML usando tabelas
é muito simples. Basta usar as
conhecidas tags para criação de
linhas e colunas e preencher com as
informações desejadas.
design
Tableless
Web
Designer
