Creación de una imagen de sustitución en Dreamweaver CS3

En Dreamweaver, las imágenes Rollover, como su nombre lo indica, están diseñadas para reaccionar cuando alguien pasa el cursor sobre una imagen. El efecto puede ser tan dramático como la imagen de un perro reemplazado por una imagen de un león, o tan sutil como el color de una palabra que cambia cuando una imagen reemplaza a otra. De cualquier manera, Dreamweaver incluye un cuadro de diálogo especial para imágenes cambiantes que hace que la creación de un efecto de imagen cambiante simple sea uno de los comportamientos más fáciles de aplicar.

Para crear una imagen de sustitución mediante el cuadro de diálogo Insertar imagen de sustitución de Dreamweaver, siga estos pasos:

1. Haga clic para colocar el cursor en la página donde desea que aparezca la imagen cambiante.

Los efectos de rollover requieren al menos dos imágenes: una para el estado inicial y otra para el estado de rollover. Puede utilizar dos imágenes diferentes o dos similares, pero ambas deben tener las mismas dimensiones. De lo contrario, obtendrá algunos efectos de escala extraños porque ambas imágenes deben mostrarse exactamente en el mismo espacio de la página.

2. Elija Insertar -> Objetos de imagen -> Imagen de sustitución.

Aparece el cuadro de diálogo Insertar imagen de sustitución.

3. En el cuadro Nombre de la imagen, asigne un nombre a su imagen.

Antes de poder aplicar un comportamiento a un elemento, como una imagen, el elemento debe tener un nombre para que el script de comportamiento pueda hacer referencia a él. Puede nombrar los elementos como desee siempre que no utilice espacios ni caracteres especiales.

4. En el cuadro Imagen original, especifique la primera imagen que desea ver. Utilice el botón Examinar para localizar y seleccionar la imagen.

Si las imágenes aún no están en la carpeta raíz de su sitio, Dreamweaver las copiará en su sitio cuando cree la imagen cambiante.

5. En el cuadro Rollover Image, ingrese la imagen que desea que se haga visible cuando los visitantes muevan sus cursores sobre la primera imagen.

Nuevamente, puede usar el botón Examinar para ubicar y seleccionar la imagen.

6. Seleccione la casilla de verificación Precargar imagen de sustitución para cargar todas las imágenes de sustitución en la memoria caché del navegador cuando se cargue la página por primera vez.

Si no elige realizar este paso, sus visitantes pueden experimentar un retraso porque la segunda imagen no se descargará hasta que se pase el mouse sobre la imagen original.

7. En el cuadro Al hacer clic, Ir a URL, ingrese cualquier dirección web o busque otra página en su sitio a la que desee vincular.

Si no especifica una URL, Dreamweaver inserta automáticamente el signo # como marcador de posición.

8. Haga clic en Aceptar.

Las imágenes se configuran automáticamente como una imagen cambiante.

9. Haga clic en el icono de globo en la parte superior del espacio de trabajo para obtener una vista previa de su trabajo en un navegador y probar cómo funciona el rollover.


Cómo utilizar Kuler para buscar y compartir temas de color en Photoshop CS6

Cómo utilizar Kuler para buscar y compartir temas de color en Photoshop CS6

Aprende a utilizar Kuler para buscar y compartir temas de color en Photoshop CS6, una herramienta esencial para tus proyectos gráficos.

Mostrar y ocultar guías y cuadrículas de InDesign CS5

Mostrar y ocultar guías y cuadrículas de InDesign CS5

Aprenda cómo utilizar las cuadrículas y guías de InDesign CS5 para alinear elementos de manera efectiva. Maximice su diseño utilizando las funcionalidades avanzadas de esta herramienta de diseño gráfico.

Formas y polígonos en InDesign

Formas y polígonos en InDesign

Descubre cómo utilizar las herramientas de dibujo en InDesign para crear formas y polígonos con precisión. Aprende técnicas esenciales y tips para mejorar tus publicaciones.

Cómo crear y guardar una ruta en el panel de rutas en Photoshop CS6

Cómo crear y guardar una ruta en el panel de rutas en Photoshop CS6

Aprende cómo crear y guardar rutas en Adobe Photoshop CS6. Descubre la importancia de convertir tu ruta de trabajo en una ruta guardada para evitar pérdidas.

Cómo guardar un estilo de párrafo en Adobe InDesign Creative Suite 6

Cómo guardar un estilo de párrafo en Adobe InDesign Creative Suite 6

Aprenda a crear y guardar estilos de párrafo en Adobe InDesign CS6 para optimizar su flujo de trabajo y facilitar la edición de su contenido.

Cómo cambiar el ancho y el tipo de un trazo en Illustrator CC

Cómo cambiar el ancho y el tipo de un trazo en Illustrator CC

Aprende a cambiar el ancho y el tipo de trazo en Illustrator CC con este tutorial completo que incluye la personalización de tapas, uniones y líneas discontinuas.

Ver comentarios en documentos PDF de Acrobat CS5

Ver comentarios en documentos PDF de Acrobat CS5

Aprende a ver y administrar los comentarios en documentos PDF utilizando Adobe Acrobat Creative Suite 5. Descubre los métodos más efectivos y eficaces para colaborar con revisores.

Captura de pantalla de una sección de un archivo PDF

Captura de pantalla de una sección de un archivo PDF

Puede utilizar la herramienta Instantánea en Adobe Acrobat CS5 para seleccionar tanto texto como imágenes y crear una imagen de un área determinada dentro de un archivo PDF. El resultado se conoce comúnmente como una captura de pantalla de una sección dentro de un archivo PDF. El resultado es una imagen y su texto no es […]

Medición, recuento y análisis de píxeles en Photoshop CC

Medición, recuento y análisis de píxeles en Photoshop CC

Diseñado para investigadores y científicos, las capacidades de medición en Photoshop CC son bastante poderosas. Puede medir casi cualquier cosa y contar el número de lo que sea en una imagen técnica, tal vez desde un microscopio o telescopio. Si conoce el tamaño exacto de cualquier elemento en una imagen, puede descubrir casi cualquier cosa […]

Las herramientas Licuar en Adobe CS5 Illustrator

Las herramientas Licuar en Adobe CS5 Illustrator

Cuando utiliza las herramientas Licuar en Adobe Creative Suite 5 (Adobe CS5) Illustrator, puede doblar objetos (hacerlos ondulados, pegajosos o puntiagudos) creando distorsiones simples o complejas. Las herramientas Licuar pueden lograr todo tipo de distorsiones creativas o extravagantes (dependiendo de cómo se mire) en sus objetos. Usted […]