Hărțile de imagini reprezintă o modalitate interesantă și interesantă de a vă îmbogăți site-ul Web - împreună cu acestea, puteți încărca imagini și puteți transforma anumite părți ale acestora într-un clic pe alte active online. Dacă vă aflați într-un vârf și nu doriți să descărcați un editor de hărți imagine, crearea unei hărți utilizând etichete HTML este simplă.
Veți avea nevoie de o imagine, de un editor de imagini și de un fel de editor HTML sau editor de text. Majoritatea editorilor de imagini vă vor afișa coordonatele mouse-ului atunci când indicați imaginea. Aceste date de coordonate sunt tot ce aveți nevoie pentru a începe cu hărțile de imagini.
Crearea unei imagini
Pentru a crea o hartă de imagini, selectați mai întâi o imagine care va servi ca bază a hărții. Imaginea ar trebui să fie "dimensiunea normală" - adică nu ar trebui să utilizați o imagine atât de mare încât browserul să o scindeze.
Când inserați imaginea, veți adăuga un atribut suplimentar care identifică coordonatele hărții:
Atunci când creați o hartă de imagini, creați o zonă pe care se poate face clic pe imagine, astfel încât coordonatele hărții trebuie să se alinieze la înălțimea și lățimea imaginii pe care ați selectat-o. Hărțile acceptă trei tipuri diferite de forme:
- rect-un dreptunghi sau o figură cu patru fețe
- poli-un poligon sau figură multi-față
- cerc-un cerc
Pentru a crea zonele, trebuie să izolați coordonatele specifice pe care intenționați să le mapați. O hartă poate consta dintr-una sau mai multe zone definite pe imagine care, când se face clic, deschide un nou hyperlink.
Pentru o dreptunghi , harta doar colțurile din stânga sus și din dreapta jos. Toate coordonatele sunt listate ca x, y (peste, în sus). Astfel, pentru colțul din stânga sus 0,0 și colțul din dreapta jos 10,15 pe care l-ați tasta 0,0,10,15. Apoi îl includeți pe hartă:
Pentru o poligon , harta pe fiecare X y coordonate separat. Browserul Web conectează automat ultimul set de coordonate cu primul; nimic din aceste coordonate face parte din hartă.
Cerc formele necesită doar două coordonate, cum ar fi dreptunghiul, dar pentru cea de-a doua coordonată, specificați raza sau distanța de la centrul cercului. Deci, pentru un cerc cu centrul la 122,122 și o rază de 5 ați scrie 122,122,5:
Toate zonele și formele pot fi incluse în același tag de hartă:
consideraţii
Hărțile de imagini au fost mult mai des întâlnite în epoca Web 1.0 din anii 1990 în hărțile imaginii foarte timpurii din anii 2000 și au format adesea baza navigației unui site web. Un designer ar crea un fel de imagine pentru a indica elementele de meniu, apoi a stabilit o hartă.
Abordările moderne încurajează designul receptiv și utilizează foi de stil cascadă pentru a controla plasarea imaginilor și a hiperlegăturilor pe o pagină.
Deși eticheta hărții este încă acceptată în standardul HTML, utilizarea dispozitivelor mobile cu factori de formă mici poate duce la probleme de performanță neașteptate cu hărțile de imagini. În plus, problemele legate de lățimea de bandă sau imaginile rupte afectează valoarea unei imagini.
Deci, nu ezitați să continuați să utilizați această tehnologie stabilă și bine înțeleasă - știind că în prezent există alternative mai eficiente en vogue cu designeri web.
