Ya hemos visto como crear un vículo de imagen. También podemos dividir una imagen en varios vículos utilizando un mapa de imagen. Estas zonas pueden ser rectángulos, círculos o polígonos definidos por nosotros.
Para crear un primer vículo dentro de una imagen debemos seleccionarla e ir al inspector de propiedades. Abajo a la izquierda tenemos tres botones para crear zonas rectangulares en la imagen, otro para crear zonas circulares y otro para definir a mano el polígono.
Podemos rellenar para cada zona que hayamos añadido, los campos Vínculos, Destino y Alt. El campo Alt será que aparerá al mantener el ratón esa zona.
Ejercicio:Cree un nueva página llamada ca_lights-map.html. Inserte la imagen CAmp_full.gif.
Defina para cada uno de los textos con la palabra "Point", una zona interactiva rectágular que apunte a la posición correspondiente del archivo profiles.html. Rellene el ALt con el texto correspondiente.
Haga lo mismo con cada uno de los 6 círculos pequeños del mapa, pero zonas interactivas ovales. Están ordenadas de arriba abajo.
Modifique la zona interactiva oval de Point Cabrillo para que apunta a la dirección http://www.pointcabrillo.org, y lo abra en una ventana nueva.
Crear vínculos de correo electrónico
Para insertar un vínculo de correo electrónico debemos seleccionar el botón con forma de sobre del menú Común del panel de objetos. (vínculos de correo electronico). También podemos seleccionar texto e imágenes y escribir directamente en el campo Vínculo de texto "malito"(sin olvidar los dos puntos) seguido del correo al que va dirigido.
Ejercicio: Cree una nueva página llamada correo.html e inserte una lista sin ordenar con los nombres de los integrantes del curso. Después convierta cada uno de ellos en un vículo de correo electrónico...
