Ο χάρτης εικόνας είναι μια εικόνα με διευθύνσεις URL "αντιστοιχισμένες" σε αυτήν. Μπορείτε να ντύσετε τον ιστότοπό σας ή την προσωπική αρχική σελίδα σας με έναν χάρτη εικόνων με τους αγαπημένους σας ιστότοπους που σας αρέσει να επισκέπτεστε. Υπάρχει πολύ λογισμικό που μπορείτε να το κάνετε, αλλά αυτό το άρθρο θα χρησιμοποιήσει το Gimp.
Βήματα
Βήμα 1. Συγκεντρώστε ένα αρχικό γραφικό που θα αντιστοιχίσετε
Μπορείτε να χρησιμοποιήσετε εικόνες, εικόνες, ό, τι λειτουργεί για εσάς. Εδώ, θα χρησιμοποιήσουμε το wikiHow, το φόρουμ wikiHow και το iGoogle.
Βήμα 2. Αφού δημιουργήσετε την εικόνα, (ή ανοίξετε την), μεταβείτε στα Φίλτρα >> Ιστός >> ImageMap
Η οθόνη διαλόγου Gimp ImageMap
Βήμα 3. Κάντε κλικ στο ορθογώνιο στα δεξιά της οθόνης και, στη συνέχεια, επιλέξτε μία από τις εικόνες που θέλετε να χρησιμοποιήσετε
Σε αυτό το στιγμιότυπο οθόνης, επιλέγεται το wikiHow. Συμπληρώστε τις απαραίτητες πληροφορίες στην οθόνη διαλόγου που εμφανίζεται.
Κάντε κλικ στο ορθογώνιο και μπορείτε να δείτε την ακριβή θέση του γραφικού
Βήμα 4. Συνεχίστε αυτήν τη διαδικασία για τον υπόλοιπο χάρτη σας
Βήμα 5. Μόλις ολοκληρώσετε τον ορισμό όλων των περιοχών σύνδεσης, αποθηκεύστε τον χάρτη εικόνας
Το GIMP θα προσφέρει αυτόματα την αποθήκευση ως αρχείο με επέκταση.map. Εάν θέλετε, μπορείτε να το αποθηκεύσετε ως εκεί. Αλλά αυτό το αρχείο περιέχει τον κώδικα HTML (χωρίς εικόνες) που πρέπει να επεξεργαστούμε και να αντιγράψουμε στη δική μας ιστοσελίδα, επομένως συνιστάται να το αποθηκεύσετε ως [όνομα αρχείου].html και να μεταβείτε απευθείας στο βήμα 7.
Βήμα 6. Εάν δεν το έχετε αποθηκεύσει ως αρχείο HTML, βρείτε το αποθηκευμένο αρχείο και μετονομάστε την επέκταση σε.html
Ενδέχεται να λάβετε μια προειδοποίηση σχετικά με την αλλαγή των επεκτάσεων αρχείων. Κάντε κλικ στο ναι για να συνεχίσετε.
Βήμα 7. Χρησιμοποιήστε έναν επεξεργαστή κειμένου για να ανοίξετε αυτό το αρχείο HTML
Θα παρατηρήσετε ότι αυτό το αρχείο περιέχει απλώς μια λίστα συντεταγμένων και διευθύνσεων URL. Αυτός είναι ο κώδικας που λέει στο πρόγραμμα περιήγησης ποιες διευθύνσεις URL πρέπει να εκχωρήσει σε ποιο μέρος της εικόνας σας.
Βήμα 8. Βεβαιωθείτε ότι η διαδρομή αρχείου ορίζεται στο
συνδέσμους προς την εικόνα στην οποία θέλετε να αντιστοιχιστούν οι διευθύνσεις URL.
Η μη σωστή επισήμανση στην εικόνα μπορεί να οδηγήσει σε καμία απολύτως εμφάνιση εικόνας.
Βήμα 9. ΠΡΟΑΙΡΕΤΙΚΟ:
Χρησιμοποιήστε ένα πρόγραμμα περιήγησης για να ανοίξετε το αρχείο HTML. αν όλα λειτουργούν, θα πρέπει να δείτε την εικόνα με όλες τις διευθύνσεις URL αντιστοιχισμένες σύμφωνα με τις περιοχές που ορίσατε.
Βήμα 10. Προσθέστε τον χάρτη εικόνας στην HTML της ιστοσελίδας σας
Θα χρειαστεί να αντιγράψετε ΟΛΕΣ τις γραμμές κώδικα που βλέπετε, συμπεριλαμβανομένου του
ετικέτα (που καθορίζει τη διαδρομή προς την εικόνα προέλευσης) και όλα μεταξύ των ετικετών. Αυτό είναι! Τελείωσες.