artigo webmobile 16 - Desenvolvendo em Tableless

Veja como usar essa metodologia na construção de Web Sites.

O que você acha de desenvolver sites rápidos e dinâmicos utilizando a tecnologia certa e de forma correta? Pois é isso que veremos neste artigo, onde mostraremos como desenvolver um site simples utilizando-se da metodologia Tableless.

Talvez muitos já tenham ouvido falar, mas não sabem realmente o que é o tão misterioso Tableless. Na realidade essa é apenas uma metodologia, pois não é uma linguagem de programação ou algo assim e ao longo do artigo você descobrirá como utilizá-la, tendo seu site validado pelo W3C.

Para desenvolver nossa aplicação, utilizaremos o ASP.NET 2.0, com o Visual Studio 2005, mas a simplicidade da aplicação permitiria você utilizar qualquer outro editor de texto, pois o charme disso tudo se encontra na simplicidade de utilização.

O Tableless

O termo Tableless na realidade é nome de característica publicitária, de marketing, que busca referir-se a sites que seguem padrões como o do W3C (World Wide Web Consortium). Como o próprio nome já indica é uma metodologia que prega a não utilização de tabelas para a modelagem de sites da Web.

Considerando que essa não utilização de tabelas, acarreta uma aceleração no que diz respeito ao carregamento (loading) do site. Essa metodologia utiliza de XHTML para gerência das informações e CSS para formatar as páginas. Como podemos perceber não se trata de nenhum bicho de sete cabeças.

Iniciando o desenvolvimento

Tendo em mente esses conceitos básicos e de certa forma simples vamos ao desenvolvimento, onde você poderá acompanhar como desenvolver um site em Tableless. Como citado anteriormente, utilizaremos o Visual Studio 2005 para desenvolver essa pequena aplicação, mas nada impede de utilizar editores de texto simples para essa mesma finalidade.

Analisando o layout

Primeiramente vamos dar uma olhada na Figura 1 com o layout do site que queremos reproduzir, para depois iniciarmos com o desenvolvimento dos códigos e suas respectivas descrições. A visão prematura de como idealizamos o site é algo extremamente importante, pois começar a desenvolver sem saber onde chegar, pode levar por caminhos que trazem resultados insatisfatórios como a perda de tempo, por exemplo.

Figura 1. Layout do site a ser desenvolvido" [...] continue lendo...
Ebook exclusivo
Dê um upgrade no início da sua jornada. Crie sua conta grátis e baixe o e-book

Artigos relacionados