Kaip sukurti vaizdo žemėlapį naudojant „Gimp“: 10 žingsnių (su paveikslėliais)

Turinys:

Kaip sukurti vaizdo žemėlapį naudojant „Gimp“: 10 žingsnių (su paveikslėliais)
Kaip sukurti vaizdo žemėlapį naudojant „Gimp“: 10 žingsnių (su paveikslėliais)

Video: Kaip sukurti vaizdo žemėlapį naudojant „Gimp“: 10 žingsnių (su paveikslėliais)

Video: Kaip sukurti vaizdo žemėlapį naudojant „Gimp“: 10 žingsnių (su paveikslėliais)
Video: How to insert image to Adobe Illustrator Tutorial for Beginners 2024, Gegužė
Anonim

Vaizdų žemėlapis yra vaizdas, kuriame yra „susieti“URL. Galite papuošti savo svetainę ar asmeninį pradinį puslapį vaizdų žemėlapiu su mėgstamomis svetainėmis, kurias mėgstate aplankyti. Yra daug programinės įrangos, kurią galite padaryti, tačiau šiame straipsnyje bus naudojamas „Gimp“.

Žingsniai

Sukurkite vaizdo žemėlapį naudodami „Gimp“1 veiksmas
Sukurkite vaizdo žemėlapį naudodami „Gimp“1 veiksmas

Žingsnis 1. Sudėkite pradinę grafiką, kurią kartografuosite

Galite naudoti paveikslėlius, vaizdus, bet ką, kas jums tinka. Čia naudosime „wikiHow“, „wikiHow“forumą ir „iGoogle“.

Sukurkite vaizdo žemėlapį naudodami „Gimp“2 veiksmą
Sukurkite vaizdo žemėlapį naudodami „Gimp“2 veiksmą

2 žingsnis. Sukūrę vaizdą (arba jį atidarę), eikite į Filtrai >> Web >> ImageMap

„Gimp ImageMap“dialogo langas

Sukurkite vaizdo žemėlapį naudodami „Gimp“3 veiksmą
Sukurkite vaizdo žemėlapį naudodami „Gimp“3 veiksmą

Žingsnis 3. Spustelėkite stačiakampį ekrano dešinėje, tada pasirinkite vieną iš norimų naudoti vaizdų

Šioje ekrano kopijoje pasirinktas „wikiHow“. Pasirodžiusiame dialogo lange užpildykite reikiamą informaciją.

Spustelėkite stačiakampį ir pamatysite tikslią grafikos vietą

Sukurkite vaizdo žemėlapį naudodami „Gimp“4 veiksmą
Sukurkite vaizdo žemėlapį naudodami „Gimp“4 veiksmą

Žingsnis 4. Tęskite šį procesą likusioje žemėlapio dalyje

Sukurkite vaizdo žemėlapį naudodami „Gimp“5 veiksmą
Sukurkite vaizdo žemėlapį naudodami „Gimp“5 veiksmą

5 veiksmas. Baigę apibrėžti visas nuorodų sritis, išsaugokite vaizdų žemėlapį

GIMP automatiškai pasiūlys tai išsaugoti kaip failą su.map plėtiniu. Jei norite, galite tai išsaugoti. Tačiau šiame faile yra HTML kodas (be vaizdų), kurį turime redaguoti ir nukopijuoti į savo tinklalapį, todėl rekomenduojama jį išsaugoti kaip [failo pavadinimas].html ir pereiti tiesiai prie 7 veiksmo.

Sukurkite vaizdo žemėlapį naudodami „Gimp“6 veiksmą
Sukurkite vaizdo žemėlapį naudodami „Gimp“6 veiksmą

6. Jei neišsaugojote jo kaip HTML failo, raskite išsaugotą failą ir pervardykite plėtinį į.html

Galite gauti įspėjimą apie failų plėtinių keitimą. Jei norite tęsti, spustelėkite Taip.

Sukurkite vaizdo žemėlapį naudodami „Gimp“7 veiksmą
Sukurkite vaizdo žemėlapį naudodami „Gimp“7 veiksmą

Žingsnis 7. Norėdami atidaryti šį HTML failą, naudokite teksto rengyklę

Pastebėsite, kad šiame faile yra tiesiog koordinačių ir URL adresų sąrašas. Tai kodas, kuris nurodo naršyklei, kuriuos URL adresus priskirti kuriai jūsų vaizdo daliai.

Sukurkite vaizdo žemėlapį naudodami „Gimp“8 veiksmą
Sukurkite vaizdo žemėlapį naudodami „Gimp“8 veiksmą

Žingsnis 8. Užtikrinkite failo kelią, apibrėžtą

Image
Image

nuorodos į vaizdą, į kurį norite susieti URL.

Jei teisingai nenurodysite jo į vaizdą, vaizdas gali būti visiškai nerodomas.

9 žingsnis. PASIRENKAMA:

Naudokite naršyklę, kad atidarytumėte HTML failą; jei viskas veikia, turėtumėte pamatyti vaizdą su visais URL, susietus su jumis pagal jūsų apibrėžtas sritis.

Sukurkite vaizdo žemėlapį naudodami „Gimp“10 veiksmą
Sukurkite vaizdo žemėlapį naudodami „Gimp“10 veiksmą

Žingsnis 10. Įtraukite vaizdo žemėlapį į savo tinklalapio HTML

Turėsite nukopijuoti VISAS matomas kodo eilutes, įskaitant

žyma (kuri apibrėžia kelią į jūsų šaltinio vaizdą) ir viskas tarp žymų. Viskas! Jūs baigėte.

Rekomenduojamas: