Cómo crear una imagen de sustitución utilizando la programación HTML

Lenguaje de marcado de hipertexto (HTML) es un lenguaje de programación que se utiliza para crear páginas Web. Saber utilizar códigos HTML puede ayudar a manipular la configuración de página. Se puede crear un enlace de imagen que va a cambiar cuando los visitantes se mueven con el ratón sobre el enlace. vuelcos imagen se pueden crear usando JavaScript. También puede crear sustituciones de imagen para los elementos de los menús. Cuando los visitantes se desplazan de su ratón sobre los elementos del menú, el elemento de menú será resaltado. Creación de vuelcos imagen es una buena manera de dar a sus páginas un atractivo más profesional.

Instrucciones

1 Iniciar el procesador de textos o editor de texto que va a utilizar para crear su página Web y abra la página. Añadir la imagen deseada e incluirla dentro de la etiqueta <CENTER>. Después de que el nombre de la imagen, el tipo NAME = "rollover".

2 Escriba <A HREF="?"> antes de la etiqueta <CENTER>. Vuelva a colocar el signo de interrogación con la dirección de la página web que desea tener aparece cuando un usuario hace clic en la imagen. Escriba </A> después de la imagen.

3 Compruebe que el texto tiene el siguiente aspecto:
<A HREF="pages.html">
<CENTER> <img src = "foto.jpg" name = "rollover"> </ center>
</A>

4 Escriba ONMOUSEOVER = 'rollover.src = "?"' Dentro de la etiqueta <A>. Vuelva a colocar el signo de interrogación con la ubicación de la imagen que desea que aparezca cuando un usuario mueve el puntero del ratón sobre la imagen original.

5 Escriba onMouseOut 'rollover.src = "?"' = Reemplazar el signo de interrogación con la ubicación de la imagen que se ha añadido en el paso 1.

6 Compruebe que el texto tiene una apariencia similar a la siguiente:
<A href = "pages.html" ONMOUSEOVER = 'rollover.src = "foto.jpg"'
Onmouseout = 'rollover.src = "foto.jpg" ">
<CENTER> <img src = "foto.jpg" name = "rollover"> </ center>
</A>

7 Abrir un nuevo navegador web para verificar que su página web muestra la imagen que se está utilizando para su imagen de sustitución. Probar su sitio y verificar que los visitantes pueden mover el puntero del ratón sobre la imagen y cambiará a la imagen que ha especificado.

Consejos y advertencias

• Usted debe probar su página Web en varios navegadores para ver cómo cada navegador mostrará su página.