¿Cómo trabajar con tablas en adobe dreamweaver cs6

Cuando se piensa en una mesa en Adobe Dreamweaver CS6, pensar en una cuadrícula que tiene varias celdas en ella, al igual que una hoja de cálculo. Las tablas se utilizan en las páginas HTML de modo que los elementos y los datos pueden ser contenidos y posicionados dentro de las células específicas en una serie de filas y columnas.

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.

Cuando se crea una tabla, se puede determinar el número de filas y columnas que contiene, así como conjunto fijo o anchos escalables para las filas y columnas en caso necesario. También puede optar por unir filas y columnas para crear tablas únicas.

Para crear una tabla en Dreamweaver, siga estos pasos:

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.

   

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 crearlos.

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 es un atributo importante porque establece el tamaño predeterminado de la tabla.

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, el tipo 0 en el cuadro de texto Grosor del borde. Nota: En la vista Diseño, todavía se ve un borde de la tabla de puntos - es sólo una ayuda visual.

7. Relleno de celda: Introduzca un número en el cuadro de texto Relleno celda si desea utilizar el relleno para 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 desea cambiar el espaciado para empujar las células aparte.

9. Encabezamiento: La casilla de verificación Header convierte la fila superior de la tabla de una fila estándar a una cabecera definida (usando el etiqueta). Esto refuerza que la primera fila y su contenido definen la cabecera de la mesa.

10. Opciones de accesibilidad: Se puede proporcionar información adicional para ayudar a los usuarios con discapacidad visual a entender el contenido de la tabla. 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 y su contenido.

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 de las células y el contenido 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.