Portada | Monotemáticos | Secciones | Desarrolladores | Comunidad | Servicios | Servicios profesionales | RSS
Desde 0 | HTML | CSS | ASP | PHP | AJAX | Javascript | Promoción de webs | Rentabilidad de webs
Directorio | Manuales | Scripts | FAQs | Programas | Artículos Copyleft | Actualidad | La Cosecha | Colabora
Registrarse | Vuestras páginas | Foros del web | Lista de correo | Boletín de novedades
Generador METAs | Compras | Busca cursos
Alojamiento | Dominios.es | Micropagos SMS | Buscadores | Patentes, marcas | Creación web | Multimedia | Videos
Desarrollo Freelance | Buscar proyectos | Buscar profesionales | Solicitar desarrollo

Maquetar por tablas o por capas

He visto un concepto que no logro entender sobre la maquetación de páginas web. ¿Qué es maquetar por tablas o por capas? ¿cuál método sería el más conveniente?

La FAQ Maquetar por tablas o por capas tiene Pertenece a la categoría:


 Respuesta de Sara Alvarez  20/1/06 
Maquetar una página llamamos a colocar los contenidos de la manera que deseamos. Podría ser un sinónimo de diseñar, aunque el diseño implica realizar una creatividad o un aspecto de la página y maquetar es cuando ya tienes el aspecto definido o diseñado y lo que estás haciendo es colocar los elementos que forman parte del diseño en las posiciones que deseas.

Para realizar el posicionamiento de los elementos en el lugar deseado, se pueden utilizar dos técnicas. Por tablas, que hace uso de la etiqueta <table> para el posicionamiento y por capas se utiliza la etiqueta <div> y se asigna posicionamiento con hojas de estilo en cascada (CSS).

En el manual de html se explica la maquetación por tablas, que es la maquetación tradicional, y en el taller de CSS explicamos técnicas para maquetar por capas.

Hoy en día se maqueta por capas ya que los resultados son más óptimos, pero podrías maquetar por tablas sin ningún problema. Todo tiene sus ventajas e inconvenientes.

Para que veas lo que es maquetar por capas te sugiero que leas el artículo Maquetar una página con CSS y así decidas como quieres maquetar tu página.

Complementar la respuestaComplementar la respuesta
Volver al árbol de categoríasVolver al árbol de categorías

 Comentarios de los visitantes
Se muestran 2 comentarios revisados

 Comentario de Sergio
03/2/06 
La maquetación por capas y css es muchisimo mejor para todo, para los nuevos dispositivos, para lectores de voz, para el posicionamiento,etc...

La maquetacion por capas suele ser en muchos casos sinonimo de los standars webs, es como los desarrolladores que siguen los estandars maquetan, tambien usan tablas pero en menor medida.

Un exponente de esta corriente es Jeffrey Zeldman, su web: http://www.zeldman.com hay se puede buscar y ver su codigo fuente que pone a disposicion de todo aquel que quiera usar los standadres.

Un saludo.

 Comentario de Rumoroso
09/2/06 
Las tablas son para mostrar datos. Nunca se debería maquetar con tablas. Es más, no creo que se pueda decir que existe la maquetación con tablas.
La maquetación con tablas surgió por la facilidad que ofrecían para poner las cosas donde más o menos convenía sin tener necesidad de apenas conocimiento alguno de diseño web.
Las tablas, si se utilizan para maquetar, son un serio problema de semántica para el código y convierten en contenido en una maraña cuya accesibilidad se reduce a la mínima expresión.
Te aconsejo que mires algún tutorial sobre hojas de estilo y que conozcas cláramente los elementos que forman parte del HTML y del XHTML. Gracias a las própias características de dichos elementos, tanto a las genéricas como a las específicas, la maquetación puede llegar a límites insospechados con unos conocimientos básicos.
Un saludo

 
FAQ relacionadas
  + Estilos en barras de desplazamiento
  + Estilos CSS en los botones de formularios y Netscape 4
  + Manuales de CSS
  + Enlaces que cambian al pasar el ratón
  + ¿Cómo puedo cambiar el color de las celdas cuando paso el puntero por encima de ellas?
  + ¿Como puedo cambiar el color de la barra de desplazamiento?.
  + Diferencias de colocar estilos CSS en distintos lugares
  + Cambiar color a los enlaces
  + Quitar subrayado a los enlaces
  + Quiero personalizar los links de mi página para que todos sean distintos los unos de los otros
  + Estilo en los campos de formulario
  + Cambiar el tamaño de letra de un menú select
  + Cambiar el estilo de la primera letra de un párrafo
  + Aplicar estilo a la primera línea de un texto
  + Menú dinámico con CSS
  + Textarea sin borde
  + Clip en un div
  + Efecto sombra en mi página
  + Maquetar un boletín con CSS
  + Caja con CSS
  + Estilo en tablas HTML con CSS
  + Aspecto del cursor con CSS
  + Capas en CSS
  + Qué es Shorthand
  + Maquetar una web con CSS
  + problema al aplicar z-index a elementos select de formulario
  + Algunos programas para editar CSS
  + Maquetar galería de fotos con CSS
  + Rollover con CSS
  + Botones con estilos
  + ¿Qué Significa CSS?
  + Minúsculas con CSS
  + Hojas de estilo en cascada (CSS)
  + Formulario con CSS
  + Efecto de sombra con CSS
  + Cambiar tipografía para toda la página
  + Imprimir con CSS
  + Comentarios en CSS
  + Cómo eliminar los márgenes abajo y arriba que tiene un formulario
  + Definir los márgenes de un encabezamiento o título <h1>
  + ...

Para ver más FAQ relacionadas accede a las categorías:

Complementar la respuestaComplementar la respuesta
Volver al árbol de categoríasVolver al árbol de categorías

DesarrolloWeb.com | Copyright | Anunciese | Acerca de | Datos legales | Contacta | Por GuiarteMultimedia