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

Mape slika su jednostavno HTML oznake

Mape slika predstavljaju uzbudljiv i zanimljiv način za oživljavanje vaše web stranice - s njima, možete otpremiti slike i dijeliti te slike klikom na druge online imovine. Ako ste u šipku i ne želite da preuzmete uredjaj za mape slika, stvaranje mape pomoću HTML oznaka je jednostavno.

Trebaće vam slika, uređivač slika i neka vrsta HTML uređivača ili teksta. Većina uređivača slike će vam pokazati koordinate miša kada upišete sliku. Ovi koordinatni podaci su sve što vam treba da započnete sa mapama slika.

Kreiranje Mape slike

Da biste kreirali mapu slika, prvo izaberite sliku koja će poslužiti kao osnova za mapu. Slika bi trebala biti "normalna veličina" - to jest, ne biste trebali koristiti sliku toliko veliku da će ga pregledač razmjeriti.

Kada ubacite sliku, dodate ćete dodatni atribut koji identifikuje koordinate mape:

Kada kreirate mapu slika, kreirate područje koje se može kliknuti na slici, tako da koordinate mape moraju biti u skladu sa visinom i širinom slike koju ste odabrali. Mape podržavaju tri različite vrste oblika:

Da biste kreirali područja, morate izolovati određene koordinate koje nameravate da mapirate. Mapa može se sastojati od jedne ili više definisanih područja na slici koja, kada se klikne, otvori novu hipervezu.

Za pravougaonik , mapirate samo gornje leve i donje desne uglove. Sve koordinate su navedene kao x, y (preko, gore). Dakle, za gornjem lijevom uglu 0,0 i donjem desnom uglu 10,15 tipkali biste 0,0,10,15 . Zatim ga uključite u mapu:

"Morris"

Za poligon , mapirate svaki x, y koordinate odvojeno. Web pretraživač automatski povezuje zadnji skup koordinata sa prvim; bilo šta unutar ove koordinate je deo mape.

"Garfield"

Oblici kruga zahtevaju samo dve koordinate, kao što je pravougaonik, ali za drugu koordinatu određujete radijus ili rastojanje od centra kruga. Dakle, za krug sa centrom na 122,122 i radijusom od 5, napisali biste 122,122,5:

"Catbert"

Sve oblasti i oblici mogu biti uključeni u istu mapu:

"Morris"

Razmatranja

Karte za slike su bile mnogo češće u Web 1.0 verziji devedesetih godina prošlog veka, pa su karte ranih 2000-ih često bile osnova za navigaciju sajta. Dizajner bi stvorio neku vrstu slike za označavanje stavki menija, zatim postaviti mapu.

Savremeni pristupi podstiču odgovarajući dizajn i koriste kaskadne stilske listove kako bi kontrolisali postavljanje slika i hiperlinkova na stranici.

Iako je oznaka karte i dalje podržana u HTML standardu, korišćenje mobilnih uređaja sa malim formularima može dovesti do neočekivanih problema sa performansama pomoću mapa slika. Pored toga, problemi sa propusnim opsegom ili slomljenim slikama pomeraju vrednost mape slika.

Dakle, slobodno nastavite da koristite ovu stabilnu, dobro razumljivu tehnologiju - znajući da postoje efikasnije alternative koje su trenutno u modi sa web dizajnerima.