Problema con tablas en DreamWeaver

[Laberinto_Laberinto]

Hola!

Estoy intentando diseñar mi primera página web y para ello estoy utilizando Dreamweaver.

He leido en algunos sitios que se pueden usar tablas para estructurar la información. Mi problema es que no consigo crear tablas que se adapten al contenido, por ejemplo en la primera fila de la tabla quiero poner un banner y no consigo poner la tabla de tamaño del banner, no se si me he explicado muy bien.

Por cierto, ¿utilizar tablas es una buena manera de estructurar una web?

Si alguien me puede ayudar se lo agradecería

[acumulador]

Iniciado por Laberinto_Laberinto

Hola!

Estoy intentando diseñar mi primera página web y para ello estoy utilizando Dreamweaver.

He leido en algunos sitios que se pueden usar tablas para estructurar la información. Mi problema es que no consigo crear tablas que se adapten al contenido, por ejemplo en la primera fila de la tabla quiero poner un banner y no consigo poner la tabla de tamaño del banner, no se si me he explicado muy bien.

Por cierto, ¿utilizar tablas es una buena manera de estructurar una web?

Si alguien me puede ayudar se lo agradecería

Bueno para diseñar tu web podes utilizar tablas o capas de css, la verda en la web hay mucha discucion sobre la pertinencia o no de cada una de estas. Yo te aconcejo que primero dibujes loq ue queres en papel y asi tenes una idea clara de como va la tabla (en caso de que te definas por tablas), y lo otro podes ir preguntando paera que vas avanzando con tu proyecto.

[visitante28]

hola laberinto

<div></div>

esta estiketa te puede ayudar para lo que nesecitas,, date una vuelta por el foro de Estilos (CSS) y echale un ojo...

saludos...

[hades87]

Las tablas nunca se usan para hacer una web, has de usar los div y los CSS. Diseñar con tablas es algo que hemos de ir evitando. Pásate por el foro de CSS que tienes 2 guías de Mikmoro

[acumulador]

Iniciado por hades87

LAs tablas nunca se usan para hacer una web, has de usar los div y los CSS. Diseñar con tablas es algo que hemos de ir evitando. Pásate por el foro de CSS que tienes 2 guías de Mikmoro

Podrias ilustrarme sobre la razon por que los sitios web no se diseñan con tablas, gracias...

[hades87]

Por que se ha de hacer una web semántica y una tabla es para datos tabulados. Para hacer webs se han de emplear los divs y si has de poner una tabla con información tabular, como así presentar la información de una base de datos, ahí se usa.

Además un div te da muchísima mas libertad de diseño que una tabla y están diseñados para ello, mientras que las tablas ensucian el código y se mal usan en la actualidad.

Además te dejo un link que te puede interesar
Espero haberte ayudado.

[Max_Power_10]

Yo no estoy ni en contra ni a favor, uno de los motivos es porque soy nuevo en este mundo del diseño web, lo que si se, es que tengo creada una página web y publicada ya 2 meses en red y la tengo totalmente diseñada y creada con tablas y no he tenido ningún problema, si alguien quiere echarle un vistazo es agrucasa.es

Si quieres validar tu página en busca de errores, usa esta página validator.w3.org

[fmorenop]

Hola.

Antes de nada, y sin hacer referencia a ningún forero en concreto, algunas aclaraciones:

- NO. Una web con tablas NO deja de ser semántica; comprensible, legible, analizable, etc... (es HTML y 'su comprensión o no' tiene que ver con lo bien o mal que se usen, como pasa con los divs).
- NO. Una tabla no se usa exclusivamente para mostrar 'datos tabulados' (texto, imágenes, capas, enlaces, etc.).
Es un contenedor tabular, pero un contenedor como puede ser un div (menos flexible, desde luego).

Y, en ningún lugar del w3c, se dice que no se puedan usar para definir layouts de diseño aunque se recomienda la transición a css+div por cuestiones de representación en navegadores, y también se aclara que los bugs y errores para cumplir los estándares CSS de los navegadores impide el abandono total de las tablas para esa labor de maquetación.

Desde luego se puede discutir sobre tendencias y, está claro, que ahora la gente usa css+div y es una tendencia inteligente. Pero eso no significa que estas webs se vean correctamente en todos los dispositivos y navegadores, NO significa que sean accesibles, NO significa que sean semánticamente aptas y, por lo demás, ni siquiera significará que las webs resultantes pesen menos y se carguen más rápidamente.

Una vez más, las herramientas y tecnologías a usar están supeditadas al buen o mal uso que se le den.

Seguro que muchos de vosotros, con el notepad+ y el Paint, obtienen mejores resultados que mi Imageready y dreamweaver, sin duda, pero no tendrá que ver necesariamente con que hayais usado hojas de estilo.

P.D.: Antes de CSS, ya existia la WWW, lo recuerdo bastante bien.

[acumulador]

Iniciado por fmorenop

Hola.

Antes de nada, y sin hacer referencia a ningún forero en concreto, algunas aclaraciones:

- NO. Una web con tablas NO deja de ser semántica; comprensible, legible, analizable, etc... (es HTML y 'su comprensión o no' tiene que ver con lo bien o mal que se usen, como pasa con los divs).
- NO. Una tabla no se usa exclusivamente para mostrar 'datos tabulados' (texto, imágenes, capas, enlaces, etc.).
Es un contenedor tabular, pero un contenedor como puede ser un div (menos flexible, desde luego).

Y, en ningún lugar del w3c, se dice que no se puedan usar para definir layouts de diseño aunque se recomienda la transición a css+div por cuestiones de representación en navegadores, y también se aclara que los bugs y errores para cumplir los estándares CSS de los navegadores impide el abandono total de las tablas para esa labor de maquetación.

Desde luego se puede discutir sobre tendencias y, está claro, que ahora la gente usa css+div y es una tendencia inteligente. Pero eso no significa que estas webs se vean correctamente en todos los dispositivos y navegadores, NO significa que sean accesibles, NO significa que sean semánticamente aptas y, por lo demás, ni siquiera significará que las webs resultantes pesen menos y se carguen más rápidamente.

Una vez más, las herramientas y tecnologías a usar están supeditadas al buen o mal uso que se le den.

Seguro que muchos de vosotros, con el notepad+ y el Paint, obtienen mejores resultados que mi Imageready y dreamweaver, sin duda, pero no tendrá que ver necesariamente con que hayais usado hojas de estilo.

P.D.: Antes de CSS, ya existia la WWW, lo recuerdo bastante bien.

Enverdad aplaudo tu explicacion y me uno a ella, a pesar de que no soy el mas experto en el tema de web, pero por lo que he leido prefiero tener la mente abierta y no ser estricto ni elitista en ningun caso.

[hades87]

Bueno, yo solo lo expresé desde mi punto de vista y realmente considero que las tablas son para datos tabulados, por que para las otras cosas ya están los divs. Pero no me voy a inmiscuir mas en este temas por que siempre se acaba igual y paso de montar follones por la misma cosa de siempre.

[fmorenop]

Iniciado por hades87

Bueno, yo solo lo expresé desde mi punto de vista y realmente considero que las tablas son para datos tabulados, por que para las otras cosas ya están los divs. Pero no me voy a inmiscuir mas en este temas por que siempre se acaba igual y paso de montar follones por la misma cosa de siempre.

No pasa nada por discutir un tema tan 'típico' como el de las tablas y los divs (no hay mejor lugar que un foro para contrastar opiniones).

Está claro que no existe ningún tipo de guerra div vs tablas porque las tendencias actuales, el w3c y la razón, está de vuestra parte: "El tándem css+div le da mil vueltas a la maquetación con tablas cuando se usa correctamente"

Y por eso no creo necesario que se le busquen 'contras' al uso de las tablas para maquetar (bien usadas, como todo); Algunos las usamos por costumbre (que ya tengo más de 40 tacos), por comodidad (el 'mardito' tiempo) o por necesidad (el puñetero explorer). Pero intento usarlas bien teniendo claras sus limitaciones.

Lo dicho: A quien empiece en esto o no tenga clara la opción, que se ponga con css+divs y al que use tablas (mientras las use bien), no lo machaqueis con la obviedad de que con divs estaría mejor....
!Pues claro hombre!, ¿quién lo pone en duda?

;-D

Pack

[Max_Power_10]

Estoy de acuerdo con lo que dices, ojala los de adobe hicieran con Dreamweaver una opción para pasar de tablas a div y fuera perfecto y no salieran cosas raras, la velocidad de las tablas para diseñar una página web es muchísimo más rápida que con div, si hubiera un programa para hacer div igual de rápido que las tablas, que pudieras poner número de filas y columnas sería perfecto, yo uso dreamweaver cs4 pero he oído que el cs3 es mejor.

[mate_y_faso]

Hola, muy interesantes las respuestas ... tengo un problema similar al q hace referencia el foro, me dedico a programar desde hace varios años y hasta hace poco realicé aplicaciones web principalmente con php, apoyado en dreamweaver. El punto es que siempre utilicé tablas y evidentemente porq lo q hacia eran datos tabulados, reportes, formularios, etc. Hace un tiempo me pidieron realizar una Página web y para salir del apuro utilice algunas plantillas q consegui en la red. Sin embargo resulta q también se manejar programas de diseño como photoshop, también flash y otros, así q se me ocurrió hacer mis propios diseños de plantillas y llevarlas a dreamweaver .... allí fue donde mis dolores de hígado comenzaron .. ya q utilicé tablas a las cuales les iba colocando las respectivas imágenes que obtenía luego de exportar mis diseños de photoshop como html .... me fue casi imposible poder hacer coincidir los pedazos ... a menudo debía volver al diseño y modificar los cortes ... todo un dolor de muelas ... y como resultado mis trabajos tardamas mas de lo requerido ... ahora la pregunta es .. cuando utilicé plantillas (obtenidas de la red) noté q estas se acomodaban en tablas dentro de tablas .. no se si me dejo entender ... y cuando modificaba el texto, imágenes o lo q fuera .. la página no se desconfiguraba para nada ... Por qué??? ... Qué es lo q pasé por alto??? opté por bajar como 5 gigas de plantillas y todos los programas de diseño que pude pero mis problemas no se resolvieron del todo .. supongo q algo debo estar obviando ... a ver si alguien tiene la respuesta ...

Gracias anticipadas y si puedo colaborar en algo .. lo q sea .. plantillas soft .. y hasta incluso habilitar un host para el q desee realizar pruebas sin q le salga la molesta publicidad de los hostings gratuitos .. con gusto lo haría ya q dispongo de bastante espacio en mi server ....

[fmorenop]

Hola.

No estoy muy seguro de cual es el problema al que te enfrentas con las plantillas que usabas pero me ha parecido entender que intentabas crear una tabla con las celdas para que se 'adaptara' a las imágenes que generaba photoshop....

Si es así, (y dejando el tema de que podrías hacerlo con divs+css), los procesos habituales con las herramientas que comentas (photshop+dreamweaver) son:

-Si la plantilla que tienes está en photoshop, sólo tienes que crear los sectores de las zonas en que quieras dividir la página, y usar su herramienta imageready (según versión) y exportar un HTML para usar de base para el diseño. (Ese HTML ya tendrá creada la tabla principal con el tamaño de las imágenes de photoshop que estarán recortadas y enlazadas en la carpeta Images con su correspondiente tamaño).

-Si la plantilla es HTML, asegúrate al exportar las imágenes de photoshop que no son más grandes que las celdas HTML, establece el alto de dichas celdas antes de incluir dichas imágenes, etc...

El problema, si partes de una plantilla photoshop (lo más inteligente), no es técnico, sino de planificación porque se trata de definir los sectores de la tabla que puedas reutilizar en varias páginas de tu web.

Para ello debes establecer los sectores de las zonas fijas (cabecera, pie, menús, etc...) y dejar las zonas con contenido de las páginas como un único sector.

La imagen de ese único sector la usas de fondo de la celda y la información del cuerpo de la página (textos e imágenes) los situas con divs.

Ahora debes limpiar ese HTML creado por photoshop (añadir doctype, javascript, los rollback de dreamweaver, etc...) y cuando obtengas la página funcional, la duplicas para otras págnas de la web cambiando imágenes, divs, etc...

Como verás, explicar todo el proceso con esas herramientas en un párrafo no es lo más apropiado, pero la idea es que 'crear una tabla en blanco' y crear las imágenes desde photoshop del tamaño 'apropiado' te va a dar más dolores de cabeza que crear el HTML inicial desde photoshop. Aunque luego debas modificarlo (y muchísimo) desde dreamweaver.

Por eso te pregunto:
Si tienes que poner en práctica una forma de trabajar que aún no estás acostumbrado a usar, la experiencia que tienes en tablas era en programación, y las herramientas que conocer son photoshop + dreamweaver............. ¿por qué no intentas pasarte por el foro de css e intentar aprender a maquetar con divs?

Sinceramente creo que la curva de aprondizaje te compensa con creces si partes de cero (maquetar con tablas te puede hacer perder mucho tiempo si no estás acostumbrado y ese tiempo podrías utilizarlo en aprender div+css)

Es mi opinión.

Pack

[mate_y_faso]

Gracias por tu respuesta ... efectivamente mi problema mayor era y sigue siendo el poder adaptar las celdas a las imágenes creadas desde photoshop ... Sin lugar a dudas fusionar programación y diseño resulta muy complicado si no se tiene una idea cabal de la tecnología q se usa .. en mi caso, y confieso q me resultó desmotivante y frustrante .. no poder combinar dos cosas q manejo bastante bien .. el diseño y la programación ... ya son varias noches de poco sueño pues me dediqué a buscar todo tipo tipo de información que pueda ayudarme ... div y css parece ser una buena alternativa y estoy revisando información al respecto ... además también estoy tratando con un individuo que paso practicamente desapersibido Fireworks ... el cual se lleva bastante bien con dreamweaver y photoshop ... en una de esas pueda solucionar mis problemas inmediatos con las Regiones Editables ... mas bien si alguien sabe de alguna guia práctica que englobe PS, FW y DW ... se los agradeceré ..

De todas formas .. hago eco de tu mensaje final, aprender de cero es lo mejor .... como un niño q va a su primer dia de colegio ..

Gracias y siempre dispuesto a cualquier colaboración ...

[Giulius]

ahá! yo tengo la plantilla creada con tablas y mas de 60 páginas que usan esta plantilla.....puedo editar ese archivo .dwt para crearlo con divs?? digo, muevo las regiones editables?

[hades87]

A ver lo mejor es crear las páginas ya enteras con html y css, con Photoshop creas el lienzo que luego te servirá para crearlo todo, por lo que yo recomiendo es hacer el diseño en PS y luego crear todo el hTMl y CSS aparte, sin tablas ni cosas por el estilo