maquetar con tablas o css

masclet · #1 (**permalink**) 20/08/2006, 08:53

Hola compañeros.

Tengo esta duda desde hace bastante tiempo, y me gustaría saber como trabajais vosotros en la maquetación de vuestras webs.
Yo de momento sigo utilizando las conocidas tablas de siempre, pero vengo oyendo desde hace tiempo que ya quedaron obsoletas y que el futuro está en maquetar con CSS.

Opiniones al respecto por favor

caricatos · #2 (**permalink**) 20/08/2006, 09:00

Hola:

En mi opinión no se trata de algo "obsoleto", sino que debe maquetarse sin su uso "obligatorio"... bueno, seguro que no es clara la idea, pero es que existen datos con estructura tabular, y el mejor elemento para su presentación son sin duda las tablas, pero durante mucho tiempo, "el truco fácil" para mostrar datos prolijamente ha sido el uso de tablas, pero sin tratarse de datos tabulares no tienen sentido.

Saludos

fer10 · #3 (**permalink**) 20/08/2006, 09:20

se desgasto mucho la web, las tablas no estan echas para marquetar como dice caricatos, la verdad hace 6 meses marquetaba con tablas yo, y decidi cambiarme a css y no me arrepiento ya hasta se me hace mas facil que con tablas...

e incluso tiene una infinidad de vetajas, a difernecia de las tablas.

y lo mejor de todo es que vas hacia un diseño de paginas respetanto los estandares de la w3c.

elquique · #4 (**permalink**) 20/08/2006, 14:15

Es mejor pasarte a CSS y olvidar las tablas :)

Te lo dice alguien que aun usa tabla, pero claro en las nuevas CSS :P

masclet · #5 (**permalink**) 21/08/2006, 17:14

y podriais decirme donde puedo encontrar información para principiantes, para maquetar con css.

otra de las ideas que había pensado, es diseñar la página en photoshop y guardarlo como imagen y html, creo q se dice así,en el mismo photoshop y luego pasarlo a dreamweaver...nunca lo he probado, pero no se si esto se puede hacer así.

y ya de paso, recomendaciones de páginas realizadas con css....

elquique · #6 (**permalink**) 21/08/2006, 17:35

Sobre diseñar en Photoshop y Maquetarlo HTML aca tienes un tutorial de 10 entregas paso a paso

http://www.tallerwebmaster.com/Tutor...o-Web-c-1.html

Donde luego te muestra como cortarlo y generarl el HTML de Photoshop a FrontPage o DreamWeaver.

Igualmente de la misma forma las imagenes te serviran para crear el CSS, y aca tienes un tutorial para principiantes de CSS

http://www.tallerwebmaster.com/Tutoriales-CSS-c-5.html

Saludos

tuto12321 · #7 (**permalink**) 21/08/2006, 19:00

bueno yo tengo poco tiempo trabajando con css y aun no me acostumbro

NUCKLEAR · #8 (**permalink**) 23/08/2006, 12:22

divs y css para maquetar darle ubicaion al contenido, y tablas a como por ejemplo un formulario o un parrafo o un bloque de textoo una imagen cuidado por que tienen vida propia y no se llevan muy bien con los divs, creo que tienen problemas personales jeje.

fer10 · #9 (**permalink**) 23/08/2006, 16:27

Cita:

divs y css para maquetar darle ubicaion al contenido, y tablas a como por ejemplo un formulario o un parrafo o un bloque de textoo una imagen cuidado por que tienen vida propia y no se llevan muy bien con los divs, creo que tienen problemas personales jeje.

no son todos divs, si no tendrias algo que por ahy escuche que se me hace gracioso .. divitis. jejej

sencillo.. las tablas son para TABULAR datos. para eso se crearon las tablas..

sobre los formularios he encontrado que tambien se hacen con css.. no necesariamente con tablas..

sobre el parrafo para eso es la etiqueta <p>

para los bloques de texto son las p o blokquotoque

las imagnes con texto a lado las alinio poniendoles a la imagen float:left y quedan bien..

yo intento solo usar las tablas para mostrar datos TABULADOS.

simpre intentado poner algo semantico..

elquique · #10 (**permalink**) 23/08/2006, 16:39

Quizas a lo que te refieres con los formularios y su vida propia, me ha pasado varias veces, en FireFox y en Opera van super, pero en este coso que se llama creo Internet Explorer, salen como quieren y luego de los 10 minutos para los demas navegadores a veces paso 2 hs intentando se vean en IE.

hector_he · #11 (**permalink**) 23/08/2006, 16:54

Hola,
Tengo la msima duda que masclet, se maquetar con tablas pero he pensado en pasarme a divs y css aunque me gustaría encontrar algo de ayuda (links, tutoriales...) por que en esto voy muy, pero que muy perdido y tengo la sensación de que utilizando css tengo que renunciar al diseño por Photoshop (que supongo que es una sensación totalmente erronia)

Un div es lo mismo que una capa (layer)?
Como se que versión de css usar?
Suelo diseñar con sectores de Photoshop los cuales exporto con Image Ready y claro estan organizados en tablas, esta también devería modificarla a div? o meter la tabla dentro de una div?

Muchas gracias a todos!

NUCKLEAR · #12 (**permalink**) 24/08/2006, 19:32

Hector, y si usas google?¿ o aca mismo hay mucha informacion, e slo mas conveniente usar divs y css los divs son capas (layer) y darle ubicacion y forma (imagenes, bordes, tipo y tamaño de fuentes etc) en una hoja de estilo css.
Es el error que ienenmageready o fireworks, te aceleran 10 veces el trabajo pero se obtiene un mal resultado en cuanto a codgo, ejm si usamos firefox y tu web esta maquetada 100% en tablas con texto y contenido al querer agrandar el contenido para poder ver las fuentes mas grandes esta es transformada en una completa porqueria! ademas que hace es codigo mas dificil de comprender y te agrega esos desagradables spacergifs, no esta mal del todo hacerlo de esta manera pues te ahorras mucho pero mucho tiempo, pero lo mejor seria empezar a maquetar con divs, si queres entrar al negocio lo mejor seria por la puerta grande. >:)

hector_he · #13 (**permalink**) 24/08/2006, 20:14

Dicho y hecho. Me he pasado alos div's & Css, aunque tadavía me cuesta un poco busco ayuda en páginas web, tutorial a través de google... aunque algunas partes de la página son imágenes con sectores, las sigo manteniendo en tablas y estas en div's, ya que no se hacer tablas con css pero creo que sto no es muy corecto, busco unamanera de mostrar una imagen dividida en sectores pero sin tablas ni espacegifs tan solo con css ...este es mi gran problema...

Gracias por todo NUCKLEAR, de hecho me habeis convencido, es una forma más organizada de trabajar.

1 Saludo (ahora que ya he solucionado el problema, me tendreis auí pregunatdo por porblemas de css ^~)

elquique · #14 (**permalink**) 08/12/2008, 13:17

Introducción a XHTML

Introducción a CSS

HTML y CSS van de la mano, y es la base de la web, nadie debería hacer paginas web sin conocerlos, pero igualmente hay muchas burradas web cometidas por desconocimiento de algo tan simple ;)

También lee las FAQs de este subforo.

Isareina · #15 (**permalink**) 08/12/2008, 13:18

Hola amigos,

Mi ilusión es crear una página Web, pero estoy empezando y lo hago con NVU y con las
tablas que su manual me dice, porque no se otra cosa.

La verdad es que no se como se separan las tablas, tanto a la derecha , centro o izquierda.
Pues me salen bién sólo a la izquierda, unas encima de otras. Es decir, separar las de la izquierda de las de las de la derecha, en a misma linea. No entiendo el porqué no me salen.

Si alguién me puede responder, se lo agradecería. Soy nueva en este foro.

Un cordial saludo

elquique · #16 (**permalink**) 08/12/2008, 13:32

Es interesante que leas lo que comentamos en este post

NO USES TABLAS !!!!

buzu · #17 (**permalink**) 08/12/2008, 14:03

Nuklear, la combinación no es CSS y divs. Eso es tan malo como tablas. La combinación ideal es CSS y XHTML. Además, los divs no son layers o capas. Esa es una idea errónea que se ha difundido mucho por la red, pero no es así. Las capas van una sobre la otra y los divs raramente hacen eso.

Hector, has pasado de una mala practica a otra peor. Por lo que puedo ver todo tu método de desarrollo web está por los suelos. Necesitas aprender a desarrollar usando mejores prácticas. Al parecer estás empezando a hacerlo y eso es bueno, pero evita cosas como lo que tu llamas imágenes con sectores dentro de tablas que a su ves pones dentro de divs.

elquique · #18 (**permalink**) 08/12/2008, 14:30

mi respuesta de hace un rato fue para esto:

---Cita (Autor masclet)---
y podriais decirme donde puedo encontrar información para principiantes, para maquetar con css.

otra de las ideas que había pensado, es diseñar la página en photoshop y guardarlo como imagen y html, creo q se dice así,en el mismo photoshop y luego pasarlo a dreamweaver...nunca lo he probado, pero no se si esto se puede hacer así.

y ya de paso, recomendaciones de páginas realizadas con css....
---Fin de Cita---

pero adonde esta la consulta ?? la volaron ?? why ??

codelikesdesign · #19 (**permalink**) 08/12/2008, 17:43

El problema está en que ahora se programa bajo unos estándares y por ello se ha creado un mal concepto de las tablas, en parte también por culpa del mal o tan básico uso que se la ha dado siempre a éstas.

Masclet, busca en Google "que pedazo de tablas", encontrarás un artículo buenísimo de Minid con el que verás el buen uso que se le pueden dar a las tablas en XHTML.

elquique · #20 (**permalink**) 08/12/2008, 18:05

Claro porque las tablas son elementos para tabular datos, esta bien usarlos en reportes, listados, etc, pero no es un elemento de diseño como se usaba mal, por culpa de algunos programas como FrontPage. Igualmente la buena forma de uso siempre estuvo ahí, solo que no se le prestaba atención a lo que es la base de la web, o sea el HTML, de hecho hoy día hay mucha gente que diseña y cobra por hacer webs y no sabe ni una línea de HTML.

Es como vender escribir libros y no saber escribir :)