Jump to content

Archived

This topic is now archived and is closed to further replies.

skyxer

Tableless/CSS

Recommended Posts

Iai galera!Blza com todos?Postem suas opiniões sobre tableless/css, por favor.. Tenho tentado um pouco de tableless mas nd mais do q nervosismo. As vezes, prefiro jogar no Photoshop e deixar as tabelas mesmo..Mas...Quero opiniões, se possível.Valeu!!!

Share this post


Link to post
Share on other sites

Explicação básica: usando css o código não fica "mais rápido" mas sim a diferença é que se o conteudo esta dentro de uma tabela (a forma mais básica de "estruturar" o layout da página) ele SÓ APARECE quando TODA A TABELA carregou, enquanto que sem usar tabelas o conteúdo já aparece na tela conforme vai chegando dando a impressão de que está carregando mais rápido...Tanto que muitas vezes uma página já carregou e a folha de estilos ainda não, ocasionando que ligeiramente após o carregamento da página ela ainda não está formatada e quando a folha termina de carregar a página se "acomoda" no formato correto...De qualquer modo dominar os conceitos básicos de CSS é tão necessário quanto dominar o html...

Share this post


Link to post
Share on other sites

É! Então de um certo modo, as vezes eh preferível deixar em tabelas, mas utilizando bastante CSS.

Share this post


Link to post
Share on other sites

Explicação básica: usando css o código não fica "mais rápido" mas sim a diferença é que se o conteudo esta dentro de uma tabela (a forma mais básica de "estruturar" o layout da página) ele SÓ APARECE quando TODA A TABELA carregou, enquanto que sem usar tabelas o conteúdo já aparece na tela conforme vai chegando dando a impressão de que está carregando mais rápido...Tanto que muitas vezes uma página já carregou e a folha de estilos ainda não, ocasionando que ligeiramente após o carregamento da página ela ainda não está formatada e quando a folha termina de carregar a página se "acomoda" no formato correto...De qualquer modo dominar os conceitos básicos de CSS é tão necessário quanto dominar o html...

Na verdade fica mais rápido sim. Porque o tamanho (em kb) da página diminui, assim carregando mais rápido. Sem contar na diminuição da largura de banda

Share this post


Link to post
Share on other sites

Realmente o Tableless é muito interessante, e sim, ele diminui o tamanho em kb de uma página, porém nao creio que essa diferença seja tão grande a ponto de ser notada por pessoas que utilizam banda larga.E por falar nisso, o qq você quiz dizer com

Sem contar na diminuição da largura de banda

O que diminui é a utilização da banda, e nao a largura dela http://forum.imasters.com.br/public/style_emoticons/default/upset.gif Abraços a todos :lol:

Share this post


Link to post
Share on other sites

A diferença nem é muito por causa do codigo em geral.. ja perceberam que os sites construidos em tableless não utilizam imagens?Eles usam mais textos, deixam de lado a tag <img>..Mas com o codigo inteiro usando so divs, diminui bastante o tamanho da pagina sim..quando se usa tableless, você vai usar divsdivs + textos = levetabelas + imagens + texto = pesado .. a tabela usa muitas tags... isso pesa mais... :huh:

Share this post


Link to post
Share on other sites

É... esse lance de nao usar mtas imagens eh real mesmo! A maioria usa mto mais texto e efeitos CSS.. Até pq, fatiar uma imagem com DIVs eh mto mais difícil.

Share this post


Link to post
Share on other sites

fica mais rapido sim lucky.. pelo menos eh o que eu li na internet...Mas fica mais rapido pq o codigo é mais limpo.... só por isso.. se a gente fizer um codigo com tabelas bem limpo, vai ficar rapido do msm jeito...

Share this post


Link to post
Share on other sites

Era o que eu queria dizer mesmo: O fato de usar css não deixa "mais rápido" pois uma página de 1kbyte em css carrega no mesmo tempo que uma de 1kbyte com tabelas... Mas geralmente conseguimos poupar alguns Kbytes usando css...A diferença é, por exemplo, se tu entrar na página inicial do Terra com uma linha discada verás que a página vai aparecendo aos poucos enquanto que quando esta página era baseada em tabelas, como a algum tempo atras, tu tinha que esperar carregar TODA a tabela para depois ela aparecer, assim não aparecia nada por vários segundos e, de repente, a página aparecia toda de uma vez... Ainda hoje, com o código totalmente otimizado para css esta página do Terra "pesa" perto de 30Kbytes só de html, e antigamente tinha muito mais, dai, como todo conteudo tava dentro de uma tabelona, chegava a demorar mais de dez segundos antes de ver qualquer coisa... Com css, logo que tu entra na página já começa a ver o conteudo já carregado... (assim parece, melhor, É mais rápido o carregamento)

Share this post


Link to post
Share on other sites

so uma duvida, em casos de tabelas com %,como ficaria com tableless?como ficaria esse codigo?<table width=100% cellspacing=4 cellpading=20><tr align="center"><td colspan="3"> Cabecalho </td></tr><td width="35%"> coluna maior </td><td width="5%"> coluna 2 menor </td><td> coluna 3 restante </td></tr></table>obrigado

Share this post


Link to post
Share on other sites

O processo de porcentagem é o mesmo. você pode especificar o valor em % .

 

Mais detalhes em:

www.tableless.com.br

 

http://www.mezzoblue.com/zengarden/resources/ (Essa é uma das melhores referências que já encontrei na web).

 

take care! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Share this post


Link to post
Share on other sites

Esse fórum da IPB, é um exemplo de tableless.Lembrando que tableless, não é a exclusão de todas as tabelas da página, e sim a utilização correta das mesma (tabulação de dados).

Share this post


Link to post
Share on other sites

Realmente o Tableless é muito interessante, e sim, ele diminui o tamanho em kb de uma página, porém nao creio que essa diferença seja tão grande a ponto de ser notada por pessoas que utilizam banda larga.E por falar nisso, o qq você quiz dizer com

Sem contar na diminuição da largura de banda

O que diminui é a utilização da banda, e nao a largura dela http://forum.imasters.com.br/public/style_emoticons/default/upset.gif Abraços a todos :lol:
Foi o que eu quis dizer :D

Group IconGrupo: ModeradoresPosts: 308membro nº: 2.159Registado em: 16 May A diferença nem é muito por causa do codigo em geral.. ja perceberam que os sites construidos em tableless não utilizam imagens?Eles usam mais textos, deixam de lado a tag <img>..

Na verdade não é por isso que fica mais rápido. Como o colega d.eleete disse, um código bem organizado, mais limpo, bem estruturado é o que faz a página ficar mais rápida.Um exemplo de que tableless não é só texto + css é o Zen Garden. Lá tem páginas com várias imagens, layouts lindos, e nem por isso são lentos.Querem mais exemplos de que as páginas em tableless carregam mais rápido? É só ir no site do www.tableless.com.br na seção dos convertidos e ver. O site com tabelão e o site em tableless.

Share this post


Link to post
Share on other sites

Css Zen Garden eh o melhor, na minha opinião. As vezes fico impressionado com tamanha capacidade de alguns designers de lá.Mesmo assim, eu que fui acostumado a usar tabelas, recorro à elas todo tempo. Tableless mtas vezes tem o lance de compatibilidade. Várias vezes faço um CSS baseando-me no IE (sux). Na hr q vou previsualizar no Firefox... tudo desalinhado e tal. Sem contar, o trabalho que dá ter q ficar editando a maioria das coisas no HTML puro, do q no visual. É claro que o trabalho recompensa. Mas nao entendo o tanto de CSS necessário ou ainda não me acostumei às tableless eheheheheAcredito que será uma nova forma de web design. Até pq, as tabelas começaram a ser usadas no q devem mesmo.

Share this post


Link to post
Share on other sites

Pessoal, reitero: Uma página com css NÃO fica mais rápida, ela geralmente pode ser montada com "menos" código e assim fica "menor" pois os códigos de formatação de texto não são repetidos pela página e eles são carregados pelo navegador apenas uma vez (no caso do arquivo .css linkado) e ficam cacheados.

 

A questão das tabelas diz respeito ao fato de que se tu colocar todo o conteúdo do site dentro de uma tabela, esta tabela somente será visualizada no browser quando todo o seu conteúdo tiver sido carregado...

 

Se tu usar várias pequenas tabelas, elas vão "aparecendo na tela" mais rapidamente. Se a linha (discada) "carrega" 5kbytes por segundo ela não vai ficar mais "rápida" por usar css ou tabela...

 

Com a formatação via css, se tu examinar o código fonte verá que o conteúdo pode ir sendo mostrado conforme vem chegando, ao contrário das tabelas, que só mostram quando todo o seu conteúdo chegou...

 

Por outro lado tu pode ter uma página de 1Kbyte associada a uma css de 20Kbytes, neste caso é muito melhor fazer uma tabela para organizar o conteúdo e formatar direto no código fonte para evitar de ter que baixar a .css

 

To insistindo nisso para que entendam o aspecto técnico exato de que quando dizemos que "fica mais rápido" não é o carregamento mas sim a visualização, que ainda depende de a .css já ter sido baixada...

Share this post


Link to post
Share on other sites

×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.