Elementos javascript onmouseover y onmouseout

Una vez tenemos la imagen cargada en el dreamveawer selecionamos con la herramienta de seleccion de trazo de poligono el área que queremos seleccionar, para que al pasar el raton por encima aparezca la imagen que queremos que aparezca.



























insertamos la imagen, aplicamos una capa con insertar --> objetos de diseño --> capa,
luego nos vamos al lado derecho del programa que encontraremos una fila de pestañas, una debajo de otra, ahi buscamos la pestaña etiqueta.














Nos vamos a la subpestaña comportamientos, configuramos el efecto onmouseover y onmouseout, para añadir el efecto justamente debajo de la pestaña de comportamiento hay dos columnas, en una hacemos clic y aparece un desplegable, ahi selecionamos el efecto onmouseover y onmouseout, al lado primero hacemos clic y luego nos vamos a un cuadrado que hay justo debajo de la pestaña comportamientos, nos encontraremos un botón con el sigiente simbolo: + hacemos clic ahi, nos aparecera un desplegable, selecionamos mostrar u ocultar capas, pinchamos en mostrar u ocultar capas nos aparece un cuadro, selecionamos y configuramos las propiedades de mostrar y de ocultar la capa, una vez para onmouseover y otra para onmouseout, cliqueamos en aceptar.














luego nos vamos a la pestaña de css, (estara arriba en la misma columna que la pestaña etiqueta), cliqueamos justo debajo del dibujo del ojo, lo ponemos como ojo cerrado, para que no se muestre la capa y ya lo tendremos, guardamos y comprobamos que todo funciona como toca
y como nosotros queremos.