jajaja WTF? No entiendo NADA!!!!

¿Cuáles eventos específicos? Quiero aprender javascript, todavía no sé mucho o casi nada porque en el instituto lo vemos más como lenguaje de programación que como lenguaje de desarrollo web, ¿me explico? o sea no vemos javascript para crear páginas, sino para hacer programas que normalmente serían de escritorio...

El caso es que tengo que hacer un proyecto, realmente ya lo tengo hecho, esto de los botones es solo una funcionalidad extra que me gustaría añadirle y tengo que entregarlo el viernes, así que no tengo tanto tiempo para leer un manual ahora mismo. Así que me ayudarías mucho si me dices qué tengo que aprender específicamente

Bueno, lo entregaré sin eso. Lo haré para mi conocimiento después.

Pero ahora se me ha ocurrido otra cosa.

Tengo un control que al presionar un canal y darle a otro botón te manda a la página de ese canal. Lo hice con los botones <input  type='button'.../>

Pero quiero ahora hacerlo con un mapa de imágenes, bueno, ya lo hice, pero quiero que cuando ponga el mouse arriba del botón 1 por ejemplo presente otra imagen (que es la misma, pero con más brillo).

Sé que se hace con la función onmouseover. Lo tengo así:

 <area id='n1' shape='rect' coords='30,243,72,276' onClick='escribir(1)' href='#' <center> <img src="imgcontrol/megaweb.png" onmouseover="this.src='imgcontrol/i1.png';" onmouseout="this.src='imgcontrol/megaweb.png';"/> </center> >
              </area>

Pero el problema es que la otra imagen se presenta desde que pongo el mouse arriba de cualquier parte de la imagen (del control). Pero yo quiero que se presente solamente cuando ponga el mouse arriba del <area> que he definido. ¿Me doy a entender? No sé si sea posible...