Οι χάρτες εικόνων είναι απλά απλές ετικέτες HTML
Οι χάρτες εικόνων είναι ένας συναρπαστικός και ενδιαφέρουσα τρόπος για να ζωντανέψετε τον ιστότοπό σας-μαζί τους, μπορείτε να ανεβάσετε εικόνες και να κάνετε τμήματα αυτών των εικόνων με δυνατότητα κλικ σε άλλα ηλεκτρονικά στοιχεία. Αν είστε σε ένα τσίμπημα και δεν θέλετε να κατεβάσετε έναν επεξεργαστή χαρτών εικόνων, η δημιουργία ενός χάρτη χρησιμοποιώντας ετικέτες HTML είναι απλή.
Θα χρειαστείτε μια εικόνα, έναν επεξεργαστή εικόνων και κάποιο είδος επεξεργαστή HTML ή επεξεργαστή κειμένου. Οι περισσότεροι συντάκτες εικόνων θα σας δείξουν τις συντεταγμένες του ποντικιού σας όταν εστιάζετε στην εικόνα. Αυτά τα δεδομένα συντονισμού είναι όλα όσα χρειάζεστε για να ξεκινήσετε με χάρτες εικόνων.
Δημιουργία χάρτη εικόνας
Για να δημιουργήσετε έναν χάρτη εικόνας, επιλέξτε πρώτα μια εικόνα που θα χρησιμεύσει ως βάση του χάρτη. Η εικόνα θα πρέπει να είναι "κανονικό μέγεθος" -δηλαδή, δεν πρέπει να χρησιμοποιήσετε μια εικόνα τόσο μεγάλη ώστε το πρόγραμμα περιήγησης να το μεγεθύνει.
Όταν εισάγετε την εικόνα, θα προσθέσετε ένα επιπλέον χαρακτηριστικό που προσδιορίζει τις συντεταγμένες του χάρτη:
Όταν δημιουργείτε έναν χάρτη εικόνων, δημιουργείτε μια περιοχή στην οποία μπορείτε να κάνετε κλικ με την εικόνα, έτσι ώστε οι συντεταγμένες του χάρτη πρέπει να ευθυγραμμιστούν με το ύψος και το πλάτος της εικόνας που επιλέξατε. Οι χάρτες υποστηρίζουν τρεις διαφορετικούς τύπους σχημάτων:
- ορθογώνιο ή τετράπλευρο σχήμα
- πολυ-πολύγωνο ή πολλαπλών όψεων
- κύκλος - ένας κύκλος
Για να δημιουργήσετε τις περιοχές, πρέπει να απομονώσετε τις συγκεκριμένες συντεταγμένες που σκοπεύετε να χαρτογραφήσετε. Ένας χάρτης μπορεί να αποτελείται από μία ή περισσότερες οριζόμενες περιοχές στην εικόνα που, όταν πατηθεί, ανοίγει μια νέα υπερσύνδεση.
Για ένα ορθογώνιο , γράφετε μόνο τις επάνω και κάτω δεξιά γωνίες. Όλες οι συντεταγμένες παρατίθενται ως x, y (πάνω, πάνω). Έτσι, για την επάνω αριστερή γωνία 0,0 και την κάτω δεξιά γωνία 10,15 θα πληκτρολογήσετε 0,0,10,15 . Τότε το συμπεριλαμβάνεις στο χάρτη: