Volver a los videos prácticos

Plantillas de Documentos

Cómo Crear Tablas en Plantillas HTML

Para crear una tabla en una plantilla HTML, abra la versión de código del editor y elimine cualquier código de informe predeterminado. Haga clic en el cuarto icono de la barra de herramientas para añadir una nueva tabla.

Instrucciones paso a paso

  1. Cómo Crear Tablas en Plantillas HTML - Paso 1
    Paso 1

    Para crear una tabla en una plantilla HTML, abra la versión de código del editor y elimine cualquier código de informe predeterminado. Haga clic en el cuarto icono de la barra de herramientas para añadir una nueva tabla.

  2. Cómo Crear Tablas en Plantillas HTML - Paso 2
    Paso 2

    Arrastre y suelte la tabla en su plantilla y luego abra las propiedades de la tabla. Establezca la dimensión de ancho en 100 y cambie la unidad a porcentaje para que abarque todo el espacio horizontal.

  3. Cómo Crear Tablas en Plantillas HTML - Paso 3
    Paso 3

    En las propiedades de la tabla, establezca la alineación del texto en el centro.

  4. Cómo Crear Tablas en Plantillas HTML - Paso 4
    Paso 4

    Para evitar el redimensionamiento de las columnas, mantenga presionada la tecla Shift y haga clic en cada celda para seleccionarlas todas. Establezca las dimensiones de ancho y ancho máximo en 33 por ciento.

  5. Cómo Crear Tablas en Plantillas HTML - Paso 5
    Paso 5

    Seleccione la segunda columna y establezca su ancho en 34 por ciento, luego establezca el ancho de la tercera columna en 33 por ciento. Haga doble clic dentro de una celda para añadir un cuadro de texto.

  6. Cómo Crear Tablas en Plantillas HTML - Paso 6
    Paso 6

    Escriba los encabezados de sus columnas en los cuadros de texto, como Versión del Presupuesto, Fecha del Presupuesto y Fecha de Vencimiento.

  7. Cómo Crear Tablas en Plantillas HTML - Paso 7
    Paso 7

    Añada una segunda fila de cuadros de texto para Cliente, Ubicación y Contacto. Mantenga presionada la tecla Shift y haga clic en cada cuadro de texto para seleccionarlos todos y formatearlos.

  8. Cómo Crear Tablas en Plantillas HTML - Paso 8
    Paso 8

    Vaya a la configuración de Tipografía y cambie el color del texto a blanco.

  9. Cómo Crear Tablas en Plantillas HTML - Paso 9
    Paso 9

    Cambie el peso de la fuente a negrita. A continuación, añada las variables de datos correspondientes a una nueva fila, comenzando con el número de versión del código.

  10. Cómo Crear Tablas en Plantillas HTML - Paso 10
    Paso 10

    Seleccione cualquier texto de marcador de posición y haga clic en el icono de la papelera para eliminarlo. Inserte las variables para el número de versión del código, fecha, fecha de vencimiento, nombre del cliente y dirección del sitio.

  11. Cómo Crear Tablas en Plantillas HTML - Paso 11
    Paso 11

    Para la columna de contacto, inserte las variables de nombre y apellido. Si el texto se ajusta a varias líneas, elimine y ajuste el cuadro de texto para mantenerlo en una sola línea.

  12. Cómo Crear Tablas en Plantillas HTML - Paso 12
    Paso 12

    Haga Shift-clic en las celdas de la tabla para seleccionarlas, asegurándose de seleccionar la celda y no el texto interior. Cambie el color de fondo en la configuración de decoraciones, guarde su plantilla y haga clic en Vista Previa para ver el documento generado.

Volver a los videos prácticos