Dreamweaver. Dibujar celdas y tablas de disposición

Cuando cambia a la vista de Disposición de Dreamweaver, puede añadir celdas de disposición a la página web. Estas celdas le ayudarán a bloquear la disposición de la página. Por ejemplo, puede dibujar una celda en la parte superior de la página para insertar un menú, en la parte derecha para insertar submenús o en un lado para presentar contenido. A la hora de diseñar la página, piense en términos de una cuadrícula de filas y columnas.

Cuando usted crea una celda de disposición en una página, Dreamweaver crea automáticamente una tabla de disposición como contenedor de dicha celda. Una celda de disposición no puede existir fuera de una tabla de disposición. Puede diseñar la página utilizando varias celdas de disposición de una tabla de disposición o utilizar múltiples tablas de disposición para conseguir una disposición más avanzada.

El uso de múltiples tablas de disposición aísla secciones de la disposición para evitar que se vean afectadas por otras. Resulta especialmente útil cuando el contenido de una celda de disposición puede cambiar y hacer que aumente de tamaño. A medida que la celda crece, afecta a las celdas próximas, ya que no se pueden superponer. Si ha creado una disposición con múltiples tablas, las filas y columnas de una tabla no afectarán a otras tablas.

También puede anidar tablas de disposición (insertando una tabla de disposición en otra ya existente). Las celdas de una tabla anidada no están restringidas por las filas y columnas de la tabla externa. Consulte Dibujar una tabla de disposición anidada.

Dibujar celdas y tablas de disposición

En la vista de Disposición puede dibujar celdas y tablas de disposición en la página. Si crea una celda de disposición, se insertará automáticamente una tabla de disposición que actuará como contenedor de dicha celda. Una celda de disposición siempre se encontrará en una tabla de disposición.

Nota: La tabla de disposición que crea automáticamente Dreamweaver tiene el ancho de la ventana de documento. Puede cambiar su tamaño o hacer que sea autoampliable si es necesario.

Para dibujar una celda de disposición

Sitúese en la vista de Disposición y, a continuación, haga clic en el botón Dibujar celda de disposición en la categoría Disposición del panel Objetos. El puntero del ratón se convertirá en un signo más (+).
Sitúe el puntero del ratón en la parte de la página donde desee que comience la celda y, a continuación, arrastre para crear la celda de disposición. Para crear varias celdas sin necesidad de hacer clic repetidamente en el botón de celda de disposición, mantenga presionada la tecla Control (Windows) o Comando (Macintosh).
La celda aparecerá en la página con un contorno azul. El azul es el color predeterminado del contorno de las celdas de disposición. El tamaño de cada celda se muestra en el área de encabezado de la columna, en la parte superior de la celda. Para obtener más información sobre el ancho, consulte Configurar el ancho de la disposición.

La disposición de la página utiliza una cuadrícula con columnas y filas, por lo que las celdas pueden extenderse a lo largo de varias filas o columnas, pero nunca superponerse. Dreamweaver ayuda a mantener esta estructura ajustando automáticamente las nuevas celdas a las celdas existentes si se dibujan próximas entre sí (a una distancia de ocho píxeles). Las celdas también se ajustarán automáticamente a un lado de la página si se dibujan cerca del borde (a una distancia de ocho píxeles). Para desactivar temporalmente el ajuste, mantenga presionada la tecla Alt (Windows) u Opción (Macintosh) mientras arrastra la celda por la página.

Esto no significa que todas las celdas deban tener el mismo tamaño o ancho. Puede haber celdas de distinto ancho en la misma columna o celdas de distinto alto en la misma fila.

Para dibujar una tabla de disposición

Sitúese en la vista de Disposición y, a continuación, haga clic en el botón Dibujar tabla de disposición en la categoría Disposición del panel Objetos. El puntero del ratón se convertirá en un signo más (+).
Sitúe el puntero del ratón en la página y, a continuación, haga clic y arrastre el ratón para crear la tabla de disposición. Si es la primera tabla que dibuja en la página, se colocará automáticamente en la esquina superior izquierda de la página. Para crear varias tablas sin necesidad de hacer clic repetidamente en el botón de tabla de disposición, mantenga presionada la tecla Control (Windows) o Comando (Macintosh).

La tabla aparecerá en la página con un contorno verde. El verde es el color predeterminado del contorno de las celdas de disposición (consulte Configurar las preferencias de la vista de Disposición para cambiarlo). También aparecerá una ficha Tabla de disposición en la parte superior de cada tabla dibujada, que le ayudará a distinguir y seleccionar la tabla. El tamaño de cada tabla se muestra en el área de encabezado de la columna, en la parte superior de la tabla.

tabla de disposicion en dreamweaver

Para obtener más información sobre el ancho, consulte Configurar el ancho de la disposición.

Las tablas no se pueden superponer. La disposición de la página utiliza una cuadrícula con columnas y filas, por lo que las tablas pueden extenderse a lo largo de varias filas o columnas, pero nunca pueden superponerse. Dreamweaver ayuda a mantener esta estructura ajustando automáticamente las nuevas tablas a las tablas o celdas existentes si se dibujan próximas entre sí (a una distancia de ocho píxeles). Las tablas también se ajustarán automáticamente a un lado de la página si se dibujan cerca del borde (a una distancia de ocho píxeles). Para desactivar el ajuste, mantenga presionada la tecla Alt (Windows) u Opción (Macintosh) mientras arrastra la tabla por la página.

Puede crear tablas de disposición en áreas vacías de la página, en una tabla de disposición existente (anidadas) o alrededor de celdas y tablas de disposición existentes. Cuando se crea una tabla de disposición en un documento en blanco, ésta se ajusta automáticamente a la esquina superior izquierda de la ventana de documento.

Nota: Si la página ya tiene contenido, sólo podrá dibujar la tabla de disposición debajo del contenido.

Para dibujar una tabla de disposición alrededor de tablas o celdas existentes

Sitúese en la vista de Disposición y, a continuación, haga clic en el botón Dibujar tabla de disposición en la categoría Disposición del panel Objetos. El puntero del ratón se convertirá en un signo más (+).
Haga clic y arrastre el ratón alrededor de las celdas o tablas de disposición existentes. La tabla de disposición abarcará las celdas o tablas existentes.

Artículos Relacionados
Dreamweaver. Disposición de páginas: cambiar a vista de Disposición
La disposición de páginas es una parte fundamental del diseño Web. El término disposición de...
Dreamweaver. Aplicar formato a una celda y tabla de disposición
Aplicar formato a una celda de disposición Puede establecer la alineación de contenido, el ancho y...
Videotutoriales de HTML
Nivel medio Recopilación de video tutoriales de HTML de nivel medio para ahondar más en...
Manual ASP. Selecciones en una tabla
Selecciones de una tabla Dentro de una base de datos, organizada por tablas, la selección...

Última Actualización: 5/10/09