Tecnología

Inicio

Cómo hacer que los botones del rollover en Dreamweaver CS5

Cómo hacer que los botones del rollover en Dreamweaver CS5


los botones del rollover son adiciones útiles a cualquier sitio web debido a que añaden un toque de creatividad y proporcionan retroalimentación de los usuarios. Dreamweaver compone botones rollover a partir de dos imágenes. No debe haber ligeras diferencias entre las imágenes por lo que el usuario ve un cambio cuando ella mueve su ratón sobre el botón. Es mejor si 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.

Instrucciones

1 Lanzar Dreamweaver y abrir el documento Web en la que desea añadir botones de rollover.

2 Haga clic en el documento en la ubicación en la que desea colocar el botón de imagen cambiante.

3 Vaya a "Insertar", "objetos de imagen" y seleccione "Imagen de sustitución".

4 Introduzca la información requerida en el cuadro de diálogo. En primer lugar, crear un nombre de su imagen de sustitución para. Haga clic en el botón "Examinar" junto a la imagen original y localizar la imagen correspondiente en el ordenador. Haga lo mismo para la imagen de sustitución. Marque la casilla "precarga Imagen de sustitución" para evitar retrasos cuando el usuario pasa sobre la imagen. Introduzca una palabra o frase en el cuadro de texto alternativo. Este texto sólo se mostrará 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 de dirección URL, o haga clic en el botón "Examinar" para vincular a una página específica en su sitio web.

5 Haga clic en "Aceptar" para crear el botón de imagen cambiante.

Consejos y advertencias

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