Introducción web-María Celi: Tablas con dreamweaver

TABLAS CON DREAMWEAVER

Las tablas sirven para organizar datos e imágenes en un archivo HTML.
Consisten de tres elementos básicos: filas, columnas y celdas (que surgen de la intersección de una fila con columna). Para crear una tabla debemos hacer clic sobre el botón Insertar tabla (Insert Table) de la paleta de Objetos.

Se abrirá un cuadro de diálogo que nos preguntará cuántas filas y cuantas columnas tendrá nuestra tabla, qué ancho tendrá y si tendrá borde.

Las tablas tienen muchísima importancia en lo que se refiere al diseño de páginas Web. Son el esqueleto sobre el que las páginas se construyen

Como crear tablas en dreamweaver

Para comenzar vamos a ir abriendo con el Dreamweaver la página anteriormente creada para la plantilla, la llamada plantilla1.htm.

Si echáis un vistazo al código HTML de la misma veréis que aún no hay nada entre <body> y </body>, es decir, no tiene nada que mostrar.

Nosotros vamos a crear la primera tabla, que será la tabla Superior.

Para ello en Dreamweaver pulsamos en "Insertar" + "Tabla" y en la ventanita gris que aparecerá ponemos:

- Filas: Número de filas (horizontales) que queremos que tenga la tabla.

- Columnas: Número de columnas (verticales) que deseamos.

- Ancho: Anchura de la tabla completa. Se puede escoger un ancho determinado en pixeles o que se muestre con un ancho igual a una cantidad relativa a la anchura de la página, como por ejemplo, que sea la mitad de la anchura de la página, o el 100 por cien, etc.

- Borde: Si ponemos un número distinto de cero será el grosor de las líneas que delimitan cada celda de la tabla, es decir, aparecen las celdas con un recuadro de cierto grosor. Si ponemos un cero (0) los bordes serán invisibles, no habrá borde.

- Relleno Celda y Espacio Celda: Son los márgenes de cada celda, es decir, la separación entre lo que contienen y los bordes.

Nosotros, para esta primera tabla, vamos a escoger 1 fila, 2 columnas, ancho 95% en porcentaje, borde cero y relleno y espacio de celda cero también. (poned un cero en estos).

Una vez aceptáis, aparece la tabla delimitada con unas líneas discontínuas que luego no se verán en la web. Ahora toca retocarla para darle el aspecto deseado, pero antes quisiera que supierais que ha hecho Dreamweaver para crear esa tabla, es decir, que ha cambiado en nuestro código Html.

Para saberlo, basta con ver el código Html de la página

Para que sirven las Tablas en Dreamweaver

os diseñadores y desarrolladores Web, ya que les permite crear páginas Web organizadas, es decir, en ellas se introduce toda la información que debe contener un sitio Web (imágenes, texto, objetos flash, formularios etc.), además le ayuda a administrar mejor el espacio de la página. Hay que tomar en cuenta que en las tablas lo más recomendado es que no deben ser visibles para el usuario.

VIDEO