Təsvir xəritələrindən faydalanma və çatışmazlıqlar
Bir çox saytın "image xəritələri" kimi tanınan bir xüsusiyyət istifadə etdiyi veb dizayn tarixində bir nöqtə var idi. Bir səhifədə xüsusi bir görüntüyə əlavə edilmiş koordinatların siyahısı. Bu koordinatlar, hər birinin müxtəlif yerlərə keçid üçün kodlaşdırıla biləcəyi bir qrafikə "isti ləkələr" əlavə etməklə, bu təsvirdə köprü sahələri yaratır. Yalnız bir şəkil üçün bir keçid etiketi əlavə etməkdən çox fərqlidir ki, bu, bütün qrafanın birbaşa təyinat üçün böyük bir keçid olmasına səbəb olacaqdır.
Nümunələr - Amerika Birləşmiş Ştatlarının bir görüntüsü olan bir qrafik faylını təsəvvür edin. Əgər hər bir dövlətin "tıklanabilir" olmasını istəyirsənsə, o xüsusi dövlət haqqında səhifələrə getmək üçün bunu bir görüntü xəritəsi ilə edə bilərsiniz. Eyni şəkildə, bir musiqi qrupunun görüntüsünüz varsa, hər bir fərdi üzvün bu qrup üzvü ilə bağlı sonrakı səhifəyə tıklana bilməsi üçün bir görüntü xəritəsi istifadə edə bilərsiniz.
Təsvir xəritələri faydalıdırmı? Əlbəttə ki, onlar idi, ancaq bugünkü Web-də xeyli faydalanıblar. Bu, ən azı qismən, çünki xəritələr işə uyğun koordinatları tələb edir. Saytlar bu gün ekran və ya cihazın ölçüsünə əsaslanaraq məsuliyyət daşımaq və şəkillər ölçüsü qurmaq üçün yaradılmışdır . Bu, əvvəlcədən təyin edilmiş koordinatları göstərir ki, şəkillər hansı şəkildə işlədiyini göstərir, bir sayt tərəzi və şəkillər ölçüsünü dəyişdikdə düşür. Bu gün görüntü xəritələri məhsullar saytlarında nadir hallarda istifadə olunur, ancaq hələ də bir səhifənin ölçüsünü zorlayan demo və ya nümunələr üçün üstünlüklər var.
Dreamweaver ilə necə bir şəkil xəritəsi yaratmaq üçün, xüsusilə də necə öyrənmək istəyirsiniz? . Bu proses xüsusilə çətin deyil, amma bu asan deyil, buna görə başlamazdan əvvəl bəzi təcrübələriniz olmalıdır.
Başlanğıc
Gəlin başlayaq. İlk etməli olduğunuz veb səhifəyə bir şəkil əlavə etməkdir. Daha sonra onu vurğulamaq üçün görüntüyə vurun. Oradan, xüsusiyyətlər menyusuna girməlisiniz (və üç qaynar xətt çəkmə vasitələrindən birini seçin: dikdörtgen, dairə və ya çoxbucaqlı. Təsvirin adını unutmağı unutmayın, bu da əmlak çubuğunda edə bilərsiniz. İstədiyiniz bir şey. Məsələn, "xəritə" istifadə edin.
İndi, bu vasitələrdən birini istifadə edərək, istədiyiniz şəkli çəkin. Düzbucaqlı ləkələrə ehtiyacınız varsa, düzbucaqlı istifadə edin. Dairə ilə eynidır. Daha mürəkkəb isti nöqtəsi formasını istəsəniz, poliqonu istifadə edin. Bu, ABŞ xəritəsinin nümunəsində istifadə edə biləcəyiniz şeydir, çünki çoxbucaqlı nöqtələrə düşmək və təsvir üzərində çox mürəkkəb və düzensiz şəkillər yarada biləcəkdir
Hotspot üçün xüsusiyyətlər pəncərəsində, istifadənin əlaqəli olduğu səhifəyə daxil edin və ya göz atın. Bu, bir-birinə bənzəyir. Xəritə bitdikdən sonra istənilən nöqtələr əlavə edin və əlavə etmək istədiyiniz bütün əlaqələr əlavə olundu.
İşiniz bitdikdən sonra düzgün işlədiyinə əmin olmaq üçün görünüşünüzü brauzerinizdə rölyef edin. Müvafiq resurs və ya veb səhifəyə çatdıqdan əmin olmaq üçün hər bir linki vurun.
Image Maps'in dezavantajları
Bir daha, görüntü xəritələrinin həssas saytlar ilə birlikdə yuxarıda göstərilən dəstək çatışmazlığından kənar bir neçə üstünlükləri olduğuna diqqət yetirin. Fırtınalar, kiçik detallar bir görüntü xəritəsində qaranlıq ola bilər. Məsələn, coğrafi görüntü xəritələr bir istifadəçinin hansı qitənin olduğunu müəyyən etməyə kömək edə bilər, lakin bu xəritələr istifadəçinin mənşə ölkəsini dəqiqləşdirmək üçün kifayət qədər ətraflı ola bilməz. Bu bir görüntü xəritəsi, bir istifadəçinin Asiyadan olub-olmadığını, xüsusilə də Kambocadan deyil, müəyyənləşdirilməsinə kömək edə bilər.
Image xəritələr də yavaş yükləyə bilər. Veb sayta bir neçə dəfə istifadə edilməməlidir, çünki onlar bir veb saytın hər bir səhifəsində istifadə üçün çox yer tuturlar. Bir səhifədə çox sayda şəkil xəritələri ciddi bir darboğaz və saytın performansına böyük təsir göstərə bilər.
Nəhayət, görmə problemləri olan istifadəçilər üçün görüntü xəritələri asan olmaya bilər. Görünüş xəritələrini istifadə etsəniz, alternativ olaraq bu istifadəçilər üçün başqa bir naviqasiya sistemi də yaratmalısınız.
Aşağı xətt
Dizaynın tez bir demosunu və necə işlədiyini bir araya gətirmək üçün zaman zaman görüntü xəritələrini istifadə edirəm. Məsələn, mobil tətbiq üçün bir dizaynı lağlaya bilərəm və tətbiqin interaktivliyini simulyasiya etmək üçün istiot nöqtələri yaratmaq üçün görüntü xəritələrindən istifadə etmək istəyirəm. Bu, kodu kodlaşdırmaqdan və hətta HTML və CSS ilə hazırkı standartlara uyğun tikilmiş veb səhifələr yaratmaqdan daha asandır. Bu xüsusi nümunədə və mən nə cihazı dizaynı demo edəcəyini bildiyim üçün kodunu həmin cihazla ölçüyə bilərəm, bir görüntü xəritəsi işləyir, amma onları istehsal sahəsinə və ya tətbiqinə qoymaq çox çətin və bu günün veb saytlar.
Jennifer Krynin tərəfindən hazırlanan əsər. Jeremy Girard tərəfindən 9/7/17 tarixində ediləcək.