Image Map Editatoru olmadan Image Maps qururuq

Image Xəritələr sadəcə html teqləridir

Şəkil xəritələri, Web saytınızı canlandırmaq üçün maraqlı və maraqlı bir yoldur - onlarla birlikdə şəkilləri yükləyə və digər online aktivlərə tıklana bilən bu şəkillərin parçalarını qura bilərsiniz. Bir çimdik olduğunuzda və bir şəkil xəritəsi redaktorunu yükləmək istəmirsinizsə, HTML etiketlərindən istifadə edərək xəritə yaratmaq düzdür.

Bir şəkil, bir şəkil redaktoru və bir neçə HTML redaktoru və ya mətn redaktoruna ehtiyacınız var. Ən çox şəkil redaktorları görüntüyə işarə etdiyiniz zaman siçanınızın koordinatlarını göstərəcəkdir. Bu koordinat məlumatları, görüntü xəritələrinə başlamaq üçün lazım olan hər şeydir.

Bir Image Map yaradılması

Bir görüntü xəritəsini yaratmaq üçün, əvvəlcə xəritənin əsasını təşkil edən bir şəkil seçin. Təsvir "normal ölçülü" olmalıdır, yəni brauzerin miqyasını ölçmək üçün belə bir şəkil istifadə etməməlisiniz.

Görüntüyü daxil etdikdə, xəritə koordinatlarını müəyyən edən əlavə bir xüsusiyyət əlavə edəcəyik:

Bir görüntü xəritəsini yaratdığınızda, görüntünün tıklanabilir bir sahəsi yaratsanız, xəritə koordinatları seçdiyiniz görüntünün yüksəkliyi və genişliyi ilə uyğun olmalıdır. Xəritələr üç müxtəlif formada dəstək verir:

Bölgələri yaratmaq üçün xəritədə göstərdiyiniz xüsusi koordinatları təcrid etməlisiniz. Xəritədə tıklandığında yeni bir köprü açmaq üçün bir və ya daha çox müəyyən edilmiş sahələrdən ibarət ola bilər.

Bir düzbucaqlı üçün , yalnız sol üst və aşağı sağ küncləri xəritələşdirirsiniz. Bütün koordinatlar x, y (yuxarı, yuxarı) olaraq verilmişdir. Beləliklə, yuxarı sol küncdə 0,0 və aşağı sağ küncdə 10,15 üçün 0,0,10,15 yaza bilərsiniz. Daha sonra xəritəyə əlavə edin:

Çoxbucaq üçün hər bir x, y əlaqələndirirsiniz. Veb brauzer ilk növbədə son koordinat dəstini birləşdirir; Bu koordinatlar içərisində bir şey xəritə xaricindədir.

Dairəvi şəkillər yalnız düzbucaqlı kimi iki koordinat tələb edir, lakin ikinci koordinat üçün dairənin mərkəzindən radius və ya məsafə müəyyənləşdirirsiniz. Beləliklə, mərkəzi 122,122 ilə bir dairə və 5 radius üçün 122,122,5 yaza bilərsiniz:

Bütün sahələr və şekiller eyni xəritə etiketinə daxil edilə bilər:

Hissələri

1990-cı illərin veb-1.0 dövründə təsvir xəritələri daha çox yayılmışdır. 2000-ci illərin əvvəllərində təsvir xəritələri tez-tez bir veb saytın naviqasiyasının əsasını təşkil etmişdir. Dizayner menyu elementlərini göstərmək üçün bir sıra şəkil yaratdı, sonra xəritəni qurdu.

Müasir yanaşmalar həssas dizaynı təşviq edir və şəkillər və hiperlinklərin yerləşdirilməsinə nəzarət etmək üçün cascading stillərdən istifadə edirlər.

Xəritə etiketi HTML standartında hələ də dəstəklənsə də, kiçik formalı faktorları olan mobil cihazların istifadəsi görüntü xəritələri ilə gözlənilməz performans problemlərinə səbəb ola bilər. Bundan əlavə, bant genişliyi problemləri və ya qırılan şəkillər bir şəkil xəritəsinin dəyərini çəkir.

Beləliklə, bu stabil, yaxşı başa düşülmüş texnologiyadan istifadə etməkdən çəkinməyin, çünki hazırda Web dizaynçıları ilə daha yaxşı alternativlər var.