Creación de la tabla y el formato en adobe dreamweaver cs5

Video: Editar estilos CSS - Nueva regla Css para fondo de tabla y celda DreamWeaver CS5 Video tutorial

Adobe Creative Suite 5 (CS5 de Adobe) Dreamweaver admite la creación y el formato de tablas en su sitio web. Cuando se piensa en una mesa, pensar en una cuadrícula, como una hoja de cálculo. Puede cambiar los colores de las células en las tablas, dividir o lapso las células (combinarlos con otras células), y aplicar bordes a ellos.

En algunos casos, no se ve la tabla en sí, porque se puede colocar el contenido en la fila y la columna de forma sin mostrar la mesa-, en este caso, es sólo una herramienta de formato. Cuando se crea una tabla, se puede determinar el número de filas y columnas que contiene. También puede elegir para abarcar filas y columnas para crear tablas únicas.

Una tabla con filas y columnas combinadas.
Una tabla con filas y columnas combinadas.
  1. Ponga el cursor donde desee que aparezca la tabla, asegúrese de que la ficha Común del panel Insertar es visible y, a continuación, haga clic en el botón Tabla.

    Alternativamente, se puede elegir Insertar → Tabla. Sea cual sea el método que utilice, aparece el cuadro de diálogo Tabla.

    Establecer las especificaciones de la tabla en el cuadro de diálogo Tabla.
    Establecer las especificaciones de la tabla en el cuadro de diálogo Tabla.
  2. Introducir o seleccionar los atributos de la tabla que desea crear:

  3. filas: En el cuadro de texto Filas, introduzca el número de filas que desea en la tabla. Series de pilas verticalmente y pueden ser agregados o eliminados después de crear la tabla.

  4. columnas: En el cuadro de texto Columnas, introduzca el número de columnas que desee en la tabla. Las columnas se crean horizontalmente a través de una mesa y pueden ser agregados o eliminados después de crearlo.

  5. Ancho de la mesa: Ingrese una medida de ancho en el cuadro de texto ancho de tabla y luego seleccione una medición (píxeles o porcentaje) de la lista desplegable a la derecha. Ancho de la mesa establece el tamaño por defecto para la tabla. Al 100 por ciento, la tabla ocupa el 100 por ciento de su página web, el cambio de tamaño cuando se cambia el tamaño de la página. Introduzca un valor de píxel para asegurar que la tabla se mantiene siempre el mismo tamaño.

  6. Grosor del borde: Introduzca (en píxeles) el espesor deseado para la anchura del borde que rodea las células y fuera de la mesa. Si usted quiere ver sin formato de la tabla, escriba 0 en el cuadro de texto Grosor del borde. En la vista Diseño, todavía se ve un borde de la tabla de puntos. Ves fronteras verdaderos cuando ve la página en un navegador o en la vista en vivo.

  7. Relleno de celda: Introduzca un número en el cuadro de texto Relleno celda si desea crear un margen alrededor de todo el contenido dentro de la célula.

  8. Espacio entre celdas: Introduzca un número en el cuadro de texto Espacio entre celdas, si usted quiere empujar las células separadas.

  9. Encabezamiento: Seleccionar el tipo de encabezado que desea incluir en la tabla (o seleccione Ninguno si no desea cabeceras).

  10. Accesibilidad: Agregar un título que es relevante para su tabla en el cuadro de texto de título. En el área Resumen, incluir varias líneas de texto para proporcionar más información sobre el propósito de la tabla.

  11. Haga clic en Aceptar.

    se crea la mesa.

Cuando se trabaja con tablas, tratar de tomar ventaja de la función de mesa ampliada en Dreamweaver. (Busque el botón Ampliado en la sección Diseño del panel Insertar.) Vista expandida añade el relleno de celdas y el espacio en una mesa y aumenta el tamaño de la frontera para hacer la selección más fácil. Para una vista previa precisa, volver a la vista estándar (haga clic en el botón Estándar en la sección Diseño del panel Insertar) después de terminar la edición.

Artículos Relacionados