Diferencia entre revisiones de «Bloque HTML»

De MoodleDocs
m (tidy up)
(tidy up)
 
(No se muestran 21 ediciones intermedias de 2 usuarios)
Línea 1: Línea 1:
{{Bloques}}
{{Bloques}}
{{Bloque HTML}}
{{Bloque HTML}}
{{Pendiente de traducir}}
{{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.


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. 
{{MediaPlayer | url = https://youtu.be/qFNZ8n7bCuU| desc = Vista general de bloque HTML}}


[[File:Htmlblockexample.png]]


The block is flexible and can incorporate a variety of functions and uses in the content area. It has the standard Moodle [[Editor de texto]] for formatting text, adding images or creating links,  switching to code view and allows any valid HTML markup to be used. This enables [[Plugins multimedia|incrustar video]], [[Audio en Moodle|sonidos]], [[Flash]], and other files which can add unique elements to a course or site page.
[[File:HTML_blockexamples2.png|center|Dos bloques HTML del curso para aprender Moodle en idioma inglés en Learn Moodle ]]


===Configuraciones de admninistración del sitio===
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.


To aid with theming an administrator can, from ''Administration>Site administration>Plugins>Blocks>HTML'', toggle the ability to allow additional CSS classes to be set in individual block instances. If it is enabled, a field appears at the bottom of HTML block instance's configuration forms:
===Configuraciones de administración del sitio===


[[File:additionalcssclasses.png]]
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:


Please note that if additional CSS classes have been added and the administration setting is then disabled, the form settings are saved in the database and will reappear if this is re-enabled.
[[File:additionalcssclasses.png|300px]]
 
 
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.
 
# 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]]
 
==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.


==Vea también==
==Vea también==
Línea 22: Línea 43:


[[en:HTML]]
[[en:HTML]]
[[Category:Profesor]]
[[Categoría:Profesor]]
[[Category:Bloque]]
[[Categoría:Bloque]]


[[en:HTML block]]
[[en:HTML_block]]

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