by Tomas Gonzalez

on junio 26, 2024

COMPARTE ESTE ARTÍCULO

Enunciado del Ejercicio

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

Elemento de Audio: Un archivo de audio para que los usuarios puedan interactuar.
Elemento de Video: Un recurso visual que apoye el contenido del audio.
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.

    
 
 
         
   Maria Del Carmen Hernandez Herrera 
 
 
 
  Contacte con Alejandro por recomendación de una compañera de trabajo a la cuál ayudó mucho en la preparación de unos exámenes muy complicados . La física y química para mi hija en este curso estaba siendo muy complicada, tanto es así ,que suspendió la primera evaluación y ella no había suspendido nunca, desde que acude a sus clases hay un antes y un después ...... Alejandro con su manera de explicar ha conseguido que las entienda , que pueda desarrollar los problemas que tenga confianza en sí misma....tanto es así que ha aprobado todos los exámenes....Paula está súper contenta y yo más!!!! Siempre que tengo alguna duda o que necesito modificar un horario responden super pronto y buscan solución motivo por el cuál recomiendo al 100% está academia. Muchas gracias por su ayuda.
  
 
        
   Arianna Del Campo Martín 
 
 
 
  Yo soy estudiante universitaria, muy finalista y que llegó a la academia con prácticamente cero base… Finalmente aprobé mi examen! Aquí de una manera diferente a lo que convencionalmente se espera de los profes, me enseñaron, muy cercanamente lo que me proporcionó confianza para no callarme las dudas y preguntar todo el tiempo. Me sorprendió que el profe que me dio clases en particular era como una enciclopedia andante, sin necesidad de mirar los libros me decía fórmulas de memoria que son difíciles de entender hasta con ellas delante. Recomiendo 100%
  
 
        
   Ariana García Esquivel 
 
 
 
  No he dudado ni por un segundo que haber asistido a las clases con Alejandro es lo mejor que me ha pasado… No solamente te apoya académicamente, sino que apoya al alumno a pesar de sus dificultades, y a mí me ha estado ayudando muchísimo y en mis peores momentos. Mil gracias por tus consejos, por siempre darme ánimos, por ser tan simpático que alegras las clases aburridas y por ser un profe tan bueno, son de estas personas que nunca olvidas.❤️👏🏻 También he de decir que Raúl, el otro profesor que se encuentra en la academia…es una persona que se preocupa por el alumno a que haga las cosas bien, con tranquilidad, está siempre pendiente a ti, tiene mucha paciencia, dedica a dar sus clases lo más dinámico posible, tiene mucha amabilidad con las personas, en definitiva… tengo a los dos mejores profesores del mundo, se os quiere mucho💓✨.
  
 
        
   Another Weasley. 
 
 
 
  He tenido muchos profes, y muchos particulares, pero como Alejandro ninguno, de verdad, me hace pensar que de verdad no soy tan mala en lo mío 🥺 me apoya muchísimo y me ayuda en todo lo que pueda con mi carrera, es un profesor 10 y una persona sobretodo 10000 Gracias Ale por preocuparte por tus alumnos, por intentar que estén motivados, que las clases sean entretenidas, y lo bien y fácil que explicas !  Para mi, LOS MEJORES 💖 -alba
  
 
        
   yarel febles 
 
 
 
  He entrado a la carrera de enfermería gracias a Alejandro, sin duda estoy súper contento con mi paso por aquí :)
  
 
        
   Ana Carina Benta 
 
 
 
  Gracias por el ambiente familiar
Gracias por la paciencia
Gracias por la enseñanza
Gracias por el apoyo
Gracias por la Motivación!!

Simplesmente Gracias!!

Recomendable 1000%
  
 
        
   Yanet Palacio valdes 
 
 
 
  Desde hace un tiempo mi hijo asiste a la academia, pensabamos no sacaba la eso y hoy con orgullo se gradúa de 4to de la eso,muy agradecida por los profesores,sobre todo su profe Alejando persona entrañable,justo, para el todo nuestro agradecimiento..⭐⭐⭐👌👌
  
 
        
   Mabett Duque 
 
 
 
  ¡De lo bueno lo mejor, y de lo mejor lo superior!
  
 
  
 
  
 
   La evaluación general en Google es 4.4 de 5, en base a 27 reseñas

¿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.

Solicita más información