Πώς μπορώ να δημιουργήσω έναν χάρτη εικόνας HTML;

Όταν ένας σύνδεσμος προστίθεται σε μια εικόνα σε γλώσσα σήμανσης HyperText (HTML), αυτός ο σύνδεσμος προστίθεται σε ολόκληρη την εικόνα.Αυτό μπορεί να είναι ένα πρόβλημα εάν ο προγραμματιστής θέλει να κάνει μία εικόνα με αρκετές περιοχές ή κουμπιά και κάθε περιοχή χρησιμοποιείται για διαφορετικό σύνδεσμο.Ένας χάρτης εικόνας HTML επιτρέπει στον προγραμματιστή να καθορίσει ορισμένες περιοχές όπου θα πάει ο σύνδεσμος, επιτρέποντάς του να ενσωματώσει αρκετούς δεσμούς σε μία εικόνα.Αυτό γίνεται με τον προσδιορισμό ενός σχήματος για το σύνδεσμο και λέγοντας στο HTML ποιες συντεταγμένες πρέπει να χρησιμοποιηθούν για το σύνδεσμο.

Οι εικόνες που χρησιμοποιούνται για το Διαδίκτυο μετριούνται σε εικονοστοιχεία.Γνωρίζοντας πόσα εικονοστοιχεία είναι στην εικόνα είναι το πρώτο ουσιαστικό βήμα για τη δημιουργία ενός χάρτη εικόνας.Για παράδειγμα, χρησιμοποιείται μια ορθογώνια εικόνα που έχει ύψος 400 εικονοστοιχείων και πλάτος 250 εικονοστοιχείων.Στη συνέχεια, ο προγραμματιστής πρέπει να γνωρίζει πώς να μετρήσει με ακρίβεια το σχήμα σε συντεταγμένες για τον χάρτη εικόνας HTML για να λειτουργήσει σωστά.Η κάτω δεξιά γωνία σε αυτή την περίπτωση θα ήταν 250.400.Οι μετρήσεις γίνονται πρώτα με το πλάτος και στη συνέχεια το ύψος.Ένας εύκολος τρόπος να σκεφτούμε είναι ότι η πρώτη μέτρηση λέει στο HTML πόσο μακριά προς τα δεξιά να πάει από το αριστερό άκρο και το δεύτερο είναι το πώς του λέει πόσα εικονοστοιχεία κάτω για να πάει.Εάν ο προγραμματιστής θέλει ένα σημείο στο χάρτη να είναι 10 εικονοστοιχεία από την αριστερή άκρη και 50 εικονοστοιχεία κάτω, οι συντεταγμένες θα είναι 10,50.και πολύγωνο.Το Rect αντιπροσωπεύει το ορθογώνιο και ο προγραμματιστής πρέπει πρώτα να πληκτρολογήσει τις συντεταγμένες για την επάνω αριστερή γωνία και στη συνέχεια στο κάτω δεξιά.Ένας κύκλος καθορίζεται πληκτρολογώντας τις συντεταγμένες όπου αρχίζει ο κύκλος και στη συνέχεια ακτίνα του κύκλου.Ένα πολύγωνο δημιουργείται με την πληκτρολόγηση και στις πέντε συντεταγμένες, από την κορυφή προς τα δεξιά.10,50,20,60 GT;15,60,13,65,8,55 gt;

Κάθε χάρτης εικόνας HTML πρέπει να έχει ένα όνομα και το τμήμα url.html είναι ο σύνδεσμος όπου η ενότητα του χάρτη εικόνας θα οδηγήσει έναν χρήστη όταν κάνει κλικ στοτο.Όταν η εικόνα τοποθετείται στον ιστότοπο με HTML, ο προγραμματιστής πρέπει να γράψει: usemap ' test.Αυτό θα πει στην εικόνα ποιος είναι ο χάρτης εικόνας HTML.