Reklama

Ako vytvoriť obrazovú mapu pomocou programu Maľovanie. NET paintnetimagemap screenshotNapísal som článok o tom, ako vytvoriť obrázok pre vaše webové stránky s oblasťami, na ktoré sa dá kliknúť, alebo hotspoty pomocou GIMP Ako vytvoriť obrázkovú mapu pomocou GIMP Čítaj viac . Tento druh klikateľného obrázka sa nazýva obrazová mapa. Obrázkové mapy už nejakú dobu existujú, ale stále sa používajú na to, aby poskytovali webovým dizajnérom flexibilitu.

V komentároch sa ma niekto opýtal, či je to možné pomocou programu Paint. NET (môže to byť Photoshop alternatíva 5 bezplatných alternatív k Photoshopu, ktoré by ste mali vyskúšať Čítaj viac ?). Z tohto dôvodu som sa rozhodol nielen inštalovať a používať Maľovať. NET prvýkrát, ale zistiť, ako robiť obrazové mapy pomocou tohto.


Áno, musel som opustiť Ubuntu na pár minút a spustiť inštaláciu systému Windows (viem, že existuje) verziu Ubuntu, ale nebol som si istý, či všetko bude fungovať rovnako), ale stálo to za zmenu tempo.

Na záver som dospel k záveru, že áno, je to možné, ale budete potrebovať pomoc s doplnkom.

Stiahnite a nainštalujte doplnok

instagram viewer

Implementácia doplnkov je pomerne jednoduchá. NET a v podstate spočíva v sťahovaní súborov a ich umiestnení do správneho priečinka. Doplnok potrebný na vytvorenie obrazovej mapy sa nazýva „Vytvorenie obrazovej mapy“A môžete si ho stiahnuť z tento odkaz. Táto stránka je trochu chaotická, takže si pozrite nižšie uvedený obrázok, aby ste ho ľahko našli.

ako vytvoriť obrázkovú mapu

Sťahujete súbor zip obsahujúci správne súbory. Po stiahnutí ich jednoducho vložte sem: C / Program Files / Paint. Net / Efekty

Teraz stačí reštartovať program Maľovanie. NET a mali by ste mať nainštalovaný. Otvorte obrázok a mali by ste byť všetko nastavené.

Na získanie správneho kódu použite editor obrázkov

Otvorte editor obrázkových máp: Efekty -> Image Application -> Create Image Map

Presuňte (predstierajte, že vidíte políčko) a pomenujte jednotlivé hotspoty.

ako vytvoriť obrázkovú mapu

Po dokončení kliknite na tlačidlo OK. Potom sa zobrazí kontextové okno s kódom, ktorý budete musieť chytiť.

vytvoriť obrázkovú mapu

Upravte kód a pripravte ho na svoje stránky

Otvorte program Poznámkový blok alebo podobný textový editor a vložte kód. Pravdepodobne skončíte so všetkým kódom na jednom riadku. Najjednoduchší spôsob je oddeliť riadky tak, ako som to urobil na nasledujúcom obrázku.

Ako vytvoriť obrazovú mapu pomocou programu Maľovanie. NET paintnetimagemap editovalcode

Všimnite si, že som na začiatok pridal riadok kódu. Tento riadok kódu určuje, kde sa obrázok nachádza na serveri (odovzdali ste ho správne?) A názov mapy použitej na obrázku.

Tiež si všimnete, že som pomenoval mapu. Ak chcete obrázok spojiť s mapou, musíte to urobiť. Znaky „#“ nahraďte tiež adresami URL odkazov, ktoré chcete vložiť.

Takže áno, existuje aj iný spôsob, ako vytvoriť obrazovú mapu. Je tiež možné to urobiť ručne bez pomoci programu na úpravu obrázkov, ale kto na to má čas?

Čo používate na vytváranie obrazových máp?

Som srdcom 30 rokov. Už od strednej školy pracujem na počítačoch a na počítačoch. Baví ma nájsť nové a zaujímavé stránky, ktoré sú užitočné pre každého človeka. Už roky pomáham a školím ľudí v otázkach týkajúcich sa technológií a nevidím sa skoro zastaviť.