Presentación

En su plataforma de aprendizaje puede insertar vídeos, texto y páginas de otros sitios web en cuadros de texto específicos para el material de formación en formato de páginas HTML. De esta manera, el material de formación será más atractivo para sus usuarios.

Este artículo describe cómo incrustar vídeos o iframes de otros sitios web en el material de formación en formato de página HTML.

A tener en cuenta: Puede vincular vídeos de YouTube, Wistia y Vimeo como materiales de formación en vídeo sin usar el material de formación en formato de páginas HTML.

Creación de una página HTML como material de formación

Empiece por iniciar sesión como Superadministrador en su plataforma. A continuación, acceda al Menú de administrador mediante el icono de engranaje de la esquina superior derecha. Después, en la sección E-Learning, haga clic en el elemento Gestión de cursos. Una vez en la página principal de Gestión de cursos, localice en la lista de cursos el curso al que desee subir material de formación, haga clic en su descripción y vaya la pestaña Materiales de formación. 

Pulse el botón Añadir material de formación. En el menú desplegable, seleccione Página HTML. En la página de subida, empiece por introducir un título y una descripción en los cuadros de texto correspondientes. En el caso de la descripción, puede editar el texto como desee. Ahora puede insertar vídeos, fotos o iframes, según lo que necesite.

Inserción de vídeos o fotos en páginas HTML como material de formación

Pulse el botón Insertar/editar vídeo de la barra de herramientas de selección de la parte superior del cuadro de texto de la descripción. En el cuadro emergente, rellene cada cuadro de texto según corresponda:

• Origen. La URL del vídeo.
• Fuente alternativa. Una URL alternativa para el vídeo.
• Miniatura. La imagen que se mostrará antes de reproducir el vídeo. Será la imagen de portada de este material de formación. Pulse el icono de la carpeta que hay junto al cuadro de texto para subir una imagen. Cuando seleccione la imagen, pulse Insertar.
• Dimensiones. Si es necesario, puede establecer sus propias dimensiones para el material de formación. También puede marcar la opción de restringir las proporciones.

Como alternativa, puede hacer clic en la pestaña Incrustado de la parte superior del cuadro emergente para configurar el código del vídeo. Cuando haya terminado, pulse el botón OK de la parte inferior del cuadro emergente. El vídeo aparecerá ahora en el cuadro de texto de la descripción del material de formación. Puede redimensionar el vídeo utilizando los cuadrados en las esquinas del vídeo.

Nota sobre accesibilidad: Utilice un HTML semántico para asegurarse de que su contenido sea accesible para todo el mundo. Más información sobre la accesibilidad en su plataforma.

A continuación, puede ir a la pestaña Información adicional y desde ahí insertar una descripción breve del material de formación y seleccionar una imagen en miniatura. Si lo prefiere, también puede subir su propia imagen en miniatura.

Además, puede añadir etiquetas a su material de formación para que sea más sencillo dar con él mediante la búsqueda global de su plataforma. Si en su plataforma está habilitada la función de autoetiquetado, algunas etiquetas pueden generarse automáticamente en función del contenido de su activo y según lo determine su plataforma a partir de la inteligencia artificial (tenga en cuenta que esto solo funciona para contenidos en inglés, español, francés, alemán, italiano y portugués). Puede editar o eliminar etiquetas en cualquier momento, con un límite de 15 etiquetas por material de formación y 32 caracteres por etiqueta. Por motivos de seguridad, la inteligencia artificial de la plataforma no accede a contenido privado —es decir, contenido para cuyo acceso sea necesaria la autenticación— y, por lo tanto, solo puede generar automáticamente etiquetas para contenido público. Si va a subir contenido privado, le recomendamos que añada las etiquetas manualmente. Los tipos de archivos aceptados para el autoetiquetado en su plataforma de aprendizaje son:

Ahora, pulse Guardar cambios para crear el material de formación. Este aparecerá en la lista de materiales de formación de la página Materiales de formación del curso. Puede cambiar a la vista del alumno utilizando el botón Vista del alumno de la barra de acciones en la parte superior de la página Materiales de formación. En la vista del alumno se muestra cómo verán los alumnos el nuevo material de formación.

Cómo añadir iframes a páginas HTML como material de formación

También se pueden añadir iframes al material de formación de su página HTML para que pueda mostrar diferentes páginas web dentro de sus cursos. Cuando esté en la página de subida del material de formación, añada un título e introduzca un texto en el cuadro de texto de la descripción según sea necesario. 

Para añadir un iframe al material de formación, debe insertar antes en la lista de URL permitidas dentro de su plataforma la URL que planee incluir.

Para ello, acceda al Menú de administrador y, a continuación, pulse el elemento Ajustes avanzados de la sección Configuración. En el menú Ajustes avanzados, seleccione la pestaña E-Learning. En la sección Lista de autorizados de iframe, introduzca la URL en el cuadro de texto correspondiente y, a continuación, pulse Añadir. Ahora se mostrará correctamente en la plataforma. Recuerde que las URL de la lista de autorizados no aceptan caracteres comodín o marcadores de posición como (*).

Cuando haya añadido la URL a su lista de autorizados, puede insertar el iframe en su material de formación HTML. En el cuadro de descripción de la página de subida del material de formación, seleccione el icono Código fuente. 

A continuación, inserte la URL entre las siguientes etiquetas

<iframe src="https://mydomain.com"></iframe>

y sustituya https://mydomain.com por la URL que desee insertar en el iframe. No olvide que el material de formación se marcará como completado cuando el usuario abra su página.

Prácticas recomendadas

Tenga presentes las siguientes prácticas recomendadas a la hora de crear y gestionar una página HTML:

• Utilícela como primer elemento en los cursos para crear una introducción a los mismos. La principal diferencia entre una página HTML y un widget de descripción del curso es que, con la primera, la introducción se verá inmediatamente sin necesidad de desplazarse por la página.
• Utilícela para proporcionar instrucciones sobre cómo usar el material de formación.
• Utilícela cuando desee mostrarle al usuario un sitio web o una página externa.
• Para mantener la seguridad de su página HTML, evite usar funciones de JavaScript como 
• onmouseover y onmouseout en los códigos de los botones, ya que pueden explotarse en ataques de Cross-Site Scripting (XSS). Asimismo, tenga cuidado con el código CSS3, ya que podría conllevar riesgos para la seguridad y ser total o parcialmente eliminado por motivos de seguridad.