Cómo trabajar con tablas en Adobe Dreamweaver CS6 - variables ficticias

Cuando piense en una tabla en Adobe Dreamweaver CS6 , piense en una cuadrícula que tenga varias celdas, mucho como una hoja de cálculo. Las tablas se usan en páginas HTML para que los elementos y los datos se puedan contener y ubicar dentro de celdas específicas en una serie de filas y columnas.

Puede cambiar los colores de las celdas en tablas, dividir o abarcar las celdas (combinarlas con otras celdas) y aplicarles bordes.

Cuando crea una tabla, puede determinar cuántas filas y columnas contiene, así como establecer anchos fijos o escalables para filas y columnas cuando sea necesario. También puede optar por fusionar filas y columnas para crear tablas únicas.

Para crear una tabla en Dreamweaver, siga estos pasos:

1. Coloque el cursor donde desea que aparezca la tabla, asegúrese de que la pestaña Común en el panel Insertar esté visible y luego haga clic en el botón Tabla.

   Alternativamente, puede elegir Insertar → Tabla. Cualquiera que sea el método que use, aparece el cuadro de diálogo Tabla.

   

2. Ingrese o seleccione los atributos de la tabla que desea crear:

   • Filas: En el cuadro de texto Filas, ingrese el número de filas que desea en la tabla. Las filas se acumulan verticalmente y se pueden agregar o eliminar después de crear la tabla.

   • Columnas: En el cuadro de texto Columnas, ingrese el número de columnas que desea en la tabla. Las columnas se crean horizontalmente en una tabla y se pueden agregar o eliminar después de crearlas.

   • Ancho de tabla: Ingrese una medida de ancho en el cuadro de texto Ancho de tabla y luego seleccione una medida (Píxeles o Porcentaje) de la lista desplegable a la derecha. El ancho de la tabla es un atributo importante porque establece el tamaño predeterminado para la tabla.

   • Grosor del borde: Introduzca (en píxeles) el grosor que desea para el ancho del borde que rodea las celdas y fuera de la tabla. Si no desea ver ningún formato de tabla, escriba 0 en el cuadro de texto Grosor del borde. Nota: En la vista Diseño, aún se ve un borde de tabla discontinua; es solo una ayuda visual.

   • Relleno de celda: Ingrese un número en el cuadro de texto Relleno de celda si desea usar relleno para crear un margen alrededor de todo el contenido dentro de la celda.

   • Espacio entre celdas: Ingrese un número en el cuadro de texto Espaciado entre celdas si desea cambiar el espaciado para separar celdas.

   • Encabezado: La casilla de verificación Encabezado convierte la fila superior de la tabla de una fila estándar a un encabezado definido (usando la etiqueta ). Esto refuerza que la primera fila y sus contenidos definen el encabezado de la tabla.

   • Opciones de accesibilidad: Puede proporcionar información adicional para ayudar a los usuarios con discapacidad visual a comprender el contenido de su tabla.Agregue un título que sea relevante para su tabla en el cuadro de texto Leyenda. En el área Resumen, incluya varias líneas de texto para proporcionar más información sobre el propósito de la tabla y su contenido.

3. Haga clic en Aceptar.

   Su tabla está creada.

Cuando trabaje con tablas, intente aprovechar la función de tabla expandida en Dreamweaver. (Busque el botón Ampliado en la sección Diseño del panel Insertar). La vista ampliada agrega relleno y espaciado de celda en una tabla y aumenta el tamaño del borde para facilitar la selección de celdas y contenido.

Para obtener una vista previa precisa, vuelva 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 que termine de editar.