O hartă a imaginii este o imagine cu adrese URL „mapate” pe ea. Puteți să vă îmbrăcați site-ul web sau pagina personală de pornire cu o hartă a imaginii cu site-urile preferate pe care doriți să le vizitați. Există o mulțime de software pe care o puteți face, dar acest articol va folosi Gimp.
Pași
Pasul 1. Puneți împreună o grafică inițială pe care o veți mapa
Puteți folosi imagini, imagini, orice vă funcționează. Aici vom folosi wikiHow, forumul wikiHow și iGoogle.
Pasul 2. După crearea imaginii (sau deschiderea acesteia), accesați Filtre >> Web >> ImageMap
Ecranul de dialog Gimp ImageMap
Pasul 3. Faceți clic pe dreptunghiul din dreapta ecranului, apoi selectați una dintre imaginile pe care doriți să le utilizați
În această captură de ecran, este selectat wikiHow. Completați informațiile necesare în ecranul de dialog care apare.
Faceți clic pe dreptunghi și puteți vedea locația exactă a graficului
Pasul 4. Continuați acest proces pentru restul hărții
Pasul 5. Odată ce ați terminat definirea tuturor zonelor de legătură, salvați-vă harta imaginii
GIMP vă va oferi automat salvarea acestuia ca fișier cu extensie.map. Dacă doriți, îl puteți salva astfel. Dar acest fișier conține codul HTML (fără imagini) pe care trebuie să îl edităm și să îl copiem în propria noastră pagină web, de aceea este recomandat să îl salvați ca [nume de fișier].html și să treceți direct la pasul 7.
Pasul 6. DACĂ nu l-ați salvat ca fișier HTML, găsiți fișierul salvat și redenumiți extensia în.html
Este posibil să primiți un avertisment cu privire la modificarea extensiilor de fișiere. Faceți clic pe da pentru a continua.
Pasul 7. Folosiți un editor de text pentru a deschide acest fișier HTML
Veți observa că acest fișier conține pur și simplu o listă de coordonate și URL-uri. Acesta este codul care indică un browser ce adrese URL să atribuie cărei părți a imaginii dvs.
Pasul 8. Asigurați-vă calea fișierului definită în
linkuri către imaginea pe care doriți să fie mapate adresele URL.
Nerespectarea corectă a acesteia poate duce la afișarea nicio imagine.
Pasul 9. OPȚIONAL:
Utilizați un browser pentru a vă deschide fișierul HTML; dacă totul funcționează, ar trebui să vedeți imaginea cu toate adresele URL mapate pe ea în funcție de zonele pe care le-ați definit.
Pasul 10. Adăugați harta imaginii în pagina HTML a paginii dvs. web
Va trebui să copiați TOATE liniile de cod pe care le vedeți, inclusiv fișierul
tag (care definește calea către imaginea sursă) și tot ceea ce se află între etichete. Asta e! Ați terminat.