Kako izgraditi karte slika bez uređivača mape slika

Karte za slike jednostavno su jednostavne HTML oznake

Mape slike predstavljaju uzbudljiv i zanimljiv način za oživljavanje vaše web stranice - s njima možete prenositi slike i dijelove tih slika kliknuti na drugu mrežnu imovinu. Ako ste u potezu i ne želite preuzeti uređivač karte slika, stvaranje karte pomoću HTML oznaka je jednostavna.

Trebat će vam slika, urednik slika i neka vrsta HTML uređivača ili uređivača teksta. Većina urednika slika će vam pokazati koordinate vašeg miša kada usmjerite na sliku. Ovi koordinatni podaci su sve što vam je potrebno da biste započeli s mapama slika.

Izrada karte slike

Da biste stvorili kartu slike, najprije odaberite sliku koja će poslužiti kao temelj karte. Slika bi trebala biti "normalna veličina" - to jest, ne biste trebali koristiti tako veliku sliku da će ga preglednik izmjeriti.

Kada umetnete sliku, dodat ćete dodatni atribut koji identificira koordinate karte:

Kada stvorite kartu slike, stvarate područje koje se može kliknuti na sliku, tako da koordinate karte moraju biti u skladu s visinom i širinom odabrane slike. Karte podržavaju tri različite oblike:

Da biste stvorili područja, morate izolirati određene koordinate koje namjeravate mapirati. Karta se može sastojati od jedne ili više definiranih područja na slici koja, kada se kliknu, otvori novu hipervezu.

Za pravokutnik mapirajte samo gornje lijeve i desne kutove. Sve koordinate su navedene kao x, y (više, gore). Dakle, za gornji lijevi kut 0,0 i donji desni kut 10,15 upišite 0,0,10,15 . Zatim ga uključite na kartu:

Za poligon mapiraju se svaka x, y koordinata 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 odredite polumjer ili udaljenost od središta kruga. Dakle, za krug s centrom u 122,122 i radijusu od 5 biste napisali 122,122,5:

Sva područja i oblici mogu biti uključeni u istu kartičnu oznaku:

Razmatranja

Mape slike bile su mnogo češće u vremenu Web 1.0 iz devedesetih godina u vrlo ranim dvadesetim godinama - mape slika često su činile osnovu navigacije web stranica. Dizajner će stvoriti neku vrstu slike za označavanje stavki izbornika, a zatim postaviti kartu.

Moderni pristupi potiču odgovarajući dizajn i upotrebu kaskadnih stilskih listova za kontrolu postavljanja slika i hiperveza na stranici.

Iako je oznaka karte još uvijek podržana u HTML standardu, upotreba mobilnih uređaja s malim faktorima oblika može dovesti do neočekivanih problema s prikazivanjem karata slika. Osim toga, problemi s propusnošću ili slomljene slike potiču vrijednost karte slike.

Dakle, slobodno nastavite koristiti ovu stabilnu, dobro razumjenu tehnologiju, znajući da postoje učinkovitije alternative koje trenutno imaju modu s web dizajnerima.