Diferencia entre revisiones de «Bloque HTML»

De MoodleDocs
Sin resumen de edición
(tidy up)
 
(No se muestran 37 ediciones intermedias de 5 usuarios)
Línea 1: Línea 1:
== Bloque HTML ==
{{Bloques}}
{{Bloque HTML}}
{{Notadeltraductor| a partir de Moodle 4.0 este bloque se llama [[Bloque de Texto]]}}
Un '''bloque HTML''' es un bloque estándar usado para añadir texto o imágenes en un sitio o en una página web. La barra del título puede dejarse vacía si así lo deseara.


El bloque '''HTML''' permite agregar texto y gráficos.
{{MediaPlayer | url = https://youtu.be/qFNZ8n7bCuU| desc = Vista general de bloque HTML}}




== Cómo agregar el bloque de HTML ==
[[File:HTML_blockexamples2.png|center|Dos bloques HTML del curso para aprender Moodle en idioma inglés en Learn Moodle ]]


El bloque es flexible y puede añadir muchas funcionalidades en el area de contenido. Tiene el [[Editor de texto]] estándar de Moodle para formatear texto, añadir imágenes o crear enlaces, cambiar a la vista de código fuente y permite el uso de  cualquier etiqueta [[HTML]] válida. Esto permite [[Filtro_de_plugins_multimedia|incrustar video]], [[Audio en Moodle|sonidos]], [[Flash]], y otro tipo de archivos que pueden añadir elementos a un curso o a una página de sitio.


=== Pasos ===
===Configuraciones de administración del sitio===


#Como profesor o administrador, ir a la página principal del curso.
Para ayudar a cambiar la apariencia del sitio, un administrador puede, desde '' Administración > Administración del sitio > Plugins > Bloques > HTML '', alternar la habilidad para permitir clases de CSS adicionales configuradas en instancias individuales de bloques. Si está  habilitado, aparece un campo al fondo del formato para configuración de la instancia del bloque HTML:
#Si la edición está desactivada pulsar en Activar edición.
#Agregar el bloque de "HTML" mediante el desplegable de Bloques.
#Aparece el bloque de "HTML" en la parte inferior del margen derecho de la página principal. Nos indica que "Nuevo bloque HTML".
#Mediante un clic en el icono de edición del bloque podemos ver la ventana: "Configurando un bloque HTML" podemos configurar, indicando el título si lo deseamos y el contenido del bloque.
#Finalmente pulsamos en el botón de "Guardar cambios"
   


=== Importante ===
[[File:additionalcssclasses.png|300px]]


*Requiere la versión 1.5 de Moodle o superior.


=== Sugerencias ===
Por favor, tome nota de que, si se han añadido clases CSS adicionales y la configuración de administración es deshabilitadad posteriormente, las configuraciones del formato (formulario) se guardan en la BasedeDatos y re-aparecerán si esto fuera re-habilitado.


*El bloque es útil para presentar avisos y gráficos.
==Añadir un bloque de noticias de Twitter==
*Podemos crear un bloque para realizar consultas a buscadores, por ejemplo a Google.


== Enlaces ==
Puede usarse un bloque HTML para mostrar los últimos tweets de cualquier cuenta de Twitter.


http://www.google.es/searchcode.html
# Ingrese a Twitter
# Vaya a https://twitter.com/settings/widgets/new
# Escriba su nombre_de_usuario de Twitter (por ejemplo, moodledev y luego elija el botón  ''Create widget''
# En otra pestaña o ventana, añada un nuevo bloque HTML a su portada de Moodle o página de curso
# Configure el nuevo bloque, añadiendo si lo desea un título
# Elija el botón para 'Editar código fuente HTML' (< >) y copie y pegue el código proporcionado  por Twitter al código fuente HTML
# Elija el botón para 'Guardar cambios'


[[File:twitter feed block.png]]


== Por qué usar el bloque de HTML ==
==Añadir un bloque de reloj analógico==
[[File:Analog_clock_HTML_block.png|200px]]
* Vea [https://moodle.org/mod/forum/discuss.php?d=275259 esta publicación en foro en idioma inglés] para las instrucciones.


*Permite presentar los contenidos claves a tratar en la página principal del curso de forma sencilla.
==Vea también==
*Porque sirve para incluir ciertas utilidades (buscadores, reloj, animaciones flash, etc.) de uso frecuente.


* [http://www.schoolanywhere.co.uk/blog/adding-a-twitter-feed-to-moodle/ Adding a Twitter feed to Moodle] blog post by Wesley Ellis explaining how to use the HTML block to display tweets


== Sugerencias ==
[[en:HTML]]
[[Categoría:Profesor]]
[[Categoría:Bloque]]


*Podemos ir cambiando el o los bloques HTML según las necesidades del correspondiente del tema actual o trimestre del curso.
[[en:HTML_block]]
*Podemos colocar la puntuación global, para incentivar la participación, mediante la exportación de calificaciones para ordenarlas, desde la hoja de cálculo, y pegar la tabla en el bloque HTML. Requiere una actualización frecuente.
*Podemos presentar el resultado de algún concurso o competición realizado durante el curso.
 
 
[[Category:Profesor]]

Revisión actual - 15:44 2 may 2022

translator note icon.png Nota del traductor: a partir de Moodle 4.0 este bloque se llama Bloque de Texto


Un bloque HTML es un bloque estándar usado para añadir texto o imágenes en un sitio o en una página web. La barra del título puede dejarse vacía si así lo deseara.

Vista general de bloque HTML


Dos bloques HTML del curso para aprender Moodle en idioma inglés en Learn Moodle

El bloque es flexible y puede añadir muchas funcionalidades en el area de contenido. Tiene el Editor de texto estándar de Moodle para formatear texto, añadir imágenes o crear enlaces, cambiar a la vista de código fuente y permite el uso de cualquier etiqueta HTML válida. Esto permite incrustar video, sonidos, Flash, y otro tipo de archivos que pueden añadir elementos a un curso o a una página de sitio.

Configuraciones de administración del sitio

Para ayudar a cambiar la apariencia del sitio, un administrador puede, desde Administración > Administración del sitio > Plugins > Bloques > HTML , alternar la habilidad para permitir clases de CSS adicionales configuradas en instancias individuales de bloques. Si está habilitado, aparece un campo al fondo del formato para configuración de la instancia del bloque HTML:

additionalcssclasses.png


Por favor, tome nota de que, si se han añadido clases CSS adicionales y la configuración de administración es deshabilitadad posteriormente, las configuraciones del formato (formulario) se guardan en la BasedeDatos y re-aparecerán si esto fuera re-habilitado.

Añadir un bloque de noticias de Twitter

Puede usarse un bloque HTML para mostrar los últimos tweets de cualquier cuenta de Twitter.

  1. Ingrese a Twitter
  2. Vaya a https://twitter.com/settings/widgets/new
  3. Escriba su nombre_de_usuario de Twitter (por ejemplo, moodledev y luego elija el botón Create widget
  4. En otra pestaña o ventana, añada un nuevo bloque HTML a su portada de Moodle o página de curso
  5. Configure el nuevo bloque, añadiendo si lo desea un título
  6. Elija el botón para 'Editar código fuente HTML' (< >) y copie y pegue el código proporcionado por Twitter al código fuente HTML
  7. Elija el botón para 'Guardar cambios'

twitter feed block.png

Añadir un bloque de reloj analógico

Analog clock HTML block.png

Vea también