Cómo trabajar con tablas en Adobe Dreamweaver CS6

  1. Software
  2. Adobe
  3. Dreamweaver
  4. Cómo trabajar con tablas en Adobe Dreamweaver CS6

Libro Relacionado

Por Jennifer Smith, Christopher Smith, Fred Gerantabee

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

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

Al crear una tabla, se puede determinar cuántas filas y columnas contiene, así como establecer anchos fijos o escalables para las filas y columnas cuando sea necesario. También puede elegir combinar 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 del panel Insertar esté visible y, a continuación, haga clic en el botón Tabla. Sea cual sea el método que utilice, aparecerá la ventana de diálogo Tabla.
  2. Introduzca o seleccione los atributos de la tabla que desea crear: Filas: En el cuadro de texto Filas, introduzca el número de filas que desee en la tabla. Las filas se apilan verticalmente y pueden añadirse o eliminarse después de crear la tabla Columnas: En el cuadro de texto Columnas, introduzca el número de columnas que desee en la tabla. Ancho de tabla: Introduzca una medida de ancho en el cuadro de texto Ancho de tabla y, a continuación, seleccione una medida (Píxeles o Porcentaje) de la lista desplegable de la derecha. El ancho de la tabla es un atributo importante porque establece el tamaño por defecto para la tabla: Introduzca (en píxeles) el grosor que desee 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, todavía se ve un borde de tabla punteado – es sólo una ayuda visual: Introduzca un número en el cuadro de texto Relleno de celdas si desea utilizar el relleno para crear un margen alrededor de todo el contenido dentro de la celda: Introduzca un número en el cuadro de texto Espaciado entre celdas si desea cambiar el espaciado para separar las celdas: La casilla de verificación Cabecera convierte la fila superior de la tabla de una fila estándar a una cabecera definida (utilizando la etiqueta <th>). Esto refuerza que la primera fila y su contenido definen el encabezado de la tabla: Puede proporcionar información adicional para ayudar a los usuarios con discapacidad visual a comprender el contenido de su tabla. Añada un título que sea relevante para su tabla en el cuadro de texto Título. 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 y se creará la tabla.

Cuando trabaje con tablas, intente aprovechar la función Tabla ampliada de Dreamweaver. (Busque el botón Expandido en la sección Disposición del panel Insertar.) La vista expandida agrega relleno de celdas y espaciado en una tabla y aumenta el tamaño del borde para hacer más fácil 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 terminar la edición.

Sé el primero en comentar

Dejar una contestacion

Tu dirección de correo electrónico no será publicada.


*