Bilinmesi Gerekenler
• Tarayıcının yeniden ölçeklendirmeyeceği normal boyutlu bir resim kullanın. Ayrıca bir resim düzenleyiciye ve bir HTML veya metin düzenleyiciye ihtiyacınız olacak.
• Resmi eklerken, haritanın koordinatlarını tanımlamak için fazladan bir nitelik ekleyin.
• Örneğin:
Bu makale, bir resim haritası düzenleyicisi yerine HTML etiketlerini kullanarak Resim Haritalarının nasıl oluşturulacağını açıklar. Çoğu görüntü düzenleyici, görüntünün üzerine geldiğinizde farenizin koordinatlarını gösterir; bu, görüntü haritalarına başlamak için ihtiyacınız olan tüm verilerdir.
Görüntü Haritası Oluşturma
Görüntü haritası oluşturmak için önce haritanın temeli olacak bir görüntü seçin. Resim "normal boyutta" olmalıdır - yani, tarayıcının ölçekleyebileceği kadar büyük bir resim kullanmamalısınız.
Görüntüyü eklediğinizde, haritanın koordinatlarını tanımlayan fazladan bir özellik ekleyeceksiniz:
Bir görüntü haritası oluşturduğunuzda, görüntü üzerinde tıklanabilir bir alan oluşturmuş olursunuz, bu nedenle haritanın koordinatları seçtiğiniz görüntünün yüksekliği ve genişliği ile aynı hizada olmalıdır. Haritalar, üç farklı şekil türünü destekler:
- dikdörtgen veya dört kenarlı şekil
- poli-çokgen veya çok taraflı şekil
- daire-bir daire
Alanları oluşturmak için, haritalamayı düşündüğünüz belirli koordinatları ayırmanız gerekir. Bir harita, görüntü üzerinde tıklandığında yeni bir köprü açan bir veya daha fazla tanımlı alandan oluşabilir.
Dikdörtgen için yalnızca sol üst ve sağ alt köşeleri eşlersiniz. Tüm koordinatlar x, y (üst, yukarı) olarak listelenir. Bu nedenle, sol üst köşe 0, 0 ve sağ alt köşe 10, 15 için 0, 0, 10, 15 yazarsınız. Daha sonra onu haritaya dahil edersiniz:
Bir çokgen için, her x, y koordinatını ayrı eşlersiniz. Web tarayıcısı, son koordinat kümesini ilkine otomatik olarak bağlar; bu koordinatların içindeki her şey haritanın bir parçasıdır.
Daire şekilleri, dikdörtgen gibi yalnızca iki koordinat gerektirir, ancak ikinci koordinat için yarıçapı veya dairenin merkezine olan uzaklığı siz belirlersiniz. Yani, merkezi 122, 122 ve yarıçapı 5 olan bir daire için 122, 122, 5: yazarsınız.
Tüm alanlar ve şekiller aynı harita etiketine dahil edilebilir:
Düşünceler
Görüntü haritaları, 1990'ların Web 1.0 döneminde ve 2000'lerin başlarında çok daha yaygındı; görüntü haritaları genellikle bir web sitesinin navigasyonunun temelini oluşturuyordu. Bir tasarımcı, menü öğelerini belirtmek için bir tür resim oluşturur ve ardından bir harita oluşturur.
Modern yaklaşımlar, duyarlı tasarımı teşvik eder ve bir sayfadaki resimlerin ve köprülerin yerleşimini kontrol etmek için basamaklı stil sayfaları kullanır.
Harita etiketi HTML standardında hala destekleniyor olsa da, küçük form faktörlerine sahip mobil cihazların kullanımı, görüntü haritalarında beklenmeyen performans sorunlarına yol açabilir. Ayrıca, bant genişliği sorunları veya bozuk görüntüler, bir görüntü haritasının değerini düşürür.
Öyleyse, şu anda Web tasarımcıları arasında moda olan daha verimli alternatifler olduğunu bilerek bu istikrarlı, iyi anlaşılmış teknolojiyi kullanmaya devam etmekten çekinmeyin.
