# Lecciones y módulos

Para crear la primera lección del curso, vaya a **«Lecciones»** y haz clic en el botón **«Crear»** botón.

<figure><img src="/files/22341a5f6dac59fac7676048dbe0b06feeea4470" alt=""><figcaption></figcaption></figure>

A continuación, se abrirá una página en blanco, lo que le permitirá añadir secciones de contenido a la lección.

<figure><img src="/files/7004788d086098a9f07a1edccdbf25d88292118c" alt=""><figcaption></figcaption></figure>

## Contenido de la lección

El contenido de la lección puede incluir diversos materiales, como imágenes y lecciones en video, utilizando secciones dedicadas (bloques) en la página.

{% hint style="success" %}
Una sección de lección es un bloque de contenido con ajustes predefinidos que contiene diversos textos y archivos multimedia (videos, imágenes) utilizados para construir la página de la lección y mostrar diferentes tipos de material.
{% endhint %}

Para crear la primera sección de la lección, haga clic en **icono de más** en el centro de la pantalla.

<figure><img src="/files/916849f3cb0d04c8d3f17e4f8622b8c9ef340cba" alt=""><figcaption></figcaption></figure>

Los siguientes tipos de bloques (secciones) están disponibles para las lecciones.

<figure><img src="/files/7df436b098c0bb45b1ee97e97c5c8d9d402eed18" alt=""><figcaption></figcaption></figure>

Para añadir texto al contenido de la lección, haga clic en la sección «Título y texto». De esta manera, la sección de texto se añadirá al contenido de su lección.

<figure><img src="/files/182c2ca1f99d7717207ef1074f1a1f0582f4afbc" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Puede añadir tantas secciones al contenido de la lección como necesite, con fuente, texto y otros ajustes individuales para cada una.
{% endhint %}

Cada campo que contiene texto (incluidos los de otras secciones de la lección) incluye opciones de formato estándar, similares a cualquier editor de texto.

<figure><img src="/files/e04ec5eeaedd0d9819772df0c7412c8bf8a821d0" alt=""><figcaption></figcaption></figure>

Puede configurar:

* Estilos de texto (Encabezado 1 – H1, Encabezado 2 – H2, etc.);
* Peso de la fuente (negrita, seminegrita);
* Cursiva;
* Subrayado;
* Tachado;
* Tamaño;
* Fuente;
* Color de la fuente, resaltado del texto y mucho más.

<figure><img src="/files/e71a5bd916bd09d1e366423597075be0b8b60d8d" alt=""><figcaption></figcaption></figure>

Por ejemplo, al añadir el **bloque «Multimedia»**, puede incrustar un video desde varias plataformas donde haya subido previamente su contenido, pegando el enlace en el campo de abajo.

<div align="left"><figure><img src="/files/23aa1822aa1597a18108475a45d97853f71fd541" alt=""><figcaption></figcaption></figure> <figure><img src="/files/137c3d0681d8e370b3b23e0568e934682c304bb6" alt=""><figcaption></figcaption></figure></div>

Después de añadir el enlace, el video se cargará automáticamente en la lección del curso, y solo quedará guardar los cambios.

{% hint style="info" %}
Las secciones de la lección están estructuradas de la misma forma que las utilizadas en el sitio web.\
Para obtener más información sobre cada tipo, visite [«Bloques del sitio»](/doc/es/websites/sitios/blocks.md)
{% endhint %}

Todos los archivos multimedia, incluidos los videos, se pueden subir al almacenamiento de archivos y luego añadir a secciones de «Multimedia» (u otras secciones de la lección) mediante URL de adjuntos. Para ello, vaya al almacenamiento de archivos y cargue los materiales necesarios.

<figure><img src="/files/687c98a3e77735248e9c762026eec099b6fcf3c5" alt=""><figcaption></figcaption></figure>

A continuación, en la sección, haga clic en el botón «Subir desde almacenamiento» ubicado debajo del campo URL.

<figure><img src="/files/e49c9c772d16f9c1e35a48a105c456526456c2f0" alt=""><figcaption></figcaption></figure>

En la ventana que se abre, seleccione el archivo adjunto que desea subir.

<figure><img src="/files/669f85b1cfac95933c13bfc5ca617989932d8018" alt=""><figcaption></figcaption></figure>

Así, el contenido multimedia se cargará en la sección de la lección.

<figure><img src="/files/616df445a8f189dba0b8f83feb52108059e9ae8c" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
¿Para qué es útil esto?

1. Si el formato de su imagen es demasiado grande y la sección de la lección no permite cargas por encima de cierto límite, puede solucionar esto utilizando el almacenamiento de archivos.
2. Para evitar perder banners actualizados y otras imágenes en caso de que decida eliminar un curso.
   {% endhint %}

### Cómo especificar intervalos de tiempo dentro de un video en la sección Multimedia

Si necesita añadir un video con intervalos de tiempo específicos (similar a como funciona en YouTube), puede usar variables.&#x20;

Para ello, necesitará la siguiente variable: `#{timecodes(video_id, title, HH.MM.SS)}`, donde

**`id`** – el identificador del video que desea incluir en la lección.\
\&#xNAN;**`title`** – el nombre del segmento de video (por ejemplo, «Inicio», «Fin», «Momentos clave» o «Resumen»).\
\&#xNAN;**`HH.MM.SS`** – la marca de tiempo que indica cuándo comienza el segmento deseado, en el formato hh:mm:ss.

> Ejemplo:
>
> \#{timecodes(34, summary, 01:25:23)}

Puede encontrarla haciendo clic en el icono de variables en el campo «Texto» dentro de los ajustes de la sección «Multimedia».

<figure><img src="/files/6fdbeed2ea99dff74ad61289f24fcaa96dd6ac81" alt=""><figcaption><p>Haga clic en el botón para mostrar las variables</p></figcaption></figure>

<figure><img src="/files/d28d6e7bfdfbc21d00a0e01bd0fd88360e645c25" alt=""><figcaption><p>La variable para establecer una marca de tiempo en el video se encuentra en el bloque «Variables estándar»</p></figcaption></figure>

### Cómo navegar a un contenido haciendo clic en un botón&#x20;

El contenido de la lección puede consistir en una sola sección con una lección en video o incluir una gran cantidad de material textual.

Para que los estudiantes vean de qué consta una lección y puedan ir rápidamente al contenido que les interesa, puede crear botones que, al hacer clic, lleven a secciones específicas de la lección.

**Paso 1. Especifique el nombre del ID de la sección.**

Para ello, seleccione la sección a la que desea navegar y haga clic en el botón «Editar».

Busque el campo etiquetado como «ID de sección».

<figure><img src="/files/e7de5ccc354532bc6d5e8108ae8532ec49037de9" alt=""><figcaption></figcaption></figure>

Introduzca un nombre de ID de sección claro y válido, de acuerdo con las reglas establecidas.

<figure><img src="/files/4ee42e6b3459ef7a322f8a76ea7ddab67bdcf16d" alt=""><figcaption></figcaption></figure>

Por ejemplo, el nombre de nuestra sección se verá así:

<figure><img src="/files/6822f1d88c17e4f32c3888906b95be7d4349b2e3" alt=""><figcaption></figcaption></figure>

Ahora copie el nombre y guarde los ajustes.

Después de eso, cree una sección con botones (puede usar la sección «Menú» o la sección «Botones personalizables»).

<figure><img src="/files/1cb920b2b0a6f69c441d32fa66cddd15d7e75817" alt=""><figcaption></figcaption></figure>

Al hacer clic en la sección elegida, se abrirá automáticamente el menú de ajustes del contenido (en este caso, hemos añadido la sección «Botones»).

<figure><img src="/files/a647ab26e4d5d02bd20b19eb929562da25327eb5" alt=""><figcaption></figcaption></figure>

Haga clic en el botón «Pago» (es un botón predeterminado sin ninguna función de pago) para editar sus ajustes.

En la ventana modal que se abre, cambie la etiqueta del botón.

<figure><img src="/files/5287a5cfccab808355740d21dab7877b5c2d41e5" alt=""><figcaption></figcaption></figure>

La función sigue siendo «Enlace», pero en lugar del valor #url, introduzca el nombre del ID de la sección.

<figure><img src="/files/9410d2df77910f52acbcde1d9db5cadeb89ccde7" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
**¡NOTA!**&#x20;

El ID de la sección se introduce con el carácter especial `#!`.

<mark style="color:azul;">**#**</mark><mark style="color:rojo;">**id\_tu\_seccion**</mark>
{% endhint %}

<figure><img src="/files/290c3966eb34ce1693d4110aafe8c4d412658416" alt=""><figcaption></figcaption></figure>

Asegúrese de que la sección se abra en la misma ventana al usar su ID.

<figure><img src="/files/a864ab56b2720f05c3e29d5fca7e5a9aa0086a72" alt=""><figcaption></figcaption></figure>

A continuación, puede configurar ajustes personalizados del botón: color, ancho, etc.

<figure><img src="/files/2ef1c867852c52fbfd5298175850a4955e274bc2" alt=""><figcaption></figcaption></figure>

Luego haz clic en **"Guardar"**.

{% hint style="success" %}
¡Listo!\
Ahora ya sabe cómo configurar un clic en un botón para desplazarse a una sección específica.
{% endhint %}

{% hint style="warning" %}
¡Nota!&#x20;

No olvide guardar los ajustes de cada sección.
{% endhint %}

### **Ajustes de la página de la lección**

Los ajustes generales de la lección permiten configurar aspectos clave de una lección individual. Puede:

* Establece el **título de la lección**.
* Asignar **tarea**.
* Aplicar **ajustes globales de fuente** a toda la página (evitando tener que dar formato a cada sección individualmente).
* **Restringir el acceso** según determinados planes de precios.
* Configurar **secuencias automatizadas de correo electrónico** para hacer seguimiento a los estudiantes.

Para acceder a estos ajustes, haga clic **Configuración** en el menú superior del editor de la lección.

<figure><img src="/files/268cfaf502ee321b06f4132720d016e7ec5e7881" alt=""><figcaption></figcaption></figure>

Aparecerá un menú de ajustes con diferentes secciones.

<figure><img src="/files/68c99126a8741d824fe4348e1d32d8956b18856b" alt=""><figcaption></figcaption></figure>

### General&#x20;

**Información de la página**

<figure><img src="/files/b65760c2a07713a96ad542a03c8e4294537a4987" alt=""><figcaption></figcaption></figure>

Complete los siguientes campos en la pestaña de ajustes:

* **Nombre en la lista:** El título interno para organizar las lecciones.
* **Nombre de la pestaña del navegador:** El título que se muestra en la barra de direcciones y en la pestaña del navegador.

<figure><img src="/files/3bb448fc0abd687ce9f8f0f683e1c978acf5b72c" alt=""><figcaption><p>Campos completados en los ajustes</p></figcaption></figure>

#### Ajustes de imagen

<figure><img src="/files/391bdb5ba077df5dd55fc80856f624def621965f" alt=""><figcaption></figcaption></figure>

Para establecer un logotipo de página único en lugar del icono de MaviBot, puede subir su propia imagen. Para añadir una imagen de vista previa de la lección que se mostrará en la página del curso (cuando un estudiante haya añadido el curso y lo haya abierto para aprender), suba una imagen al campo «Vista previa de la lección».

{% hint style="info" %}
De forma predeterminada, se muestra la primera imagen de la lección como vista previa de la lección.
{% endhint %}

#### Ajustes del curso

En los ajustes del curso, puede añadir esta lección a módulos (si los módulos se crearon anteriormente) y también establecer permisos de acceso para esta lección.

<figure><img src="/files/3b7adbd5c4975c14308056b8c3971e6cfe3abb99" alt=""><figcaption></figcaption></figure>

Por ejemplo, puede especificar qué planes de precios tendrán acceso a esta lección si ofrece varios planes, así como la fecha a partir de la cual la lección estará disponible.<br>

De forma predeterminada, el encabezado del curso se muestra en la página de la lección. Para ocultarlo, simplemente marque la casilla «Ocultar encabezado del curso».

<figure><img src="/files/923996de15078f9c04c52a5979c8ee393487b6e4" alt=""><figcaption></figcaption></figure>

#### Configuración de interfaz y acceso

<figure><img src="/files/f83ea82f010fa1d5b6f277bc37bd1717f2e8e546" alt=""><figcaption></figcaption></figure>

Para evitar que los motores de búsqueda rastreen y almacenen el contenido de la página de su lección, marque la casilla «No permitir que los motores de búsqueda indexen la página».<br>

Si desea restringir el acceso al curso basándose en listas específicas, marque la opción «Acceso solo por listas» y seleccione las listas apropiadas.

<figure><img src="/files/60c9fc1d5f34d1519a2d146544487a9b1d914baa" alt=""><figcaption></figcaption></figure>

También puede habilitar el zoom de imágenes al hacer clic, ocultar la etiqueta «Hecho con MaviBot», añadir al cliente a listas o asignar etiquetas cuando se complete esta lección.<br>

Para guardar estadísticas de progreso de esta lección en la sección «Analíticas», marque la casilla «Guardar datos de analíticas para conversión».

<figure><img src="/files/6f5582b81e45caf293c4ba18ca7bbfc6214b7a58" alt=""><figcaption></figcaption></figure>

### **Cómo crear tarea**

**La tarea es una parte esencial de cualquier proceso de aprendizaje:** ayuda a los estudiantes a reforzar el material que han estudiado previamente, mientras que los mentores (o los propios estudiantes) pueden evaluar qué tan bien se comprendió el contenido e identificar áreas que puedan necesitar más atención más adelante.

Al desarrollar un curso en línea, usted decide qué lecciones deben incluir tareas (quizás todas) y cuáles no requieren ninguna.

Para crear una tarea, vaya a los ajustes del curso y haga clic en «Tarea».

<figure><img src="/files/ac4bcb13a25aee20a1f420803901619d26382f3c" alt=""><figcaption></figcaption></figure>

Luego vaya a la pestaña «Tarea».

Aquí puede elegir el formato de la tarea: como una tarea estándar o como una prueba.

<figure><img src="/files/04fb8c2ae526ee7e8806f29c2415c52cd53fd394" alt=""><figcaption></figcaption></figure>

Comience introduciendo el título de la tarea y su texto: estos campos funcionan igual que en un editor de documentos normal, donde puede cambiar el tamaño de la fuente, aplicar negrita o cursiva, subrayar texto y mucho más.

También puede adjuntar un archivo a la tarea si es necesario.

<figure><img src="/files/67143f17032981495a3da8f1b1fdaa47fbee1c09" alt=""><figcaption></figcaption></figure>

Para ayudar en la evaluación, puede incluir una clave de respuestas o pistas para la tarea. Estas notas son privadas y solo visibles para el revisor.

<figure><img src="/files/76e516431880f37ef68fa05a2a06454a8314776b" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Si es necesario, puede usar los interruptores «Aceptar respuestas en texto» o «Aceptar cargas de archivos» para permitir respuestas en dos formatos: como texto o como archivo, respectivamente.
{% endhint %}

### Tareas basadas en pruebas

Para crear una tarea en forma de prueba, vaya a la pestaña correspondiente «Prueba» en los ajustes de la tarea.

<figure><img src="/files/27b237b71ef07e6fc69c84abba37598e158cc581" alt=""><figcaption></figcaption></figure>

Haz clic en **«Crear pregunta»,** luego introduzca el texto deseado en el campo de la pregunta.

A continuación, introduzca las opciones de respuesta para la pregunta. De forma predeterminada, hay dos campos de respuesta, pero puede añadir tantos como necesite. Haga clic en **la marca de verificación** junto a la respuesta correcta.<br>

Si su pregunta tiene varias respuestas correctas, asegúrese de seleccionarlas todas al añadir la pregunta.

<figure><img src="/files/dbe992258a7ddfa8a7afe70f99e121cf613c1a67" alt=""><figcaption></figcaption></figure>

Para añadir otra pregunta, haga clic en el botón correspondiente.

<figure><img src="/files/6561bdada7c900e350fbeff3f67960cb8963142b" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Puede añadir tantas preguntas como necesite, sin limitaciones.
{% endhint %}

También puede añadir un campo de respuesta abierta a la pregunta.<br>

La casilla «Aceptar tarea automáticamente» habilita la aceptación automática de la tarea en función del número de respuestas correctas: si el estudiante alcanza el umbral requerido en la prueba, la tarea se marcará como completada; si no, tendrá que volver a realizar la prueba.

<figure><img src="/files/471916fce8d7ae0c6aa3de7481576b3a4ec245e0" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Al completar una tarea basada en prueba, todas las respuestas seleccionadas por el estudiante se guardarán incluso si la página de la tarea se actualiza, sin necesidad de enviarla.
{% endhint %}

Después de haber terminado de crear la tarea de prueba, vaya a la **pestaña «Tarea estándar»** y marque la casilla **«Añadir prueba a la tarea».**

<figure><img src="/files/87ed35edc61941fe18259571553edd83cfc20362" alt=""><figcaption></figcaption></figure>

### Cómo revisar las tareas

El curador va a la sección «Estudiantes», donde se muestran todos los estudiantes inscritos en el curso.

<figure><img src="/files/5e87bb463bb00560cb697209dfb354c6f9f15bf4" alt=""><figcaption></figcaption></figure>

A continuación, el curador debe ir a la sección con las tareas recién enviadas.

<figure><img src="/files/fda044542e2dff3ac3746241c200d55fcf8a671a" alt=""><figcaption></figcaption></figure>

Después de que el estudiante haga clic en **«Enviar tarea»,** aparece un icono de notificación en la sección «Estudiantes» del proyecto, indicando una nueva tarea para revisar. Entonces el curador podrá ver información detallada: quién la envió, si es la primera o una entrega repetida, etc.

Después de eso, simplemente haga clic en el estudiante para ver información detallada sobre qué cursos tienen tareas enviadas.

<figure><img src="/files/92580a874e5f8c89f7297c3dd6758f4fa3a5013d" alt=""><figcaption></figcaption></figure>

Para abrir la tarea, el curador solo necesita hacer clic en el botón correspondiente para ver la tarea enviada.

<figure><img src="/files/146c8f39a1baa842392ee482c08a162be7bccf2f" alt=""><figcaption></figcaption></figure>

## Plantillas de lecciones

Al crear lecciones, puede usar el **botón «Guardar como plantilla»** para guardarlas como plantillas, lo que ayuda a acelerar significativamente el proceso.

<figure><img src="/files/73fe206a3153e4c26553e8f228783ac9d16418ec" alt=""><figcaption></figcaption></figure>

Piense en un nombre para la plantilla y haga clic en el **«Crear»** botón. Ahora, para crear una nueva lección, simplemente haga clic en **«Módulos y plantillas»** botón.

<figure><img src="/files/67c7b9445bc0e43307cb13eb6baa3a4822f5b0ec" alt=""><figcaption></figcaption></figure>

Luego seleccione la plantilla deseada y haga clic en el **botón «Crear lección»** botón.

<figure><img src="/files/e1e75885bfcb9d19a371ae849acd2930d5b8f278" alt=""><figcaption></figcaption></figure>

## Ajustes del módulo del curso

Un módulo del curso es una agrupación de varias lecciones centradas en uno o varios temas relacionados que son similares en significado y contenido.

> Por ejemplo, «Módulo 1: Algoritmos» podría consistir en 5 lecciones:\
> Lección 1: El concepto de algoritmo y su importancia;\
> Lección 2: Funciones de los algoritmos;\
> Lección 3: Tipos de algoritmos, y así sucesivamente.

En la pestaña «Lecciones», busque el botón «Módulos y plantillas». Para crear un módulo, haga clic en el botón con el mismo nombre.

<figure><img src="/files/7baa6deec081f483519981979bea3c78b773b0ee" alt=""><figcaption></figcaption></figure>

Se abrirá una ventana donde deberá introducir el nombre del módulo, su descripción y añadir las lecciones que deben estar disponibles dentro de este módulo.

<figure><img src="/files/9348b0a5d2d27f901f5b139bf1d5d470f9687a76" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
**¡NOTA!**&#x20;

Un **lección individual** ¡no puede añadirse a varios módulos! Si necesita que la misma lección aparezca en diferentes módulos, puede crear fácilmente una copia usando el **botón «Copiar»** en la página principal de Lecciones.
{% endhint %}

La función de creación de módulos también le permite añadir submódulos a su curso en línea. Para ello, utilice el **botón «+ Añadir submódulo»** en los ajustes del módulo.

<figure><img src="/files/976cd333f94a59adef27b7c887b8d82d04bd162d" alt=""><figcaption></figcaption></figure>

Después de hacer clic en el botón, se abrirá una ventana para añadir un submódulo, donde podrá introducir un nombre y seleccionar las lecciones necesarias para el módulo.

<figure><img src="/files/227432ef8f697954ae11641e1da81e67fd1fc9f4" alt=""><figcaption></figcaption></figure>

Después de configurar los ajustes del módulo, asegúrese de hacer clic en «Guardar», tanto en la ventana emergente del submódulo (si está utilizando uno) como en la parte inferior de la página de la pestaña «Módulos».

### Cómo cambiar el orden de visualización de las lecciones

Para cambiar el orden de visualización y la secuencia en la que se completan las lecciones, puede reorganizarlas en la pestaña «Lecciones».

{% hint style="info" %}
Las lecciones se muestran en el panel del especialista técnico y aparecen en el mismo orden en el sitio web del curso.
{% endhint %}

<figure><img src="/files/fd8ae2a999eaec4693cce47665481ce55269a3a1" alt=""><figcaption><p>Orden de visualización de las lecciones en los ajustes del curso</p></figcaption></figure>

Para reordenar las lecciones, mantenga pulsado el botón en la esquina superior derecha del bloque de la lección.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mavibot.ai/doc/es/lms/builder/lessons.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
