viernes, 23 de marzo de 2012
DISEÑO WEB VII: IMAGEN E IMAGEN DE SUSTITUCIÓN
Cuando creamos un enlace con una imagen dentro de nuestra página, podemos hacerla más atractiva y añadir lo que se llama una imagen de sustitución para el estado "Over" (cuando pasamos el puntero del ratón por encima) de forma que cambie la imagen.
Para ello, donde queramos insertar la imagen, damos click y accedemos al Panel Común (Ver > Diseño del espacio de trabajo) en Imagenes > Imagen de sutitución
A continuación damos un nombre al conjunto de imágenes, escogemos una imagen para el estado "normal" (original) y otra de sustitución para el estado "over". Podemos escoger el vínculo hacia el que dirigiremos el enlace (o hacerlo posteriormente.)
En el ejemplo hemos creado anteriormente una imagen de sustitución partiendo de la original, haciendo un cambio de tono y brillo en Photoshop dando la sensación de iluminación cuando pasamos el puntero del ratón por encima.
Para ello, donde queramos insertar la imagen, damos click y accedemos al Panel Común (Ver > Diseño del espacio de trabajo) en Imagenes > Imagen de sutitución
A continuación damos un nombre al conjunto de imágenes, escogemos una imagen para el estado "normal" (original) y otra de sustitución para el estado "over". Podemos escoger el vínculo hacia el que dirigiremos el enlace (o hacerlo posteriormente.)
En el ejemplo hemos creado anteriormente una imagen de sustitución partiendo de la original, haciendo un cambio de tono y brillo en Photoshop dando la sensación de iluminación cuando pasamos el puntero del ratón por encima.
Etiquetas: CSS, Diseño web, Dreamweaver, HTML, imagen sustitución
0 Comments:
Publicar un comentario
<< Home