Cómo cambiar la apariencia de una tabla en dreamweaver

Video: Curso - Dreamweaver - Tablas

Necesidad de cambiar el aspecto de una tabla en su sitio? Cuando se selecciona una tabla en Dreamweaver, el inspector de propiedades le permite acceder a las siguientes opciones para la personalización de su mesa&rsquo-s apariencia:

Video: Curso de Dreamweaver CS6.7.1. Insertar y modificar tablas

• Mesa: Proporciona un área de texto donde puede introducir un nombre para una mesa. Este nombre o ID, es útil para la orientación de la mesa en los scripts.

  Video: 1. Cómo Listar, añadir, editar y borrar records de una tabla con PHP y Dreamweaver

• filas: Muestra el número de filas de la tabla. Puede modificar el tamaño de la tabla cambiando el número. Tenga cuidado, sin embargo: Si introduce un número que es menor que el número de filas en la tabla, Dreamweaver elimina las filas inferiores - contenidos y todo.

• cols: Muestra el número de columnas de la tabla. Puede modificar el tamaño de la tabla cambiando el número. Una vez más, si se introduce un número menor que el número de columnas en la tabla, Dreamweaver elimina las columnas en el lado derecho de la mesa - contenidos y todo.

• W (anchura): Muestra el ancho de la tabla. Puede modificar el ancho cambiando el número. Puede especificar el ancho como un porcentaje o un valor en píxeles. Valores expresados ​​como un porcentaje de aumento o disminución de la tabla&rsquo-s tamaño en relación con el tamaño del usuario&rsquo-s ventana del navegador o cualquier recipiente que encierra, como otra tabla o una etiqueta.

  Dimensiones de la mesa expresadas como porcentaje le permiten crear tablas que cambian de tamaño cuando se cambia el tamaño de la ventana del navegador. Si quieres una mesa para tomar siempre el 75 por ciento de la ventana, independientemente del usuario&rsquo-s área de visualización, establece el tamaño como un porcentaje. Si desea que una tabla sea siempre el mismo tamaño sin importar el tamaño de la ventana del navegador, seleccione píxeles para el ancho de la tabla.

  Si una tabla se inserta en otro recipiente, tal como una etiqueta o una mesa con una anchura fija, la mesa se dimensiona basa no en la ventana del navegador, pero en el envase.

  Nota: A partir de Dreamweaver CS4, ya no se encuentra un campo H (altura). Como una mejor práctica, la mayoría de los diseñadores don&rsquo-t especificar altura de la mesa porque la tabla&contenidos rsquo-s pueden cambiar de un visitante a otra. Por ejemplo, el tamaño de fuente de texto depende de un usuario&rsquo-s del sistema y la configuración.

• CellPad: Especifica el espacio entre el contenido de una celda y su frontera.

• CellSpace: Especifica el espacio entre celdas de la tabla.

• Alinear: Controla la alineación de la tabla de la página web. Las opciones son por defecto, Izquierda, Centro y Derecha. Como regla general, la configuración predeterminada alinea la tabla del lado izquierdo de la ventana del navegador u otro recipiente.

• Frontera: Controla el tamaño del borde alrededor de la mesa. Cuanto mayor sea el número, más grueso de la frontera. Si desea que la frontera sea invisible, ponerlo a 0.

• Clase: Proporciona un fácil acceso a las opciones de hojas de estilo.

• Clara y convertir: Los iconos en el área inferior izquierda del inspector de propiedades (haga clic en la flecha de ampliación situada en la esquina inferior derecha para verlas) proporcionan estas opciones de formato:

• Borrar alto de fila y Los anchos de columna claras le permitirá eliminar todos los valores de altura y anchura de una sola vez.

• Convertir tabla a píxeles Anchos y Convertir tabla a porcentaje Anchos le permitirá cambiar automáticamente la configuración de Ancho de porcentajes de píxeles. Píxeles especificar uno fijo anchura- un ajuste por ciento significa que el navegador ajusta automáticamente el porcentaje especificado del área de visualización del navegador.

También puede aplicar opciones de formato y cambiar los atributos de cualquier elemento - tales como texto, una imagen o un archivo multimedia - dentro de una celda de la tabla. Para ello, seleccione el elemento y luego usar las opciones en el CSS o inspector de propiedades de HTML para realizar los cambios deseados, tal como lo haría si el elemento weren&rsquo-t en una celda de la tabla.