Imagen de sustituciรณn
Imagen Rollover
Imagen que cambia por otra cuando el puntero se sitúa sobre ella. Este tipo de imagen suele utilizarse en los menús o en los botones para desplazarnos a través de distintas páginas. Ejemplo de rollover. Partiendo de las siguientes imágenes
Para insertar un rollover hay que dirigirse al menú Insertar, Objetos de Imagen, a la opción Imagen de sustitución. En la nueva ventana hay que especificar la imagen original y la de sustitución.
Imagen Rollover
Es preferible que la opción Carga previa de imagen de sustitución esté activa. Si se activa, la imagen de sustitución se carga cuando se carga la página. se evitan las demoras debidas a la descarga de la imagen al momento de aparecer. El Texto alternativo aparece al situar el puntero sobre una imagen, o el que aparecerá en lugar de la imagen en el caso de que por algún motivo ésta no pueda ser mostrada en el navegador. Puede asignarse a todas las imágenes, no sólo a los rollovers. Se puede hacer a través del campo Alt del inspector de propiedades de la imagen seleccionada.
Crear el Menú Desplegable
Crear los botones de menú ( Paint o Photoshop), las dimensiones o mediada a gusto. Insertar los botones de menú (Horizontal o Lateral) Menú INSERTAR + OBJETOS DE DISEÑO + BARRAS DE MENÚS DE SPRY Menú INSERTAR + BARRAS DE MENÚS DE SPRY En la barra u opción de insertar ubicada en la parte derecha la cual esta en común y se cambia a Spry , seleccione barra de menús de Spry, clic. Elija la opción de menú interactivo Horizontal o Vertical. Clic en la barra de menú de Spry creada, para asignar nombre, colores, características especiales o eliminar elementos a través de la barra de propiedades de cada uno u en las reglas de estilo Css.
Cambiar color de fondo el Menú Desplegable Seleccionar la BARRAS DE MENÚS DE SPRY y en la pestaña de estilo Css, clic en todo selecciono la barra de menú horizontal o vertical. Ejemplo: ul.menuvertical a:hover,ul.menuvertical a:focus y cambian el color. Y en la opción de ul.menuvertical.a menubarItemHover,ul.Menubarvertical a.MenuBarItemsubmenuHover,ul.MenubarVertical a.Menusubmenuvisible. Cambie el color. Guarde los cambio y clic en F12 para visualizar el navegador. Esto es para cambiar el color al para el mouse. Guardan los cambios y clic en vista previa depurador navegador o con F12. Cambiar color fondo seleccione la barra de menú Spry y clic en estilo CSS, clic en actual y en el primer Background cambie el color y en color cambie el color de la letra. Guarde los cambios y F12 para visualizar la pagina.
Actividad Clase
Actividad Extra- Clase
https://www.youtube.com/watch?v=6vaZen_iZzY https://www.youtube.com/watch?v=vMozq0_DoUE