Dar formato a mi documeto

div
fences
pestañas
cajas
Autor/a

Miguel Equihua

Fecha de publicación

Xalapa, Ver., 4 de julio, 2024

Bloques tipo “caja”

A veces conviene ofrecer información adicional al lector, dándole la oportunidad de decidir cuándo o si es que la desea ver. Hay una colección de cajas de este tipo en Quarto que se engloban en la conjunto callout. Su uso es mediante fences (div), el sistema de marcado que se inicia con ::: {_indicación_} y se cierra con :::.

tipo llamada
note ::: {.callout-note}
warning ::: {.callout-warning}
important ::: {.callout-important}
tip ::: {.callout-tip}
caution ::: {.callout-caution}

En cada uno de estos casos puedes agregar la frase: collapse="true". Al hacerlo, el bloque aparecerá cerrado y el lector deberá activarlo para leer su contenido. Puedes también agregar un título con la frase title="Tip with Title" o si anotas un texto con marcado de sub título en seguida de la llamada.

::: {.callout-tip}
## Título de un bloque de “sugerencias”
Algo que sea importante decir, ¡pero no indispensable!
:::

Formato del texto

Se puede usar la opción style que admite varios componentes:

::: {style=“font-size: 50%; color:green; font-family: helvetica; font-size:44px;”}

Tamaño de letra en puntos (px)

::: {style=“font-size:44px;”}

Esto también se puede hacer a nivel incluso de una letra con la idea siguiente:

[rojo]{style=“color:red;”}.

Puede interesarte una referencia a como definir los colores. Hay muchas posibilidades en la Web, pero está es un inicio. Con esta página conseguiras el código hexadecimal, el que está marcado con #. Lo puedes usar así:

[rojo]{style=“color:#E71D02;”}

Muchos colores tienen nombres definidos, si lo prefieres puedes usarlos en lugar del código hexadecimal.

Otra opción del atributo style es la forma de justificación de un texto. La frase a usar es text-align: justify. Las variantes de justificación son las usuales: justify, center, right, left. Si quieres profundizar más en todo esto te sugiero empezar aquí

Lorem ipsum dolor sit amet consectetur adipiscing elit, augue rutrum feugiat vitae habitasse nisi aenean tellus, suspendisse malesuada faucibus nam dapibus id. Gravida felis dictumst at nibh lacinia ut hendrerit euismod pellentesque, scelerisque sed conubia commodo iaculis luctus tristique rhoncus, velit eleifend purus class non rutrum odio placerat. Integer sagittis magnis lacus erat senectus lobortis aliquet sodales, dignissim convallis conubia arcu pretium suscipit a torquent faucibus, velit laoreet maecenas auctor vivamus morbi netus.

algo así texto de color y sigo escribiendo.

Información en “pestañas”

Puede resultarte interesante considerar presentar tu información como si se tratara de una libreta con secciones reconocibles por pestañas. Para hacerlo, el bloque (div) se contruye así.

::: {.panel-tabset}
## Descripción de los datos

Es realmente un subdocumento, que podrá tener texto, código, gráficas, etc.

## Estrategia analítica

Misma cosa. Subdocumento en el que abordas el tema que anuncias en la pestaña.

:::

Es realmente un subdocumento, que podrá tener texto, código, gráficas, etc.

Misma cosa. Subdocumento en el que abordas el tema que anuncias en la pestaña.

Hay muchas posibilidades para dar formato a un documento. Lo que describí aquí son sólo cosas elementales. Otros recursos disponibles son temas, definición de estilos con archivos *.css o *.scc. Más información la podrás encontrar acá. Puedes darte una idea de las posibilidades visitando la galería.

Por otro lado, te sugiero dosificar el esfuerzo. Nuestro propósito es la comunicación efectiva de contenidos científicos y la documentación reproducible de los procesos de producción de conocimiento nuevo en los que participes. Esto sugiere que hay que procurar mantener al mínimo el uso de variantes estilísticas en tus documentos, aunque hay que recordar también que somos sensibles al valor estético de lo que observamos. Desde luego, ser minimalista no te debe impedir elaborar algunos productos muy cuidados en los que los elementos de diseño tomarán un papel relevante: presentaciones para público general, libros, manuales, infografías, tableros interactivos (dashboards), etc. Siempre, deberás encontrar un equilibrio entre estética y funcionalidad. También recuerda ser ordenado en tus procesos. Cada proyecto un directorio nuevo, adecuadamente documentado y preservado.