Roll sobre imagen

Un roll sobre la imagen, es una imagen que cambia cuando el puntero del mouse es colocado sobre la imagen.

Para añadir un roll sobre la imagen de tu página, coloca el cursor en la posición de tu página donde quieras usarlo.

En la barra de herramientas “Insertar” en la parte superior del documento, selecciona la pestaña “Común” y haz click en la flecha que apunta hacia abajo a un lado de “Imagen”.
En el menu desplegable que aparece, escoge, “Roll sobre Imagen”.

Esto abre la ventana de diálogo de “Insertar Roll sobre Imagen”.
En la parte superior de la caja de diálogo, introduce un nombre significativo para la imagen.
En la segunda caja, selecciona la imagen que quieras ver cuando no suceda un evento.
Sólo haz click en el botón “Buscar” y navega a la imagen que quieres.
En la tercer caja, selecciona la imagen que deseas ver cuando alguien coloque el puntero del mouse sobre la imagen.
Haz click otra vez en el botón “Buscar” para seleccionarlo.
Nota que ambas imágenes deben tener las mismas dimensiones.
En ambos casos una ventana aparecerá preguntando si quieres añadir ésta imagen a tu mapa de sitio y donde quieres posicionarla.
Como siempre, elegimos la carpeta de “imagenes” en el mapa de sitio “Cursos Gratis”.

La caja “Pre-Cargar Roll sobre Imagen” está seleccionada por defecto, déjala así seleccionada.

Esto cargará el “Roll sobre Imagen” por adelantado, para desplegarlo cuando alguien pase sobre la imagen original.
Si no está la casilla verificada, habrá una pausa entre las transiciones de la imagen original a la imagen con el roll.

En la siguiente caja da algún texto alternativo a los visitantes que no vean las imágenes, o a los visitantes que deshabiliten la opción “Mostrar Imagenes” en su navegador.

Y en la última caja, si haces liga a algún otro sitio, introducela en otra página. Más acerca de ligas en la siguiente lección.

Haz click en Aceptar cuando termines.

Para ver los resultados, necesitas cargar la página en tu Navegador.

Solo haz click en la tecla F12 de tu teclado. Cuando se te pregunte si quieres guardar el archivo, haz click en “Si”.
Más acerca de roll sobre imágenes en la Lección 16.

 

Alineación de Imagen

Hay varias formas de alinear imagenes en tu página.

Cuando insertamos una imagen, por defecto, será en una nueva línea en la parte izquierda de la página.
Para cambiar el texto en tu página antes o después de la ventana de imagen, primero selecciona la imagen y haz click en la flecha que apunta hacia abajo a un lado de la caja “Alinear”, escoge una de las opciones en el menu desplegable.

Si eliges “Derecha”, nuestra imagen estará alineada a la derecha a lo largo de la imagen.

Si eliges “Izquierda”, nuestra imagen, como supones, estará alineada a la izquierda a lo largo de tu imagen.

Para ajustar el espacio entre imagenes y textos, asigna un valor en las cajas “V-Espacio” y “H-espacio”.

“V-Espacio” creará más espacio entre una imagen y texto.

“H-espacio” levantará o bajará el texto frente a tu imagen.

Otra forma es usando la caja “Margen”.

El valor que damos aquí, ajustará el espacio entre la imagen y el texto, ambas horizontalmente y verticalmente.

Cursos

• Downloading iPad Apps
• Lesson 1: Introduction to Publisher
• Lesson 65: File Formats