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.
İçin dikdörtgen , sadece sol üst ve alt sağ 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 yazacaksınız 0,0,10,15. Daha sonra haritaya dahil edersiniz:
İçin çokgen , her bir harita x, y ayrı ayrı koordine et. Web tarayıcısı, sonuncu koordinat kümesini otomatik olarak ilk olarak bağlar; Bu koordinatların içindeki her şey haritanın bir parçasıdır.
Daire şekiller yalnızca dikdörtgen gibi iki koordinat gerektirir, ancak ikinci koordinat için, dairenin merkezinden yarıçapı veya uzaklığı belirtirsiniz. Yani, 122,122 de merkezi ve 5 yarıçaplı bir daire için 122,122,5 yazarsınız:
Tüm alan ve şekiller aynı harita etiketine eklenebilir:
hususlar
Resim haritaları, 1990'ların Web 1.0 dönemi boyunca 2000'li yılların başlarına kadar çok daha yaygındı - görüntü haritaları genellikle bir web sitesinin navigasyonunun temelini oluşturdu. Bir tasarımcı menü öğelerini göstermek için bir çeşit resim oluşturacak, ardından bir harita ayarlayacaktır.
Modern yaklaşımlar, duyarlı tasarımı teşvik eder ve bir sayfadaki görüntülerin ve köprülerin yerleşimini kontrol etmek için basamaklı stil sayfalarını kullanır.
Harita etiketi HTML standardında hala desteklense de, küçük form faktörlerine sahip mobil cihazların kullanımı, görüntü haritalarında beklenmedik performans sorunlarına yol açabilir. Ek olarak, bant genişliği sorunları veya kırılmış görüntüler bir görüntü haritasının değerini yansıtır.
Bu nedenle, şu anda daha kararlı alternatiflerin olduğunu bilerek, bu istikrarlı, iyi anlaşılmış teknolojiyi kullanmaya devam etmekte özgürsünüz. en vogue Web tasarımcıları ile.
