Cómo cambiar la apariencia de una tabla en Dreamweaver

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 personalizar la apariencia de su tabla:

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

  • 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 tabla - contenidos y todo.

  • W (ancho): Muestra la anchura 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 de tamaño en relación con el tamaño de ventana del navegador del usuario 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 de área de visualización del usuario, establecer el tamaño en porcentaje. Si quieres una mesa para ser siempre el mismo tamaño, independientemente del 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

    tag o una mesa con una anchura fija, la mesa es de tamaño basada no en la ventana del navegador, pero en el envase.

    Nota: A partir de Dreamweaver CS4, ya no encuentra un campo H (altura). Como práctica, la mayoría de los diseñadores no especifican altura de la mesa, porque el contenido de la tabla puede cambiar de un visitante a otra. Por ejemplo, el tamaño de fuente del texto depende de sistema del usuario y la configuración.

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

  • CellSpace: Especifica el espacio entre celdas de 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 por defecto se alinea la tabla de la parte izquierda de la ventana del navegador u otro recipiente.

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

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

  • Claro y convertir: Los iconos en la parte inferior izquierda del inspector de propiedades (haga clic en la flecha de ampliación situada en la esquina inferior derecha para verlas) ofrecen estas opciones de formato:

  • Borrar alto de fila y Anchos claro columna le permiten eliminar todos los valores de altura y anchura a la vez.

  • Convertir Tabla Anchos a píxeles y Convertir Tabla Anchos de Porcentaje le permiten cambiar automáticamente los ajustes de Ancho de porcentajes de píxeles. Píxeles especifican un fijo anchura- un ajuste por ciento significa que el navegador ajusta automáticamente el porcentaje específico 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 de la CSS o el inspector de propiedades de HTML para realizar los cambios deseados, tal como lo haría si el elemento no se encontraban en una celda de la tabla.




» » » » Cómo cambiar la apariencia de una tabla en Dreamweaver