COMPARTE ESTE ARTÍCULO

Enunciado del Ejercicio

Desarrolla una página HTML que incluya los siguientes componentes esenciales para un proyecto educativo:

  1. Elemento de Audio: Un archivo de audio para que los usuarios puedan interactuar.
  2. Elemento de Video: Un recurso visual que apoye el contenido del audio.
  3. Listas Ordenadas y Desordenadas: Estructura la información con listas para facilitar la comprensión.
Detalles Específicos:
  • Audio: Incorpora un audio que explique un concepto básico de ciencia.
  • Video: Agrega un video demostrativo que ilustre el concepto discutido en el audio.
  • Listas:
  • Ordenada: Describe los pasos para incorporar un elemento de audio en una página HTML.
  • Desordenada: Lista las mejores prácticas para hacer videos y audios más accesibles en la web.

Solución del Ejercicio

Veamos cómo sería el código HTML que satisface los requisitos mencionados para el ejercicio:

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Integración de Multimedia y Listas en HTML</title>
</head>
<body>
    <h1>Elementos Multimedia en Educación</h1>

    <section>
        <h2>Concepto de Ciencia Explicado en Audio</h2>
        <audio controls>
            <source src="audio.mp3" type="audio/mp3">
            Tu navegador no admite el elemento audio.
        </audio>
    </section>

    <section>
        <h2>Demostración en Video</h2>
        <video controls>
            <source src="video.mp4" type="video/mp4">
            Tu navegador no admite el elemento video.
        </video>
    </section>

    <section>
        <h2>Instrucciones y Recomendaciones</h2>
        <h3>Cómo insertar audio en HTML:</h3>
        <ol>
            <li>Coloca la etiqueta <code>&lt;audio&gt;</code> donde desees que aparezca el audio.</li>
            <li>Inserta la etiqueta <code>&lt;source&gt;</code> dentro de <code>&lt;audio&gt;</code>.</li>
            <li>Configura el atributo 'src' para especificar la ruta del archivo de audio.</li>
            <li>Asigna el tipo de archivo con el atributo 'type'.</li>
            <li>Añade 'controls' para que los usuarios puedan manejar la reproducción del audio.</li>
        </ol>

        <h3>Accesibilidad en contenidos multimedia:</h3>
        <ul>
            <li>Proporciona subtítulos y transcripciones para videos.</li>
            <li>Asegura que el audio tenga una descripción textual completa.</li>
            <li>Implementa controles accesibles y claros para todos los usuarios.</li>
        </ul>
    </section>

</body>
</html>

Este ejemplo proporciona una base sólida para entender cómo incorporar y organizar contenido multimedia en una página web, utilizando listas para detallar procedimientos y recomendaciones, facilitando así la navegación y la accesibilidad del contenido educativo.


¿QUÉ TE HA PARECIDO EL ARTÍCULO? Danos tu opinión al final de la página.
Deja tu comentario y ayúdanos a crecer.


¡SÍGUENOS EN TUS REDES FAVORITAS!
AYUDANOS A CRECER Y QUE LLEGUEMOS A TODAS LAS PERSONAS QUE NOS NECESITANA. SÍGUENOS EN TUS REDES.
Entra AQUÍ y elíge donde seguirnos. 

 

 


NUESTRAS ÚLTIMAS PUBLICACIONES

AYUDANOS A CRECER Y A LLEGAR A TODAS LAS PERSONAS QUE NOS NECESITAN.

Contenido restringido

Acceso de usuarios existentes
   
Registro de un nuevo usuario
*Campo necesario

Categories:

Tags:

Comments are closed

Estado de acceso
ESTADO DE ACCESO
TRADUCTORES
COMPARTENOS
error: CONTENIDO PROTEGIDO