Πώς να κάνει μια εικόνα Χάρτης Χρησιμοποιώντας Photoshop

χάρτες εικόνας σας επιτρέπουν να ορίσει " θερμά σημεία " μέσα σε μια εικόνα που γίνονται clickable συνδέσεις με άλλες σελίδες , ήχους , κινούμενες εικόνες ή βίντεο . Χάρτες εικόνας μπορεί να παρέχει οπτική πλοήγηση για τους χρήστες που μπορεί να έχουν προβλήματα με απλά κουμπιά κείμενο ή συνδέσεις . Μπορείτε να δημιουργήσετε ένα βασικό χάρτη της εικόνας χρησιμοποιώντας το Adobe Photoshop , το οποίο είναι ένα πρόγραμμα επεξεργασίας φωτογραφιών που δημιουργήθηκε από την Adobe . Photoshop έρχεται με ένα συστατικό που ονομάζεται Image Ready , η οποία μπορεί να δημιουργήσει χάρτες εικόνας . Οδηγίες
Η

1 Ανοίξτε την εικόνα που θα χρησιμοποιήσετε για να δημιουργήσετε την εικόνα του χάρτη σας στο Photoshop . Η εικόνα θα πρέπει να έχουν ήδη βελτιστοποιηθεί για το Web . 2

Δείτε το συστατικό ImageReady του Photoshop πατώντας "Shift - Ctrl - M" ή κάντε κλικ στο "Επεξεργασία ImageReady σε" κουμπί στο κάτω μέρος εργαλειοθήκη σας
Πατήστε το πλήκτρο .
Η 3

"P" ή επιλέξτε το " Image Map " εικονίδιο του εργαλείου βρίσκεται στο πρότυπο εργαλειοθήκη για να αποκτήσετε πρόσβαση στο εργαλείο Image Map. Κάντε κλικ και κρατήστε πατημένο το εργαλείο " εικόνας χάρτη " και θα δείτε ένα ορθογώνιο , κύκλος ή ένα πολύγωνο σχήματα . Επιλέξτε το σχήμα που θα ταιριάζει καλύτερα την περιοχή της εικόνας που θέλετε να χρησιμοποιήσετε ως ένα καυτό σημείο .
Η 4

Χρησιμοποιώντας το ποντίκι σας , κάντε κλικ πάνω στην εικόνα και να τονίσει την περιοχή hot-spot πατώντας και σύροντας το ποντίκι . Όταν αφήσετε το ποντίκι , ImageReady θα δημιουργήσει ένα νέο hot spot στην εικόνα σας .
5

Ανοίξτε το κουτί επιλογών εικόνα χάρτη κάνοντας κλικ στο drop-down μενού " Παράθυρο " και επιλέγοντας " Image Χάρτης ". Χρησιμοποιήστε την επιλογή Όνομα για να ονομάσετε το hot spot . Χρησιμοποιήστε το αναπτυσσόμενο μενού " URL " για να επισημάνετε ένα τοπικό σελίδα ή πληκτρολογήστε τη διεύθυνση μιας εξωτερικής ιστοσελίδας να έχει πρόσβαση μέσω αυτής της hot spot . Χρησιμοποιήστε το drop -down μενού Target για να τονίσει πως θα ανοίξει εξωτερικό σύνδεσμο σας . Η περιοχή Alt θα περιέχει το κείμενο που εμφανίζεται όταν ένας δείκτης του ποντικιού τοποθετείται πάνω από αυτό το hot spot .
Η 6

Χρησιμοποιήστε τις επιλογές Διαστάσεις για να τελειοποιήσουν τη θέση και το μέγεθος του hot spot σας . Χ και Υ να ορίσει την ακριβή θέση του hot spot σας χρησιμοποιώντας κάθετες και οριζόντιες pixels . W και H σας επιτρέπουν να ορίσετε το μέγεθος της hot spot σας, χρησιμοποιώντας μια σειρά από pixels .
Η

7 Επαναλάβετε τα βήματα 4 , 5 και 6 για κάθε hot spot που θέλετε να δημιουργήσετε .

8

Πιέστε το πλήκτρο " Ctrl - Shift - Alt - S" ή επιλέξτε το " αρχείο" drop -down μενού και επιλέξτε "Save Optimized As." Πληκτρολογήστε ένα όνομα αρχείου και να είστε σίγουροι ότι " HTML και εικόνες " ? εμφανίζεται στην ενότητα " Αποθήκευση ως τύπου" . Κάντε κλικ στο κουμπί " Αποθήκευση" για να ολοκληρώσετε τη διαδικασία αποθήκευσής . Αυτό δημιουργεί ένα αρχείο HTML και σχετικό φάκελο για εικόνες .
Η

9 Κάντε κλικ στο νέο αρχείο HTML για να ελέγξετε τη λειτουργία της νέας εικόνας χάρτη σας.

Η