Što treba znati
• Koristite sliku normalne veličine koju preglednik neće mijenjati. Trebat će vam i uređivač slika te uređivač HTML-a ili teksta.
• Prilikom umetanja slike dodajte dodatni atribut za identifikaciju koordinata karte.
• Na primjer:
Ovaj članak objašnjava kako izraditi slikovne karte pomoću HTML oznaka umjesto uređivača slikovnih karti. Većina uređivača slika pokazat će vam koordinate vašeg miša kada pokažete na sliku, što su svi podaci koji su vam potrebni da biste započeli s mapama slika.
Stvaranje karte slika
Za izradu slikovne karte prvo odaberite sliku koja će poslužiti kao osnova karte. Slika bi trebala biti "normalne veličine" - to jest, ne biste trebali koristiti sliku toliko veliku da bi je preglednik smanjio.
Kada umetnete sliku, dodati ćete dodatni atribut koji identificira koordinate karte:
Kada stvarate slikovnu kartu, stvarate područje koje se može kliknuti na sliku, tako da koordinate karte moraju biti usklađene s visinom i širinom slike koju ste odabrali. Karte podržavaju tri različite vrste oblika:
- rect-pravokutnik ili četverostrana figura
- poly-poligon ili višestrana figura
- krug-krug
Da biste stvorili područja, morate izolirati specifične koordinate koje namjeravate mapirati. Karta se može sastojati od jednog ili više definiranih područja na slici koja, kada se klikne, otvaraju novu hipervezu.
Za pravokutnik mapirate samo gornji lijevi i donji desni kut. Sve koordinate su navedene kao x, y (preko, gore). Dakle, za gornji lijevi kut 0, 0 i donji desni kut 10, 15 upisali biste 0, 0, 10, 15. Zatim ga uključite u kartu:
Za poligon svaku x, y koordinatu mapirate zasebno. Web preglednik automatski povezuje zadnji skup koordinata s prvim; sve unutar ovih koordinata je dio karte.
Oblici kruga zahtijevaju samo dvije koordinate, poput pravokutnika, ali za drugu koordinatu morate odrediti polumjer ili udaljenost od središta kruga. Dakle, za krug sa središtem na 122, 122 i polumjerom 5 napisali biste 122, 122, 5:
Sva područja i oblici mogu biti uključeni u istu oznaku karte:
Razmatranja
Slikovne karte bile su mnogo češće u eri Weba 1.0 od 1990-ih do ranih 2000-ih - slikovne karte često su činile osnovu navigacije web stranice. Dizajner bi stvorio neku vrstu slike koja označava stavke izbornika, a zatim bi postavio kartu.
Moderni pristupi potiču responzivni dizajn i koriste kaskadne stilske listove za kontrolu postavljanja slika i hiperveza na stranici.
Iako je oznaka karte još uvijek podržana u HTML standardu, korištenje mobilnih uređaja s malim formatom može dovesti do neočekivanih problema s izvedbom slikovnih karata. Osim toga, problemi s propusnošću ili slomljene slike dovode u pitanje vrijednost mape slika.
Dakle, slobodno nastavite koristiti ovu stabilnu, dobro razumljivu tehnologiju - znajući da postoje učinkovitije alternative koje su trenutno u modi među web dizajnerima.
