Documento sin título


m

El contenido de esta página requiere una versión más reciente de Adobe Flash Player.

Obtener Adobe Flash Player

mm

nmn

 

El contenido de esta página requiere una versión más reciente de Adobe Flash Player.

Obtener Adobe Flash Player

 

MMM

 

COMCEPTO DE MUSICA

IMAGENES DE SUSTITUCION

VIDEOS

galeria

tablas

 

mmn

mmmm

mmm

nmm

 

 

CONCEPTO DE MUSICA

La palabra Música procede del latín Musica, derivada, a su vez, del griego Mousike, palabra esta última que tenía en su origen dos significados: uno general que abarcaba todo lo relacionado con la educación del espíritu (colocada bajo la advocación de las nueve Musas o diosas de las artes), que se complementaba con la educación física o gymnastike, y otro específico de arte sonoro, que es el que ha llegado hasta nosotros.

primero

IMAGENES DE SUSTITUCION

Una imagen con efecto sustitución cambia cuando el puntero del ratón del usuario pasa por encima de ella en la página web. Por eso este tipo de objetos en inglés se llaman 'rollover', que significa pasar por encima. El efecto sustitución puede usarse para añadir vistosidad a los elementos gráficos del sitio web.

Dos imágenes
Una imagen con efecto sustitución consiste en realidad en dos imágenes. La primera imagen se muestra inicialmente al cargarse la página. La segunda imagen reemplaza a la primera cuando el cursor del ratón apunta sobre el área de la imagen.

Al retirar el ratón la imagen original vuelve a aparecer. Ambas imágenes deben tener las mismas dimensiones. Normalmente la imagen es además un hipervínculo a otra página o activa alguna acción al hacer clic sobre ella.

Este efecto permite mostrar mucha información en la misma página de manera secuencial. De otra forma habría que hacer una página más larga con todos los elementos visibles simultáneamente.

Javascript
El efecto se logra mediante el uso de código Javascript en la página. La sustitución se produce como respuesta al evento 'MouseOver'. El código a insertar en la página será algo como la siguiente línea:

<a href="javascript:;" onMouseOver="swapImage('imagen_sustituta.gif')"   onMouseOut="swapImage('imagen_original.gif')">   <img src="imagen_original.gif"> </a> 

La función 'swapImage' debe estar definida mediante Javascript en la sección cabecera (<head>) de la página. Es importante realizar la carga previa de todas las imágenes al cargar la página para que la sustitución se produzca de forma instantánea. Esto se logra mediante otra función de Javascript.

Sustitución directa e indirecta
El efecto sustitución puede producirse en la imagen activa que es sensible al ratón o también en otras imágenes de la página. En el primer caso se trata de un efecto directo, mientras que si lo que cambia es una imagen distinta se trata de una sustitución indirecta. Ambos efectos pueden ser simultáneos.

Un uso habitual de los dos efectos se produce al iluminar las distintas opciones de un menú de navegación. En el botón del menú se produce una sustitución directa, mientras que se emplea el cambio de otra imagen de la página para ofrecer información sobre la opción mediante un texto escaneado u otra imagen informativa.

Dreamweaver
Escribir manualmente el código necesario para realizar el efecto sustitución es una tarea que exige conocimientos elevados de Javascript y HTML 4. Es mejor utilizar un programa asistente que escriba el código automáticamente.

El editor web Dreamweaver 4 permite lograr éste y otros efectos de Javascript mediante la ventana Comportamientos. Esta ventana permite asignar a objetos de la página, como una imagen o un texto, comportamientos preprogramados Javascript que se activen mediante eventos como pasar el ratón por encima, hacer clic o cargar la página por primera vez.

Reforzar, no ocultar
Excepto en contadas ocasiones, no es aconsejable usar el efecto sustitución para ocultar información en la página. No se debe esperar que el usuario vaya investigando todos los rincones de la misma hasta encontrar la información que desea. Un mal uso de este efecto puede hacer que pasen desapercibidos elementos importantes de la página.

El efecto bien empleado debe reforzar la comprensión de la función y el comportamiento de los elementos de la página. De esta manera, un botón que se ilumina al pasar el ratón por encima confirma que se trata de un elemento activo que al hacer clic sobre él activará alguna función importante.

Además, la imagen en donde se produzca la sustitución indirecta debe estar físicamente cerca de la imagen activa o ser lo suficientemente grande para que su cambio sea percibido por el usuario.

Accesibilidad
El efecto sustitución depende directamente del uso del ratón por parte del usuario. Pero hay usuarios que por distintos motivos, principalmente deficiencias físicas, acceden a la web usando únicamente el teclado.

Para estos casos, y también en previsión de que haya usuarios que no dispongan de Javascript en su navegador, hay que ofrecer métodos alternativos de acceder a la misma información si ésta resulta ser importante para la comprensión del sitio web o dentro de su contenido.

Igualmente si se emplea texto escaneado en la imagen, éste no será accesible para usuarios ciegos, ya que el texto alternativo de la imagen no se puede cambiar de forma permanente mediante este sistema.

Ejemplo

 

segundo

video

tercero

galeria fotografica

mmmm mmmm

m  m

cuarto

 

1 2 3 4 5