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 .
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.