Tables ou CSS

[santos]

Olá a todos, na vossa opinião, qual é a melhor maneira de construir um site HTML, usando só Tables ou apenas com CSS? Ou talvez um misto dos dois?
Já agora, normalmente como é que vocês usam ao tables com CSS? (hints please )

cumps

[Frost]

depende do tipo de site q pretendas...

o ideal é usares um misto de ambos, tabelas para estruturar o site e css para controlar estilos, cores, backgrounds ...

é o metodo mais facil/acessivel ...
fazer um site somente por css pode ser uma autentica dor de cabeça, não pela dificuldade de o fazer mas ( caso seja para fazer bem feito) tens que fazer muito crossbrowser, ou seja, fazer alguns scripts de modo a que o site faça a mesma renderização independente do browser q usares...

mas, como já disse, depende daquilo que pretendas ...

para hints/tutorials dá uma vista de olhos nestes sites:


http://www.sitepoint.com

http://www.alistapart.com

http://www.redcodestudio.com/ recomendado ( site do Gimbras)


cumps

[gimbras]

Exactamente como disse o Frost, misto de os 2.

É bem mais simples controlar as cenas com o uso de tabelas.

Eu só sei controlar a posição de DIVs e não das tabelas via CSS. Existem várias escolas de programação web a defender diferentes pontos de vista: umas defendem apenas o uso de DIVs, dizendo que as tables são apenas para "data" (isto gera confusao..), outras defendem q sim senhor as tables fazem sentido em existirem mesmo que seja para construir o layout e n contenham dados ou texto.

É mesmo uma questão d optar pela cena que t der mais jeito e for mais rapida.

http://www.redcodestudio.com/ recomendado ( site do Gimbras)

Muito recomendado... embora ainda só o forum funcione mas em breve, ja ando a construir o site, e vou lança-lo.

Obg Frost

[D12]

gimbras qt tempo demoraste a aprender html e css?

[Tretabyte]

Boas,
uma boa pagina completa o CSS com tables e vice versa pois somente 1 torna o trabalho demasiado dificil.

sem mais
Tretabyte

[D12]

Boas,
uma boa pagina completa o CSS com tables e vice versa pois somente 1 torna o trabalho demasiado dificil.

sem mais
Tretabyte

no teu caso, para que usavas uma tabela?alinhar elementos?tipo com as divs n dá para fazer tudo o k as tabelas fazem?

[gimbras]

Eu demorei algum tempo a aprender. Primeiro aprendi à minha custa, indo colocando codigo extra daqueles sites que pedem para inserir código nas nossas páginas e iam vendo mais ou menos como o código HTML era feito.

Dps como usava o FrontPage à medida que o design era feito, ia vendo as mudanças de vez em quando no HTML view. Mas se colasse lá código através dessa view, o FrontPage metia muito lixo, então colava com o notepad.

Fui conhecendo melhor então aos poucos, mas nada de mais. Sabia como começar e acabar o body e html, alinhar cenas, as cores, imagens e links (penso eu) e ficava com dores de cabeça nas tabelas.

CSS só conhecia o nome, mas tinha curiosidade em saber.

Vai dai recentemente tirei um curso de WebDeveloper, que foi daí que surgiu a ideia do Redcodestudio (site e fórum de apoio a webdesigners e developers), onde aprendi HTML e CSS.

Dps fui treinando no work, e agora mexo ali mais no code que no view com o Dreamweaver.

HTML é básico e o Dreamweaver completa com sugestões, e CSS é ainda mais simples (se não formos para patamares mto elevados).

Tive um colega que diz que aprendeu HTML em 2 dias.

HTML - Não é uma linguagem de programação e sim de formatação de texto e imagens. (sim tmb imagens)

CSS - Cascade Style Sheets - folhas de estilo para texto, imagens enfim o site todo.

Em vez de andarmos a mudar o site todo qdo é preciso, mudamos apenas a folha de estilos e dps todo o site fica alterado num piscar de olhos.

Agora é indo aprender, embora seja mto preguiçoso.

[Tretabyte]

Boas,

Boas,
uma boa pagina completa o CSS com tables e vice versa pois somente 1 torna o trabalho demasiado dificil.

sem mais
Tretabyte

no teu caso, para que usavas uma tabela?alinhar elementos?tipo com as divs n dá para fazer tudo o k as tabelas fazem?

tudo depende daquilo que queres mm fazer no site, o CSS ajuda-te a definir muito a estrutura das coisas e o que queres encaixar onde, as tables completam isso mesmo, se souberes usar bem CSSs entao fazes uma pagina com uma excelente template sempre adaptavel ao que queres, pelo menos é assim que encaro usar ambas as coisas.

sem mais
Tretabyte

[D12]

obrigado pelas explicações gimbras e tretatabyte.
tipo, tb sou muito preguiçoso com o código mas a ppreguiça deve ser combatida

[santos]

Eu já me decidi e vou fazer o site só em CSS.
O mesmo elemento é visto quase igualmente nos browsers, ainda mais que as tabelas, como os borders e bordercolor.
Também porque, vocês podem definir todas os divs e styles que vão usar nas páginas do site inteiro (como um menu, ou header) e depois só têm de pôr a div tag no HTML, enquanto que nas tabelas, é preciso po-las em cada página. Assim o CSS pode ser comparado a uma 'base de dados' em que só é precido por atalhos para os elementos nas páginas.

Mais, o CSS permite uma grande liberdade ao colocar divs, quase click'n'drag

[Frost]

mas que tipo de site planeias fazer?

como já disse, a chatice de usar css é caso o respectivo site seja um pouco mais "complexo" do que aquilo que é standard... aí sim, garanto-te que te dará algumas dores de cabeça...


mas força nisso... a satisfação de fazer um site completamente por css é acrescida ...

[D12]

mas que tipo de site planeias fazer?

como já disse, a chatice de usar css é caso o respectivo site seja um pouco mais "complexo" do que aquilo que é standard... aí sim, garanto-te que te dará algumas dores de cabeça...


mas força nisso... a satisfação de fazer um site completamente por css é acrescida ...

tipo mas se for mais complexo tb n dá para fazer em tables?

[gimbras]

Claro q se o site tiver mtas tabelas ficam mto complexo, mas se trocares essas tabelas por divs programadas em CSS ainda pior fica.

PS: o Dreamweaver tem uma função que converte divs em tabelas, pq nem todos os browsers interpretam as suas localizações da mma forma.
Por exemplo, se virem o indice deste forum com o FF, opera e IE vem q as divs dos últimos topicos iniciados sao iguais. Ja com o netscape elas aparecem ligeiramente deslocadas.

[alfatek]

Deves usar tabelas e CSS.

CSS para definir a "apresentação" do site e tabelas para dados "tabulares". As tabelas não devem ser usadas para definir a aparência de um site (site de 3 colunas, 2 colunas, etc). Isto é o que dizem os standards e o que é considerado "boa prática".

Na realidade às vezes é muito mais produtivo se usares tabelas para fazer layouts, *desde que* sejam tabelas realmente muito simples e que o seu equivalente em CSS não se avizinha fácil de obter.

Mas neste momento é bastante fácil obter exemplos de todos os layouts básicos que se podem querer para um site, basta procurar (2 colunas, 3 colunas, com footers/headers, etc).

O css usado para definir o layout de uma página é normalmente bastante compativel entre browsers, com pequenas diferenças. É necessário é seguir os bons exemplos.

[D12]

Deves usar tabelas e CSS.

CSS para definir a "apresentação" do site e tabelas para dados "tabulares". As tabelas não devem ser usadas para definir a aparência de um site (site de 3 colunas, 2 colunas, etc). Isto é o que dizem os standards e o que é considerado "boa prática".

Na realidade às vezes é muito mais produtivo se usares tabelas para fazer layouts, *desde que* sejam tabelas realmente muito simples e que o seu equivalente em CSS não se avizinha fácil de obter.

Mas neste momento é bastante fácil obter exemplos de todos os layouts básicos que se podem querer para um site, basta procurar (2 colunas, 3 colunas, com footers/headers, etc).
O css usado para definir o layout de uma página é normalmente bastante compativel entre browsers, com pequenas diferenças. É necessário é seguir os bons exemplos.

e onde posso arranjar bons exemplos?