Cómo crear una tabla en dreamweaver

Puede insertar una tabla haciendo clic en el icono de la tabla en el panel de diseño Insertar de Dreamweaver o utilizando el menú Insertar, como se muestra en las instrucciones paso a paso que siguen. No se preocupe por el perfeccionamiento de la configuración- cambia todas estas opciones más adelante (con la excepción de los ajustes de accesibilidad, que pueden ser editados únicamente en la vista Código después de haber creado una tabla).

Video: Como crear un sitio Web con herramienta tabla Dreamweaver CS6

Para crear una tabla en Dreamweaver:

  1. Seleccione Insertar → Tabla, o haga clic en el icono de la tabla en el panel común o Disposición Insertar.

    Aparece el cuadro de diálogo Tabla.

  2. En las filas y columnas campos, especifique el número de filas y columnas, respectivamente, que quiere en su mesa.

  3. En el campo Ancho Tabla, introduzca la anchura de la mesa y luego seleccione por ciento o píxeles de la lista desplegable.

    Si elige píxeles, la tabla se creará en un tamaño fijo. Si opta por ciento, la tabla se expandirá o contraerá en el tamaño en función del tamaño de la ventana del navegador. Por ejemplo, si crea una tabla y establecer el tamaño a 80 por ciento, la tabla se llenará el 80 por ciento del espacio de la ventana del navegador.

  4. En el campo Grosor de borde, especificar el grosor del borde de la tabla en píxeles.

    Se puede introducir un 0 en este campo para crear una tabla sin borde visible.

  5. En los campos de relleno de celda y espaciado de celda, introduzca el número de píxeles de relleno de las celdas y el espaciamiento de células, respectivamente, para su mesa.

    Los campos de relleno y espaciado pueden dejarse en blanco para crear una tabla sin relleno adicional o espaciado. Como alternativa, puede crear un estilo CSS que especifica el espaciado.

  6. Elija una opción de encabezado haciendo clic en el icono que representa la posición de cabecera que quiere en su mesa.

  7. (Opcional) En los campos de accesibilidad, añadir un título y un resumen.

    Estos campos proporcionan información adicional que puede ser útil para personas con discapacidad auditiva y otras personas que están navegando por la web utilizando lectores de pantalla u otros navegadores web que leen las páginas web en voz alta.

  8. Haga clic en Aceptar.

    La tabla se agrega a la página en Dreamweaver y cierra el cuadro de diálogo Tabla.

  9. Para añadir texto a una tabla, haga clic para colocar el cursor en cualquier celda de la tabla y escriba los datos que desea en esa celda. Repita este procedimiento para cada celda.

    Como alternativa, puede utilizar Edición → Pegado especial para insertar datos en columnas de otro programa, como Excel.

  10. Para insertar una imagen en una celda, haga clic para colocar el cursor en cualquier celda de la tabla y seleccione Insertar → Imagen → Imagen. Repita este procedimiento para cada celda.

    Como alternativa, puede utilizar el icono de imagen en el panel Común Insertar.

  11. Aplicar las opciones de formato, como negrita o cursiva, a las celdas seleccionadas y sus contenidos, eligiendo la opción del inspector de propiedades.

Puede editar todas las opciones de la tabla, excepto las opciones de accesibilidad, en el inspector de propiedades después de crear una mesa. Cuando se selecciona una tabla o celda haciendo clic en el espacio de trabajo de Dreamweaver, los atributos aparecen en el inspector de propiedades en la parte inferior del área de trabajo.

Clic en el borde de cualquier tabla para seleccionar toda la tabla, y el inspector de propiedades muestra las opciones de la tabla. Para ver todas las opciones, haga clic en la flecha de ampliación situada en la esquina inferior derecha del inspector de propiedades.

Video: Como crear un Sitio Web en Dreamweaver, insertar tablas e imagenes

[Foto por Janine Warner]

A veces la selección de la tabla entera y no sólo una célula individual es complicado. Si usted está teniendo problemas para seleccionar la tabla, basta con colocar el cursor en cualquier lugar de la tabla y elija Modificar → Tabla → Seleccionar tabla.

Artículos Relacionados