Vuelcos de la imagen en Adobe CS5 Dreamweaver

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 pasa el ratón sobre la imagen), barras de navegación, y HTML de Fireworks. Se accede a estos objetos de imagen seleccionando objetos Insertar imagen.

1

Crear las imágenes que se utilizan 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.

Vuelcos de la imagen en Adobe CS5 Dreamweaver
Vuelcos de la imagen en Adobe CS5 Dreamweaver Agrandar
2

Coloque el cursor en la página donde desea que el vuelco que aparezca.

Seleccione Insertar-Imagen Objetos-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.

3

Nombre de la imagen.


Escriba un nombre de imagen sin espacios en el campo de texto Nombre de la imagen. Este nombre se utiliza en el script de creación de la imagen de sustitución.

Vuelcos de la imagen en Adobe CS5 Dreamweaver
Vuelcos de la imagen en Adobe CS5 Dreamweaver Agrandar
4

Haga clic en los botones Examinar.

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

5

Deje 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 volcaduras.

6

Describir la Imagen.

Escriba apropiadamente descriptiva texto alternativo en el campo de texto Alt.

7

Complete el Al hacerse clic, ir al campo de texto URL.


Esto dirige Dreamweaver donde los espectadores se dirigen al hacer clic en 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. Tenga en cuenta: Si usted está enlazando a un sitio Web diferente, necesita incluir la http: prefijo // al comienzo de la URL.

Si usted todavía no tiene un vínculo real que se utilizará para un botón o hipervínculo, puede introducir un signo de número (#) para crear un vínculo roto. El enlace o botón aparece 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 una página no encontrada error cuando se hace clic.

8

Haga clic en Aceptar.

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

9

Vista previa de la imagen.

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




» » » » Vuelcos de la imagen en Adobe CS5 Dreamweaver