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 navegación. Después, en Contenido y entrega (icono de carpeta), seleccione el elemento Cursos. Una vez en la página principal 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.
Añadir etiquetas a su material de formación hace que sea más fácil localizarlo en la búsqueda global de su plataforma. Si la función de etiquetado automático está habilitada en su plataforma, algunas etiquetas pueden generarse automáticamente en función del contenido de su material, según lo entienda su plataforma mediante el uso de la inteligencia artificial. El etiquetado automático se basa en la capacidad de la plataforma de extraer texto o generar una transcripción. Consulte la lista completa de tipos de contenidos compatibles con la extracción de texto y la generación de transcripciones. 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.
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 navegación. En Configuración (icono de llave inglesa), seleccione el elemento Configuración y herramientas de la plataforma y pulse el subelemento Ajustes avanzados. 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.