Diferencia entre revisiones de «Bloque HTML»

De MoodleDocs
Sin resumen de edición
(update as English Docs 3.7)
(No se muestran 36 ediciones intermedias de 5 usuarios)
Línea 1: Línea 1:
== Bloque HTML ==
{{Bloques}}
{{Bloque HTML}}


El bloque '''HTML''' permite agregar texto y gráficos.
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.  


{{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 ]]


=== Pasos ===
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.


#Como profesor o administrador, ir a la página principal del curso.
===Configuraciones de administración del sitio===
#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 ==
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:


*Requiere la versión 1.5 de Moodle o superior.  
[[File:additionalcssclasses.png|300px]]


== Sugerencias ==


*El bloque es útil para presentar avisos y gráficos.
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.
*Podemos crear un bloque para realizar consultas a buscadores, por ejemplo a Google.


== Enlaces ==
==Añadir un bloque de noticias de Twitter==


http://www.google.es/searchcode.html
Puede usarse un bloque HTML para mostrar los últimos tweets de cualquier cuenta de Twitter.


# 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'


== Por qué usar el bloque de HTML ==
[[File:twitter feed block.png]]


*Permite presentar los contenidos claves a tratar en la página principal del curso de forma sencilla.  
==Añadir un bloque de reloj analógico==
*Porque sirve para incluir ciertas utilidades (buscadores, reloj, animaciones flash, etc.) de uso frecuente.
[[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.


==Vea también==


== Sugerencias ==
* [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


*Podemos ir cambiando el o los bloques HTML según las necesidades del correspondiente del tema actual o trimestre del curso.
[[en:HTML]]
*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.
[[Categoría:Profesor]]
*Podemos presentar el resultado de algún concurso o competición realizado durante el curso.
[[Categoría:Bloque]]


 
[[en:HTML_block]]
[[Category:Profesor]]

Revisión del 12:52 17 jul 2019

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