Cómo crear vuelcos en adobe dreamweaver cs6

Video: Como hacer un Banner carousel en DW CS6

En Adobe Dreamweaver CS6, puede insertar objetos de imagen, incluyendo los marcadores de imagen, dese la vuelta imágenes (imágenes que cambian cuando un espectador desplaza el ratón sobre la imagen), barras de navegación, y los fuegos artificiales HTML. Se accede a estos objetos de imagen mediante Insertar → Objetos de imagen.

Video: Como hacer un Logo profesional con PhotoShop CS6 | Nuevo vídeo en la descripción

Para crear una imagen de sustitución, siga estos pasos:

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. Para obtener los mejores resultados, crear imágenes que son de la misma anchura y la altura exacta.

345516.medium.jpg

2Coloque el cursor en la página donde desea que el vuelco que aparezca y seleccione Insertar → Objetos de imagen → Imagen de sustitución o haga clic en el botón Imagen de sustitución en el panel Insertar

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

3Escriba 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.

345517.medium.jpg

4Haga clic en los botones Examinar a la derecha de la imagen original y la imagen de sustitución campos de texto para localizar la imagen que desea que aparezca por defecto en la página

La imagen sólo aparece cuando alguien pasa el puntero del 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.

6Escriba el texto alternativo adecuadamente descriptivo

Por supuesto, tendría que escribir en el campo de texto Alt.

7Cuando en el clic, ir al campo de texto URL, indicar a Dreamweaver dónde se dirigen los espectadores cuando hacen clic en su 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.

Si se vincula a un sitio web diferente, es necesario incluir la http: // prefijo al inicio de la URL. Si lo deja en blanco, Dreamweaver añadirá un vínculo roto (#) de forma automática.

8Haga clic en Aceptar

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

9Para 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

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 pulsar la barra espaciadora para crear un espacio vacío como un enlace, debido a que la relación mostrará un error de página no encontrada cuando se hace clic.

Video: Illustrator: ¿Cómo hacer un logo y/o avatar fácil?

Artículos Relacionados