Šta treba znati
• Koristite sliku normalne veličine koju pretraživač neće promijeniti veličinu. Također će vam trebati uređivač slika i HTML ili tekst editor.
• Prilikom umetanja slike dodajte dodatni atribut za identifikaciju koordinata karte.
• Na primjer:
Ovaj članak objašnjava kako kreirati mape slika koristeći HTML oznake umjesto uređivača mapa slika. Većina uređivača slika će vam pokazati koordinate vašeg miša kada pokažete na sliku, što su svi podaci koji su vam potrebni za početak rada sa mapama slika.
Kreiranje mape slike
Da biste kreirali mapu slike, prvo odaberite sliku koja će poslužiti kao osnova mape. Slika bi trebala biti "normalne veličine" - to jest, ne biste trebali koristiti sliku toliko veliku da će je pretraživač skalirati.
Kada umetnete sliku, dodaćete dodatni atribut koji identifikuje koordinate mape:
Kada kreirate mapu slike, kreirate oblast na koju se može kliknuti na slici, tako da koordinate karte moraju biti u skladu sa visinom i širinom slike koju ste odabrali. Mape podržavaju tri različite vrste oblika:
- pravougaonik-pravougaonik ili četverostrana figura
- poligon-poligon ili višestrana figura
- krug-krug
Da biste kreirali područja, morate izolirati specifične koordinate koje namjeravate mapirati. Mapa se može sastojati od jednog ili više definiranih područja na slici koja, kada se klikne, otvara novu hipervezu.
Za pravougaonik, mapirate samo gornji lijevi i donji desni kut. Sve koordinate su navedene kao x, y (preko, gore). Dakle, za gornji lijevi ugao 0, 0 i donji desni ugao 10, 15 ukucali biste 0, 0, 10, 15. Zatim ga uključite u mapu:
Za poligon, vi mapirate svaku x, y koordinatu zasebno. Web pretraživač automatski povezuje poslednji skup koordinata sa prvim; sve unutar ovih koordinata je dio mape.
Oblici kruga zahtijevaju samo dvije koordinate, kao što je pravougaonik, ali za drugu koordinatu određujete radijus ili udaljenost od centra kruga. Dakle, za krug sa centrom na 122, 122 i radijusom od 5 napisali biste 122, 122, 5:
Sve oblasti i oblici mogu biti uključeni u istu oznaku karte:
Razmatranja
Slikovne mape su bile mnogo češće u Web 1.0 eri 1990-ih do ranih 2000-ih - mape slika su često činile osnovu navigacije web stranice. Dizajner bi kreirao neku vrstu slike da označi stavke menija, a zatim bi postavio mapu.
Moderni pristupi potiču responzivni dizajn i koriste kaskadne stilove za kontrolu postavljanja slika i hiperlinkova na stranici.
Iako je oznaka mape i dalje podržana u HTML standardu, upotreba mobilnih uređaja sa malim faktorima oblika može dovesti do neočekivanih problema sa performansama sa slikovnim mapama. Osim toga, problemi sa propusnim opsegom ili pokvarene slike osporavaju vrijednost mape slike.
Zato, slobodno nastavite da koristite ovu stabilnu, dobro shvaćenu tehnologiju - znajući da postoje efikasnije alternative koje su trenutno u modi kod web dizajnera.
