Cómo hacer botones rollover en Dreamweaver CS5

Mejorar los botones en su sitio web utilizando Dreamweaver de rolloverfunción de imagen.

 

Botones del rollover

Rollover botones son adiciones útiles a cualquier sitio web, ya que añadir un toque de creatividad y proporcionar retroalimentación de los usuarios. Dreamweaver compone rollover botones a partir de dos imágenes. Debe haber ligeras diferencias entre las imágenes que el usuario ve un cambio cuando mueve su ratón sobre el botón. Lo mejor es que las imágenes son de la misma anchura y altura.Dreamweaver ajustar el tamaño de la segunda imagen para que coincida con el primero si hay una variación, pero que podría resultar en la imagen que aparece distorsionado.

 

Lo que necesita

Dos imágenes en formato GIF o JPG que son del mismo tamaño

 

Inicie Dreamweaver y abrir el documento Web en el que desea agregar botones rollover.

 

Haga clic en el documento en la ubicación en la que desee colocar el botón de conversión.

 

Ir a "Insertar", "Objetos de la imagen" y seleccione "Imagen de sustitución".

 

Introduzca la información necesaria en el cuadro de diálogo. En primer lugar, cree un nombre para la imagen de sustitución. Haga clic en el botón "Examinar" junto a la imagen original y ubicar la imagen correspondiente en su ordenador. Haga lo mismo con la imagen de sustitución. Marque la casilla "Preload Imagen de sustitución" para evitar demoras cuando el usuario pasa el ratón sobre la imagen.Introduzca una palabra o frase en el cuadro de texto alternativo. Este texto sólo aparecerá si la página Web se carga en un navegador que no está configurado para mostrar imágenes. Introduzca una URL en el Al hacerse clic, ir a la caja URL, o haga clic en el botón "Examinar" para vincular a una página específica en su sitio web.

 

Haga clic en "OK" para crear el botón de conversión.

 

Consejos y advertencias

Vista previa del botón de imagen cambiante en el explorador Web seleccionando "Archivo", "Vista previa en el navegador".