Ako používať rozšírenie MediaWiki ImageMap?

Ako použiť rozšírenie Image Map na použitie obrázku na prepojenie s iným článkom v sprievodcovi — Táto príručka vám ukáže najľahší spôsob, ako použiť rozšírenie Image Map na použitie obrázku na prepojenie s iným článkom v sprievodcovi.

Rozšírenie Image Map k softvéru MediaWiki vám umožňuje vkladať obrázky s odkazmi, na ktoré je možné kliknúť, do článkov sprievodcu a niektorých ďalších stránok Wiki. Vďaka rozšíreniu Image Map môžete vytvoriť celý obrázok tak, aby slúžil ako odkaz na iný článok, alebo môžete v rámci tohto obrázka vybrať viacero oblastí, ktoré chcete prepojiť s rôznymi článkami. Rozšírenie Image Map je účinný a flexibilný nástroj, ale pretože je kódovaný v jazyku HTML a definuje oblasti pomocou súradníc, mnohým používateľom môže byť používanie spočiatku ťažké. Táto príručka vám ukáže najľahší spôsob, ako použiť rozšírenie Image Map na použitie obrázku na prepojenie s iným článkom v sprievodcovi. Napriek tomu, že tieto pokyny boli napísané s ohľadom na sprievodcu, tu uvedené kroky by mali fungovať na iných weboch, ktoré majú príponuPovolené je aj rozšírenie Image Map.

Kroky

1

Ak ste tak ešte neurobili, nahrajte svoj obrázok.
2
Prejdite na stránku zobrazujúcu obrázok a popis napr.: Framing_hammer_956.jpg) a potom kliknutím na odkaz na súbor tesne pod obrázkom sa dostanete na stránku, ktorá zobrazuje celú adresu URL odkazu na obrázok.
- Váš prehliadač by teraz mal zobrazovať iba obrázok, ale žiadne popisné informácie.
- Mala by sa vám zobraziť adresa URL podobná tejto: /a/af/Framing_hammer_956.jpg
- Skopírujte túto adresu URL.
3
Otvorte vo svojom prehliadači nové okno alebo kartu a prejdite do editora imagemap.
- Image MapEditor je nástroj, ktorý vám pomôže vybrať vhodné oblasti vo vašom obrázku, ktoré sa majú použiť ako odkazy na iné stránky.
- Keď vyberiete svoje oblasti, editor obrázkovej mapy tiež vygeneruje správny kód na definovanie týchto oblastí. Tento kód je potom možné vložiť do vášho článku, aby vaša obrázková mapa fungovala podľa plánu.
4

Zadajte svoju adresu URL do poľa označeného ako URL v časti „načítať z adresy URL“ a do poľa s názvom „meno“ zadajte názov obrázka (poznámka: názov obrázku je text, ktorý nasleduje za koncovou / do adresy URL, ktorú ste skopírovali). Nezabudnite zahrnúť aj príponu súboru (napr..PNG,.JPG,.GIF).

Posuňte zobrazenie nadol a skopírujte kód rozšírenia imagemap z poľa priamo pod pole „globálne nastavenia“.
5

Kliknutím na „načítať“ zobrazíte svoj obrázok v editore obrázkových máp. Obrázok sa zobrazí v poli označenom „Obrázok“ pod poľom „Načítať obrázok “.
6
Definujte oblasť, ktorá sa má použiť ako váš odkaz.
- Vyberte typ oblasti, ktorý najlepšie zodpovedá tvaru vášho obrázku (Tento príklad používa obdĺžnik, ktorý bude najčastejšie používaným tvarom na výber celého obrázku).
- V poli „Nová oblasť“ kliknite na „Obdĺžnik“.
- Presuňte kurzor myši do ľavého horného rohu obrázku a potom kliknite ľavým tlačidlom myši.
- Presuňte ukazovateľ myši do pravého dolného rohu obrázku a potom kliknite pravým tlačidlom myši. Súradnice XY rohov vášho obrázku sa teraz zobrazia v poliach označujúcich „Vľavo/Hore“ a „Vpravo/Dole“
7
Posúvajte stránku v editore imagemap nadol, kým sa nezobrazí pole s názvom „Globálne nastavenia “. Ak chcete zachovať predvolené nastavenia, s týmto políčkom nemusíte nič robiť. V predvolenom nastavení tieto nastavenia prekrývajú modrý kruh s písmenom „i“ v ľavom dolnom rohu obrázka, ktorý poskytuje odkaz na stránku s informáciami o obrázku (zvyšok obrázka bude odkazovať na stránku, ktorú vyberiete).
- Ak si neželáte zobrazovať informačný odkaz, zvoľte „Žiadne“.
- Ak chcete pre informačný odkaz vybrať iné umiestnenie, vyberte jedno z ďalších umiestnení.
8
Posuňte zobrazenie nadol a skopírujte kód rozšírenia imagemap z poľa priamo pod pole „globálne nastavenia“. Toto je kód, ktorý prilepíte do sprievodcu pri vytváraní odkazu na obrázok.
- Kód začína textom <imagemap> </imagemap> a končí textom. Uistite sa, že skopírujete tieto a všetko medzi nimi.
- Zvyšok kódu definuje vašu oblasť:
  - „Priamy 1 1299 298“ označuje obdĺžnik začínajúci na pixeli 11 (tj. vpravo hore) a idúci na pixel 299218.
  - „[[]]“ Sú zátvorky, ktoré budú obklopovať stránku, na ktorú bude obrázok odkazovať. Nasleduje štandardné značenie wiki.
9

Otvorte vo svojom prehliadači nové okno alebo kartu a upravte stránku, na ktorú chcete umiestniť odkaz na obrázok.

Rozšírenie Image Map k softvéru MediaWiki vám umožňuje vkladať obrázky s odkazmi, na ktoré je možné kliknúť, do článkov sprievodcu a niektorých ďalších stránok Wiki.
10

Prilepte kód na príslušné miesto na stránke. Mali by ste vidieť niečo také: <imagemap> Obrázok: Framing_hammer_956.jpg | správny 1 1299 218 [[]] popis žiadny </imagemap>
11

Pridajte odkaz na svoju stránku medzi [[]]. V tomto prípade pridávame odkaz na „Ako bezpečne používať kladivo“
12

Skontrolujte svoj kód a uistite sa, či ste značku imagemap správne zatvorili pomocou </imagemap>. Váš kód by teraz mal vyzerať takto: <imagemap> Obrázok: Framing_hammer_956.jpg | rect 1 1299 218 [[Use a Hammer Safely]] desc none </imagemap>
13
Uložte svoju stránku a otestujte svoj odkaz.
- Ak budete postupovať podľa pokynov pre tento kód, zobrazí sa vám:

Tipy

Rozšírenie ImageMap a editor ImageMap môžete použiť na definovanie viacerých oblastí obrázka, ktoré odkazujú na rôzne stránky.
Môžete sa dozvedieť viac o niektorých pokročilých aplikáciách rozšírenia ImageMap na Mediawiki.

Napriek tomu, že tieto pokyny boli napísané s ohľadom na sprievodcu, tu uvedené kroky by mali fungovať na iných weboch, ktoré majú povolené aj rozšírenie Image Map.
Pred vyskúšaním celých článkov je dobré sa s novými nástrojmi zoznámiť tak, že sa s nimi budete hrať v Sandboxe.

Varovania

Mapovanie obrázkov používajte na prepojenie obrázkov s novými článkami iba vtedy, ak je to nevyhnutné alebo veľmi užitočné pri poskytovaní dodatočných informácií k článku, ktorý upravujete (napr. Keď kliknutie na obrázok môže poskytnúť podrobnejšie informácie o relatívne komplikovanom kroku v rámci sprievodcu).

Prečítajte si tiež: Ako pozvať priateľov, aby sa im páčila stránka na Facebooku v systéme Android?