Görüntü Haritaları Sadece Basit HTML Etiketleridir
Resim haritaları, Web sitenizi canlandırmanın heyecan verici ve ilginç bir yoludur - onlarla, görüntüleri yükleyebilir ve bu görüntülerin parçalarını diğer çevrimiçi varlıklara tıklanabilir yapabilirsiniz. Bir çimdikleyeyseniz ve bir resim haritası düzenleyicisi indirmek istemiyorsanız, HTML etiketlerini kullanarak bir harita oluşturmak basittir.
Bir görüntüye, bir resim düzenleyicisine ve bir çeşit HTML editörüne veya metin düzenleyicisine ihtiyacınız olacak. Görüntü editörlerinin çoğu, görüntüye işaret ettiğinizde farenizin koordinatlarını gösterecektir. Bu koordinat verileri, görüntü haritalarına başlamak için ihtiyacınız olan tek şey.
Bir Görüntü Haritası Oluşturma
Bir görüntü haritası oluşturmak için, öncelikle haritanın temeli olarak kullanılacak bir görüntü seçin. Görüntü "normal boyut" olmalıdır - yani, tarayıcıyı ölçekleyecek kadar büyük bir görüntü kullanmamalısınız.
Resmi eklediğinizde haritanın koordinatlarını tanımlayan ek bir özellik eklersiniz:
Bir görüntü haritası oluşturduğunuzda, görüntü üzerinde tıklanabilir bir alan yaratıyorsunuz, bu yüzden haritanın koordinatları seçtiğiniz resmin yüksekliğini ve genişliğini ayarlamalıdır. Haritalar üç farklı şekil türünü destekler:
- rect - dikdörtgen veya dört taraflı şekil
- poly — çokgen veya çok taraflı şekil
- daire - daire
Alanları oluşturmak için, eşlemek istediğiniz belirli koordinatları izole etmelisiniz. Bir harita, resmin üzerine tıklandığında yeni bir köprü açacak şekilde tanımlanmış bir veya daha fazla alandan oluşabilir.
Bir dikdörtgen için , sadece sol üst ve sağ alt köşeleri eşlersiniz. Tüm koordinatlar x, y (yukarı, yukarı) olarak listelenir. Böylece, sol üst köşede 0,0 ve sağ alt köşede 10,15 0,0,10,15 yazıyorsunuz . Daha sonra haritaya dahil edersiniz: