Si të ndërtoni harta imazhi pa një redaktues hartash imazhi

Përmbajtje:

Si të ndërtoni harta imazhi pa një redaktues hartash imazhi
Si të ndërtoni harta imazhi pa një redaktues hartash imazhi
Anonim

Çfarë duhet të dini

• Përdorni një imazh me madhësi normale që shfletuesi nuk do ta rivlerësojë. Do t'ju duhet gjithashtu një redaktues imazhi dhe një redaktues HTML ose teksti.

• Kur futni imazhin, shtoni një atribut shtesë për të identifikuar koordinatat e hartës.

• Për shembull:

Ky artikull shpjegon se si të krijoni Hartat e imazheve duke përdorur etiketat HTML në vend të një redaktuesi të hartës së imazheve. Shumica e redaktuesve të imazheve do t'ju tregojnë koordinatat e miut kur të tregoni imazhin, që janë të gjitha të dhënat që ju nevojiten për të filluar me hartat e imazheve.

Image
Image

Krijimi i një harte imazhi

Për të krijuar një hartë imazhi, së pari zgjidhni një imazh që do të shërbejë si bazë e hartës. Imazhi duhet të jetë "madhësi normale" - domethënë, nuk duhet të përdorni një imazh kaq të madh sa që shfletuesi ta shkallëzojë atë.

Kur futni imazhin, do të shtoni një atribut shtesë që identifikon koordinatat e hartës:

Kur krijoni një hartë imazhi, po krijoni një zonë që mund të klikohet në imazh, kështu që koordinatat e hartës duhet të përputhen me lartësinë dhe gjerësinë e imazhit që keni zgjedhur. Hartat mbështesin tre lloje të ndryshme formash:

  • rect-një drejtkëndësh ose figurë me katër anë
  • poligon-një shumëkëndësh ose figurë me shumë anë
  • rreth-një rreth

Për të krijuar zonat, duhet të izoloni koordinatat specifike që synoni të hartoni. Një hartë mund të përbëhet nga një ose më shumë zona të përcaktuara në imazh që, kur klikohen, hapin një lidhje të re.

Për një drejtkëndësh, ju hartoni vetëm këndin e sipërm majtas dhe poshtë djathtas. Të gjitha koordinatat renditen si x, y (mbi, lart). Pra, për këndin e sipërm të majtë 0, 0 dhe këndin e poshtëm djathtas 10, 15, do të shkruani 0, 0, 10, 15. Më pas e përfshini në hartë:

Për një shumëkëndësh, ju hartoni çdo koordinatë x, y veçmas. Shfletuesi i internetit lidh automatikisht grupin e fundit të koordinatave me të parën; çdo gjë brenda këtyre koordinatave është pjesë e hartës.

Format e rrethit kërkojnë vetëm dy koordinata, si drejtkëndëshi, por për koordinatën e dytë, ju specifikoni rrezen ose distancën nga qendra e rrethit. Pra, për një rreth me qendër në 122, 122 dhe një rreze 5, do të shkruani 122, 122, 5:

Të gjitha zonat dhe format mund të përfshihen në të njëjtën etiketë harte:


Konsiderata

Hartat e imazheve ishin shumë më të zakonshme në epokën e Web 1.0 të viteve 1990 deri në fillim të viteve 2000-hartat e imazheve shpesh formonin bazën e navigimit të një faqe interneti. Një projektues do të krijonte një lloj fotografie për të treguar artikujt e menusë, më pas do të vendoste një hartë.

Qasjet moderne inkurajojnë dizajn të përgjegjshëm dhe përdorin fletë stili kaskadë për të kontrolluar vendosjen e imazheve dhe hiperlidhjeve në një faqe.

Megjithëse etiketa e hartës mbështetet ende në standardin HTML, përdorimi i pajisjeve celulare me faktorë të vegjël formash mund të çojë në probleme të papritura të performancës me hartat e imazheve. Përveç kësaj, problemet e gjerësisë së brezit ose imazhet e prishura hedhin poshtë vlerën e një harte imazhi.

Pra, mos ngurroni të vazhdoni të përdorni këtë teknologji të qëndrueshme, të mirëkuptuar - duke ditur se ka alternativa më efikase aktualisht në modë me dizajnerët e uebit.

Recommended: