Tablas en DreamWeaver

[shevchenko]

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.



El Cellpading: especifica la cantidad de pixels entre la celda y el borde de la celda.
El Cellspacing: especifica la cantidad de pixels entre celda y celda.
Las tablas se hacen en principio con las medidas en porcentaje pero si luego queremos que el usuario al achicar su navegador, éste no intente redimensionar la tabla al nuevo tamaño, lo que debemos hacer es convertir las medidas de porcentaje a pixels. Esto se hace con la tabla seleccionada desde el inspector de propiedades. Hay un icono con la sigla Px que permite convertir las medidas de tabla a
pixels.

Podemos importar en Dreamweaver como una tabla, datos creados y con otra aplicación como Microsoft Excel. Para ello debemos hacer click sobre el botón Insertar datos tabulados (Insert tabular data) de la paleta de objetos. Se abrirá un cuadro de diálogo que nos pedirá que le indiquemos la ubicación del archivo. En el campo Delimitador debemos indicarle el tipo de delimitador con que fue guardado el archivo que estamos importando (coma, punto y coma, etc.). Luego debemos ingresar un ancho de tabla :
Ajustar a los datos (Fit to data): Para que adopte el ancho de acuerdo al valor mas largo de nuestro archivo.
Fijar (Set) : Para fijar el ancho de la tabla en porcentaje con respecto
a la ventana del navegador o en pixels.
Luego seleccionamos las opciones de formato de la tabla (borde,itálica, negrita, espaciado de celdas) y oprimimos OK para importar.

Lo bueno que tiene el dreamweaver 4 es que ahora podemos diseñar las celdas directamente desde la tabla, solo tenemos que hacer click en la barra de propiedades, layout (debajo de todo) en la parte de common y vean el siguiente gráfico:




Autor: Paola Fraticola
http://www.programatuweb.com/manuales/drean/dream_4.php