A existat un punct în istoria designului web, unde multe site-uri au folosit o caracteristică cunoscută sub numele de "hărți de imagini". Aceasta este o listă de coordonate atașate la o anumită imagine dintr-o pagină. Aceste coordonate creează zone de hyperlink pe acea imagine, adăugând esențial "puncte fierbinți" la un grafic, fiecare dintre acestea putând fi codificate pentru a lega diferite locuri. Acest lucru este mult diferit de adăugarea unei etichete de legătură într-o imagine, ceea ce ar face ca întregul grafic să devină un link mare către o singură destinație.
Exemple: Imaginați-vă că aveți un fișier grafic cu o imagine a Statelor Unite. Dacă doriți ca fiecare stat să fie "clicabil", astfel încât să meargă la pagini despre acea stare specifică, puteți face acest lucru cu o hartă de imagini. În mod similar, dacă ai avea o imagine a unei trupe muzicale, poți folosi o hartă de imagini pentru a putea fi clic pe fiecare membru în parte pentru o pagină ulterioară despre acel membru al trupei.
Efectuați hărțile imaginii utile? Cu siguranță au fost, dar au scăpat de favoarea pe Web-ul de astăzi. Aceasta este, cel puțin în parte, deoarece hărțile de imagini necesită coordonate specifice pentru a funcționa. Site-urile de astăzi sunt construite pentru a fi capabile să răspundă și să scadă imagini pe baza dimensiunii unui ecran sau a unui dispozitiv. Aceasta înseamnă că coordonatele prestabilite, care este modul în care funcționează hărțile imaginilor, se diminuează atunci când un site se măsoară și imaginile își schimbă dimensiunea. Acesta este motivul pentru care hărțile de imagine sunt rareori utilizate pe site-urile de producție de astăzi, dar ele încă mai au avantaje pentru demonstrații sau cazuri în care forțați dimensiunea unei pagini.
Doriți să știți cum să creați o hartă de imagini, în special cum să faceți acest lucru cu Dreamweaver? Procesul nu este deosebit de dificil, dar nici nu este ușor, deci ar trebui să aveți experiență înainte de a începe.
Noțiuni de bază
Să începem. Primul pas pe care trebuie să-l faceți este să adăugați o imagine pe pagina dvs. Web. Apoi faceți clic pe imagine pentru ao evidenția. De acolo, trebuie să accesați meniul de proprietăți (și să faceți clic pe unul dintre cele trei instrumente de desenare hotspot: dreptunghi, cerc sau poligon.) Nu uitați să denumiți imaginea pe care o puteți face în bara de proprietăți. tot ce doriți. Utilizați "hartă" ca exemplu.
Acum, desenați forma dorită pe imaginea dvs. folosind unul dintre aceste instrumente. Dacă aveți nevoie de pete dreptunghiulare, utilizați dreptunghiul. Același lucru pentru cerc. Dacă doriți forme mai complexe de puncte hotspot, utilizați poligonul. Aceasta este ceea ce ați folosi probabil în exemplul hărții din SUA, deoarece poligonul vă va permite să renunțați la puncte și să creați forme foarte complexe și neregulate pe imagine
În fereastra de proprietăți pentru hotspot, introduceți sau răsfoiți pagina la care ar trebui să facă legătura cu hotspot-ul. Aceasta este ceea ce creează acea zonă care poate fi legată. Continuați să adăugați puncte fierbinți până când harta dvs. este completă și toate linkurile pe care doriți să le adăugați au fost adăugate.
După ce ați terminat, revizuiți harta imaginii într-un browser pentru a vă asigura că funcționează corect. Faceți clic pe fiecare legătură pentru a vă asigura că merge la pagina corespunzătoare a resursei sau paginii web.
Dezavantaje ale hărților imagine
Încă o dată, să fiți conștienți de faptul că hărțile de imagini au mai multe dezavantaje, chiar și în afara lipsei de susținere menționate anterior cu site-uri web receptive. În primul rând, detaliile mici pot fi ascunse într-o hartă de imagini. De exemplu, hărțile imaginilor geografice pot ajuta la determinarea acelui continent pe care este un utilizator, dar aceste hărți pot să nu fie suficient de detaliate pentru a indica țara de origine a utilizatorului. Aceasta înseamnă că o hartă a imaginii poate ajuta să se determine dacă un utilizator este din Asia, dar nu din Cambodgia în special.
Hărțile imaginilor se pot încărca încet. Acestea nu ar trebui să fie folosite de mai multe ori pe un site web deoarece ocupă prea mult spațiu pentru a fi utilizate pe fiecare pagină a unui site web. Prea multe hărți de imagini pe o singură pagină ar crea un blocaj serios și un impact masiv asupra performanței site-ului.
În cele din urmă, este posibil ca hărțile de imagini să nu fie ușor pentru utilizatorii cu probleme vizuale de accesat. Dacă ați folosit hărțile de imagini, ar trebui să creați un alt sistem de navigare pentru acești utilizatori ca o alternativă.
Linia de fund
Utilizați hărți imagine din timp în timp atunci când încercați să puneți împreună un demo rapid al unui design și cum funcționează. De exemplu, dacă bateți un design pentru o aplicație mobilă și doriți să utilizați hărți imagine pentru a crea puncte hotspot pentru a simula interactivitatea aplicației. Acest lucru este mult mai ușor de făcut decât ar fi codarea aplicației sau chiar construirea de pagini web fictive, construite conform standardelor actuale, cu HTML și CSS. Dar punerea lor într-un site sau o aplicație de producție este foarte dificilă și ar trebui probabil evitată pe site-urile de astăzi.
