Cum se construiește hărți imagine fără un editor de hartă de imagini

Hărțile de imagini sunt doar simple etichete HTML

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:

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 un dreptunghi , harta doar colțurile din stânga și din dreapta sus. 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, tastați 0,0,10,15 . Apoi îl includeți pe hartă:

Pentru un poligon , harta fiecarei coordonate x, y separat. Browserul Web conectează automat ultimul set de coordonate cu primul; nimic din aceste coordonate face parte din hartă.

Formele cercului 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ă există alternative mai eficiente în prezent cu designerii de web.