Login

Imágenes y enlaces


Las imágenes es bastante común encontrarlas relacionadas con la etiqueta de los enlaces para provocar dos comportamientos muy extendidos. Estos son dos fundamentalmente:


Zapatilla Jordan Imagen como máscara de enlace


< a href= "imagen.jpg" target= "_blank><img src= "imagen2.jpg"/>< /a>




Imagen que conecta con otra imagen (generalmente ampliada)


< a href= "imagen.jgp" target= "_blank><img src= "imagen2.jpg"/>< /a>


miniatura de imagen miniatura de imagen


También es bastante común la necesidad de dejar transparentes algunas partes de la imagen con el objetivo de respetar las imágenes o colores de fondo que hayamos puesto para toda la página web. Las imágenes con fondo transparente están en formato *.gif o *.png que son los que conservan dicha particularidad si creas zonas transparentes en las imágenes y las guardas en formato *.jpg te seguirán apareciendo con fondo blanco


Imagen sin transparencia                            Imagen con transparencia


Para crear zonas transparentes en una imagen necesitas alguna aplicación que te permita seleccionar sobre la imagen el color a "transparentar " y una vez realizada la operación guardarla en el formato adecuado. Evidentemente para apreciar el efecto es necesario disponer al menos de un color de fondo de la página, y que en esta ocasión y dado que no hemos visto CSS, lo haremos directamente agregando al atributo bgcolor="#RRGGBB"en la etiqueta <BODY>.


También es posible la creación de efectos e imágenes animadas com multitud de herramientas online, prueba a crear con alguna de estas aplicaciones online:



 



Subir