Mapas de imagen le permiten designar "zonas calientes" dentro de una imagen que se hacen clic en enlaces a otras páginas , sonidos , animaciones o videos . Los mapas de imagen pueden proporcionar una navegación visual para los usuarios que puedan tener problemas con los botones o enlaces de texto sin formato . Usted puede crear un mapa de imágenes con Adobe Photoshop básico , que es un programa de retoque fotográfico creado por Adobe . Photoshop viene con un componente llamado Ready imagen , que puede crear mapas de imagen . Instrucciones
1

Abra la imagen que va a utilizar para crear su mapa de imágenes en Photoshop. La imagen debe estar ya optimizado para la Web.
2

acceso al componente ImageReady de Photoshop con la tecla " Shift + Ctrl + M" o haciendo clic en el enlace "Editar en ImageReady " situado en la parte inferior de su caja de herramientas .

3 Pulse la tecla " P " o seleccione la opción " Mapa de imagen" icono de la herramienta se encuentra en la caja de herramientas estándar para acceder a la herramienta de mapa de imagen . Haga clic y mantenga la función " mapa de imagen " y verá un rectángulo, círculo o polígono formas. Seleccione la forma que mejor se ajuste al área de la imagen que desea utilizar como punto de acceso .
4

Usando su ratón , haga clic en la imagen y resaltar la zona hot-spot haciendo clic y arrastrando el ratón. Cuando suelte el ratón, ImageReady creará un nuevo punto caliente en la imagen.
5

Abra el cuadro de opciones de mapa de imágenes haciendo clic en el menú desplegable "Window " y seleccione "Imagen Mapa " . Utilice la opción Nombre para nombrar el lugar de moda . Utilice el menú desplegable "URL" para poner de relieve una página local o escriba la dirección de una página web externa para acceder a través de este punto caliente . Use el menú desplegable Target para destacar cómo se abrirá el enlace externo . La comarca del Alt contendrá el texto que aparece cuando se coloca el puntero del ratón sobre el punto caliente.
6

Utilice las opciones Dimensiones para ajustar la posición y el tamaño de su punto de acceso . X e Y designan la ubicación exacta de su punto de acceso mediante píxeles verticales y horizontales . W y H permiten definir el tamaño de su punto de acceso mediante un número de píxeles.

7 Repita los pasos 4 , 5 y 6 para cada zona activa que desea crear .
< Br > 8

Presione " Ctrl -Shift -Alt - S " o seleccione el menú "Archivo" desplegable y selecciona " Guardar optimizada como . " Introduzca el nombre del archivo y asegúrese de que "HTML y las imágenes " , se muestra en la sección " Guardar como tipo" . Haga clic en " Guardar" para completar el proceso de almacenamiento de archivos . Esto crea un archivo HTML y la carpeta asociada para las imágenes.
9

Haga clic en el archivo HTML creado recientemente para probar el funcionamiento de su nuevo mapa de imagen.