Tutorial de Multimedia

Tutorial de Multimedia usando HTML5, CS3 y JavaScript

publicado en: Tecnología | 0

Tutorial de Multimedia usando HTML5, CS3 y JavaScript

En este post a vamos a realizar un a utilizar Tutorial de Multimedia usando HTML5, CS3 y JavaScript  utilizando las nuevas etiquetas Multímedia de HTML5. Dando por entendido que tod@s conocéis la estructura de un archivo HTML5, empezaremos escribiendo la misma.

Hacer hincapié en que en la primera linea usamos ya la nueva sintaxis, la cual informa de que estamos usando la ultima versión del lenguaje de Hipertexto como podéis observar usando <!– etiquetas a comentar –>, para explicar por que usamos este codigo lo que nos servirá tiempo despues para recordar por que lo escribimos ( p. ej., cuando un cliente nos pide despues de unos meses un mantenimiento del sitio

En esta ocasión utilizaremos dentro del propio documento HTML5, codigo CSS3, en lugar de cargarlo en un fichero aparte para que sea de mas facil comprensión ya que el Tutorial de Multimedia usando-HTML5, CS3 y JavaScript es para personas que comienzan en el apasionante mundo de la programación:

En esta parte de codigo CSS vamos a dar el aspecto mediante instrucciones CSS3, para – de esta manera, que el usuario tenga una experiencia mas satisfactoria al ver un diseño agradable, de facil manejo e intuitivo. En primer lugar, le asignamos al <body> de nuestro documento, el tipo de letra , en este caso courier, pero podéis usar la que deseéis. De fondo pondremos un tapiz que se están poniendo de moda, para conseguir “textura” y conseguir que el usuario se sienta como en casa. Tambien usaremos la clase .contenidos, declarada dentro de la etiqueta <div></div> principal para darle unos bordes redondeados y una pequeña sombra y conseguir una mejor apariencia.

Despues del codigo CSS3, pasaremos al HTML5 el cual lo podéis ver aquí y paso a explicaros:

Para que comprendáis todo mejor os dejo un video, que vale mas que todo el tostón que os he soltado, aunque no incluye la lista de reproducción de sonido. El Ejemplo entero lo podéis ver en mi servidor desde aquí

Tutorial de Multimedia usando HTML5, CS3 y JavaScript

En relación a la lista de distribución en Javasctipt, os pongo el codigo aquí:

 

Like
Like Love Haha Wow Sad Angry
1
Seguir paucompany:

Desarrollador en Wordpress, HTML5, CSS3, javascript, jquery, php. Técnico en sistemas Microsoft. Servicios informáticos a domicilio. Limpieza de virus, formateo, instalaciones, redes.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

He leído y acepto la política de privacidad.

IMPORTANTE: Debes marca esta casilla para aceptar nuestra política de privacidad para comentarios y poder enviarlos.

*Información básica sobre Protección de Datos Responsable: Pablo Sanchez Company Finalidad: Envío de información solicitada y gestión de suscripciones al blog, envío de ofertas, promociones o información sobre servicios que ofrece www.paucompany.es Legitimación: Consentimiento del interesado Destinatarios: Mailchimp como plataforma de envío de newsletters recibirá datos para gestionar las suscripciones. OVH HISPANO, S.L.U. como servidor donde está alojada nuestra web y nuestras bases de datos. Derechos: A acceder, rectificar y suprimir los datos, así como otros derechos detallados en nuestra política de privacidad. Información adicional: Disponible la información adicional y detallada de mi web www.paucompany.es en la páginas Política de privacidad, política de cookies y Aviso Legal

  *

 

Este sitio usa Akismet para reducir el spam. Conoce cómo se procesan los datos de tus comentarios.