Ang isang mapa ng imahe ay isang imahe na may mga URL na "nai-mapa" dito. Maaari mong bihisan ang iyong website o personal na panimulang pahina na may isang mapa ng imahe kasama ang iyong mga paboritong site na gusto mong bisitahin. Mayroong maraming software na magagawa mo ito, ngunit ang artikulong ito ay gagamit ng Gimp.
Mga hakbang
Hakbang 1. Pagsama-samahin ang isang paunang graphic na nai-mapa mo
Maaari mong gamitin ang mga larawan, larawan, kung ano ang gumagana para sa iyo. Dito, gagamitin namin ang wikiHow, wikiHow forum, at iGoogle.
Hakbang 2. Matapos likhain ang imahe, (o buksan ito), pumunta sa Mga Filter >> Web >> ImageMap
Ang dialog screen ng Gimp ImageMap
Hakbang 3. Mag-click sa rektanggulo sa kanan ng screen, pagkatapos ay piliin ang isa sa mga imahe na nais mong gamitin
Sa screenshot na ito, wikiHow ay napili. Punan ang kinakailangang impormasyon sa lalabas na dialog screen.
Mag-click sa rektanggulo at makikita mo ang eksaktong lokasyon ng graphic
Hakbang 4. Ipagpatuloy ang prosesong ito para sa natitirang iyong mapa
Hakbang 5. Kapag natapos mo na ang pagtukoy sa lahat ng mga lugar ng pag-link, i-save ang iyong mapa ng imahe
Awtomatikong mag-aalok ang GIMP upang i-save ito bilang isang file na may isang.map extension. Kung nais mo, mai-save mo ito bilang iyon. Ngunit naglalaman ang file na ito ng HTML code (walang mga imahe) na kailangan naming i-edit at kopyahin sa aming sariling web page, kaya inirerekumenda na i-save mo ito bilang [filename].html at direktang laktawan ang hakbang 7.
Hakbang 6. KUNG hindi mo nai-save ito bilang isang HTML file, hanapin ang iyong nai-save na file at palitan ang pangalan ng extension sa.html
Maaari kang makatanggap ng isang babala tungkol sa pagbabago ng mga extension ng file. Mag-click sa oo upang magpatuloy.
Hakbang 7. Gumamit ng isang text editor upang buksan ang HTML file na ito
Mapapansin mo ang file na ito na naglalaman lamang ng isang listahan ng mga coordinate at URLS. Ito ang code na nagsasabi sa isang browser kung aling mga URL ang dapat italaga sa aling bahagi ng iyong imahe.
Hakbang 8. Tiyaking tinukoy ang landas ng file sa
mga link sa imahe na nais mong ma-map ang mga URL.
Ang kabiguang ituro ito nang tama sa imahe ay maaaring humantong sa walang ipinakitang imahe.
Hakbang 9. OPSYONAL:
Gumamit ng isang browser upang buksan ang iyong HTML file; kung gumagana ang lahat, dapat mong makita ang imahe kasama ang lahat ng mga URL na nai-map dito alinsunod sa mga lugar na iyong tinukoy.
Hakbang 10. Idagdag ang iyong mapa ng imahe sa iyong web page na HTML
Kakailanganin mong kopyahin ang LAHAT ng mga linya ng code na nakikita mo, kasama ang
tag (na tumutukoy sa landas sa iyong pinagmulang imahe) at lahat sa pagitan ng mga tag. Ayan yun! Tapos ka na.