Vuelcos de la imagen en adobe dreamweaver cs5

En Adobe Creative Suite 5 (CS5 de Adobe) Dreamweaver, puede insertar objetos de imagen, incluyendo los marcadores de imagen, imágenes de sustitución (imágenes que cambian cuando un espectador desplaza el ratón sobre la imagen), barras de navegación y HTML de Fireworks. Se accede a estos objetos de imagen mediante Insertar → Objetos de imagen.

1Crear las imágenes para ser utilizadas como el vuelco del vehículo

Puede generar estas imágenes en Fireworks, Illustrator, Photoshop, o cualquier otra aplicación capaz de guardar las imágenes optimizadas para la web.

286763.image1.jpg

2Coloque el cursor en la página donde desea que aparezca el vuelco del vehículo

Seleccione Insertar → Objetos de imagen → Imagen de sustitución o haga clic en el botón Imagen de sustitución en el panel Insertar. El cuadro de diálogo Insertar imagen de sustitución.

3Nombrar la imagen

Escriba un nombre de imagen sin espacios en el campo de texto Nombre de imagen. Este nombre se utiliza en el script de creación del vuelco del vehículo.

286765.image3.jpg

4Haga clic en los botones Examinar

El botón Examinar está a la derecha de la imagen original y la imagen de sustitución campos de texto. Busque la imagen que desea que aparezca por defecto en la página y la imagen que aparece sólo cuando alguien pasa el ratón sobre la imagen.

5Deje la casilla de verificación Carga previa de imagen Rollover seleccionado

Esta opción descarga la imagen de sustitución cuando la página se descarga para evitar retrasos en las transferencias.

6Describir la imagen

Escriba el texto alternativo adecuadamente descriptivo en el campo de texto Alt.

7Cuando completar el clic, ir al campo de texto URL

Esto dirige Dreamweaver donde los espectadores se dirigen al hacer clic la imagen de sustitución. Puedes también hacer clic en el botón Examinar para localizar otra página en su sitio o introducir una URL. Nota: Si se vincula a un sitio Web diferente, es necesario incluir el prefijo http: // al principio de la URL.

Si todavía no tiene un vínculo real a utilizar para un botón o hipervínculo, se puede introducir un signo de número (#) para crear un vínculo roto. El enlace o botón aparece se puede hacer clic, pero no van a ninguna parte cuando se hace clic. Esta opción es mejor que golpear la barra espaciadora para crear un espacio vacío como un enlace, como que mostrará un error de página no encontrada cuando se hace clic.

8Haga clic en Aceptar

La imagen de sustitución se crea en la página.

9Vista previa de la imagen

Para una vista previa de la imagen de sustitución nueva, seleccione Archivo → previa en el explorador o haga clic en el botón Vista de la barra de herramientas Documento.

Video: Curso de Dreamweaver CS5. 10 Insertar elementos multimedia

Artículos Relacionados