En esta práctica, se requiere la creación de una página web sencilla que contenga cuatro versiones de una misma imagen. A continuación, se detallan los pasos para realizar esta tarea.
En primer lugar, he seleccionado una imagen de Narendra Modi desde PNGMart. Es fundamental tener en cuenta los términos de la licencia de la imagen escogida en este punto.
Utilizando la herramienta GIMP, he agregado un elemento a la imagen, asegurándome de que este elemento tenga cierta transparencia. Posteriormente, he creado cuatro versiones de la imagen modificada con los siguientes formatos: PNG, GIF, JPEG y WEBP. El tamaño de las imágenes ha sido decidido de manera consistente, manteniendo la misma medida para todas ellas.
Se ha desarrollado una página web responsive que muestra las cuatro imágenes en un cuadro de 2x2. Este cuadro ocupa el 90% del espacio vertical disponible. En pantallas más pequeñas con un ancho inferior a 600px, las cuatro fotos se muestran en una columna. Para la creación de esta página web, se ha utilizado un framework CSS según la conveniencia.
La entrega de esta práctica se realizará a través de un repositorio público Git. A continuación, se proporcionan los siguientes enlaces:
Se registrarán los puntos de validación (commits) que se consideren pertinentes durante el desarrollo del proyecto.
Esta práctica se llevará a cabo siguiendo los pasos mencionados anteriormente para lograr los objetivos establecidos. Si tienes alguna duda o necesitas aclaraciones adicionales, estoy a tu disposición para proporcionar más información o ayudarte con cualquier pregunta que puedas tener.