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