Sesión 6. Web 3D

En la práctica de hoy vamos a aprender cómo incorporar un elemento 3D en una página web a través de la creación de un portfolio que muestre un vídeo de nuestro proyecto.

Para comenzar, debemos crear una carpeta donde incluiremos el archivo HTML y el CSS. El archivo HTML lo nombraremos como "web3d.html" y el CSS lo llamaremos "estilo_original.css". Es importante recordar estos nombres para que el HTML pueda referenciar el CSS correctamente.

En segundo lugar, usaremos la etiqueta <video> para insertar el vídeo en la página web y ajustarlo mediante modificadores como autoplay, muted y loop. Si la página web es solo para uso personal, podemos usar la dirección del vídeo en nuestro escritorio en src. Pero si queremos que sea una web pública, solo usaremos el nombre del archivo de vídeo en formato mp4.

Luego, con el archivo CSS, podemos ajustar el tamaño y la adaptación del vídeo en la página web.

Por último, subimos los archivos, incluyendo el vídeo, a un servidor gratuito de WebHost y así podremos acceder a la página web que hemos creado a través de un enlace.

Comentarios