Mejore su curso con lo versátil y fácil. - bloque HTML

25 de enero de 2018 Por Husveen Grewal

Bloque HTML? A menos que sea un programador confiado o entusiasta, esto no suena como algo que atraería a un educador habitual de Moodle. ¡Pero te equivocarías!

El bloque HTML es uno de los bloques estándar más versátiles en Moodle, y no necesita comprender ningún HTML para poder usarlo. ¿Necesita mostrar un enlace a la mesa de ayuda de su organización? ¿Quieres alegrar el curso con algunas imágenes relevantes? ¿Quieres agregar un feed de twitter? Todo esto y más se puede lograr con el bloque HTML. Aún mejor, puede agregar varios de estos bloques a la página de su curso, todos con diferentes propósitos.

Vamos a sumergirnos y configurar un bloque HTML para proporcionar una forma rápida para que los alumnos accedan al escritorio de soporte. Sin embargo, en lugar de simplemente presentar un enlace aburrido, conectémoslo a una imagen para que los alumnos puedan hacer clic en la imagen para ponerse en contacto con el soporte:

Configurando nuestro bloque HTML

  1. Activa la edición en tu curso
  2. Haga clic en el enlace Agregar bloque si está usando el tema Boost, o en el menú desplegable Agregar bloque si no) y seleccione HTML
  3. Haga clic para configurar el bloque:

Agregar un enlace

Ahora tenemos que hacer el enlace a nuestro servicio de asistencia. Lo haremos dos veces, una vez como texto sin formato y luego nuevamente desde la imagen.

  1. Escriba el texto que desea vincular a la mesa de ayuda
  2. Seleccionarlo
  3. Haga clic en el icono de enlace / cadena y escriba la URL de su servicio de asistencia (puede ser una dirección de correo electrónico, aunque tenga en cuenta que puede abrirse de manera diferente según la configuración de la computadora de las personas).
  4. Haga clic en Crear enlace

Tenga en cuenta que el enlace no funcionará hasta que hayamos guardado el bloque, ¡y todavía tenemos trabajo por hacer!

Agregar una imagen

  1. Localice una imagen pequeña adecuada que tenga permiso para usar.
  2. Si su navegador lo permite, simplemente arrastre y suelte la imagen en el cuadro de texto, como tenemos a continuación. (Si no, cárguelo a través del icono de imagen en la barra de herramientas)

Vincular la imagen

Ahora solo necesitamos agregar el enlace para que los participantes del curso puedan ir directamente a nuestro servicio de asistencia desde la imagen.

  1. Haga clic en la imagen para seleccionarla. Va a cambiar de color
  2. Vuelva a hacer clic en el icono de enlace / cadena en la barra de herramientas y una vez más agregue el enlace de su mesa de ayuda
  3. Haz clic en Crear enlace.

¡Y eso es! Haga clic para Guardar cambios en la parte inferior del bloque HTML y cuando regrese a la página del curso, verá el bloque con un enlace de texto y un enlace de imagen en el que se puede hacer clic. Ahora no hay excusas para que los estudiantes se pierdan :)

¿Quieres saber más sobre el bloque HTML?

Aunque no necesita saber ningún código HTML para usar este bloque, si está contento de copiar y pegar el código, puede beneficiarse de su versatilidad de varias maneras: ¡feeds de Twitter, informes meteorológicos, enlaces de tiendas de Amazon y más! Nuestro Documentación de bloque HTML le brinda más información e incluye un enlace a un video tutorial guiándote paso a paso por el proceso.

Entonces, ¿cómo planeas usar el bloque HTML?