Jump to content

ImageMapEdit Howto/nl

From Meta, a Wikimedia project coordination wiki
This page is a translated version of the page ImageMapEdit Howto and the translation is 100% complete.


ImageMapEdit is een middel om snel en eenvoudig ImageMaps te maken.

Voor wie is dit document bedoeld?

Deze uitleg kan nuttig voor u zijn, als...

  • u wilt weten wat een imagemap is.
  • u al enigszins bekend bent met MediaWiki, en zou nu graag ImageMaps willen gebruiken.
  • u ImageMapEdit wilt instellen.
  • u wilt leren hoe u ImageMaps kunt maken en bewerken

We gaan ervan uit dat u de afbeelding al heeft geüpload naar de wiki en dat u naar de bestandsbeschrijvingspagina voor die afbeelding kijkt.

Wat is een ImageMap?

ImageMaps worden gebruikt wanneer u links wilt maken uit meerdere delen van een enkele afbeelding. Het idee is om "hot-zones" op de afbeelding aan te geven, waarop met de muis op kan worden geklikt.

  • Er staan verschillende op deze pagina.

Waarom wil ik er een?

Voorbeelden:

  • Als u een foto heeft van een bedieningspaneel met knoppen, kunt u de knoppen indrukbaar maken met behulp van een imagemap. Dit kan bijvoorbeeld handig zijn voor een printerhandleiding. Als u op een knop klikt, is het mogelijk een link naar een pagina in de handleiding; Of het kan linken naar een nieuwe foto, die de gevolgen van het indrukken van de knop laat zien; Of het kan beide doen!
  • Als u een schema heeft, kunt u de diverse randen (lijnen) en knopen (vakjes) in het schema klikbaar maken. U kunt dit gebruiken om gedetailleerde beschrijvingen toe te voegen aan stappen in een proces.
  • In blauwdrukken kunt u op deze manier toegang verlenen tot meer gedetailleerde subcomponenten in de blauwdruk.
  • Bij een foto van een groep mensen, kunt u de gebruiker toestaan te klikken naar informatie over elke persoon.
  • In een foto van een machine of een set componenten kunt u links naar blauwdrukken, detailfoto's van elk onderdeel, beschrijvingen, specificaties, enz. geven.
  • U kunt foto's maken van een aantal kamers in een gebouw en de deuren in elke kamer klikbaar maken. Wanneer op een van de deuren wordt geklikt, kunt u de gebruiker naar de volgende kamer "verplaatsen". Dit kan worden gebruikt om rondleidingen te maken.
  • ...
  • Er zijn veel toepassingen van imagemaps mogelijk. Omdat u ze bij elke foto kunt gebruiken, is het systeem zeer flexibel. Gebruik uw fantasie!

Waarom ImageMapEdit?

Het plaatsen van een ImageMaps op een wiki is een beetje lastig en kost wat werk. ImageMapEdit automatiseert en vereenvoudigt een groot deel van het proces.

Instellen

Zoek eerst uit of u iets moet instellen: sommige projecten laden imageMapEdit wanneer u op een pagina in de namespace "File:" bent. Als dit het geval is, is er geen installatie nodig.

Ten tweede, controleer of imageMapEdit wordt weergegeven als een gadget: sommige projecten, en met name Commons, bieden het aan als een gadget. Als dit het geval is, bestaat uw "Instellen" uit het inschakelen van deze gadget.

Het feit dat Commons het heeft, maakt het voor iedereen beschikbaar, in ieder geval voor gratis afbeeldingen: Dus zelfs als u ervoor kiest om imageMapEdit niet in te stellen, kunt u het nog steeds gebruiken voor elke afbeelding die op Commons is opgeslagen, door deze gadget te activeren in uw account op Commons, en naar de afbeeldingspagina op Commons te gaan om de imagemap te genereren.

Als u imageMapEdit wilt hebben op een project dat de gadget niet aanbiedt, kunt u dit doen door uw common.js pagina op dat project te bewerken (gelinkt vanuit "Voorkeuren => Uiterlijk" - als het een rode link is, maak deze dan aan) en voeg de volgende regel toe.

mw.loader.load('//he.wikipedia.org/w/index.php?title=Mediawiki:Gadget-ime.js&action=raw&ctype=text/javascript');

Niet-Wikimedia-wiki's die MediaWiki-code gebruiken, kunnen de bovenstaande regel toevoegen aan de pagina "mediawiki:common.js" of het script (he:Mediawiki:Gadget-ime.js) kopiëren naar een pagina op hun wiki en het activeren.

Gebruik het op afbeeldingspagina's, d.w.z. pagina's in de namespace "File:", door op de link ImageMapEdit > te klikken die onder de afbeelding verschijnt.

Een ImageMap bewerken

In deze alinea gaan we ervan uit dat u de afbeelding al heeft geüpload naar de wiki en dat u naar de bestandsbeschrijvingspagina voor die afbeelding kijkt. Zie Bestanden uploaden voor details (We zullen de wikicode gebruiken die door ImageMapEdit is gegenereerd om de wikicode in dat document te vervangen).

De editor openen

Bij het bekijken van een afbeelding op de afbeeldingenpagina is er een nieuwe link beschikbaar, direct onder de afbeelding. Klik op deze link en er verschijnt een imagemap-editor.

Locatie van de link ImageMapEdit (originele afbeelding: File:Metal movable type.jpg)

Figuur: De editor

Als u op de link klikt, ziet u de invoervelden van imageMapEdit, zoals in de volgende afbeelding weergegeven:

De afbeelding zelfOm een nieuw gebied te maken, selecteer een van de drie types van gebiedenSelecteer een gebied voor bewerkingDefinieer het artikel waarnaar dit gebied linkt,Definieer de hint ("tooltip" om te tonen wanneer men over het gebied zweeft met de cursurGegenereerde wiki-code. Kopieer dit naar het artikel dat u bewerkt om de imagemap toe te voegen"Importeren": gebruik dit om bestaande imageMap te plakken, zodat u het kunt blijven bewerken

Bovenstaande afbeelding is een imagemap, en toont de verschillende bedieningselementen, voor het maken van een nieuw gebied, het bewerken van een bestaand gebied, het invoeren van het artikel waarnaar dit gebied moet linken, en ten slotte het gegenereerde wikicode-gebied, van waaruit u de imagemap kunt kopiëren en in het artikel kunt plakken. Boven het wikicode-vak bevindt zich de knop "Importeren".

Beslissen waar hot-zones moeten worden geplaatst

Met ImageMaps kan uw browser de onderliggende afbeelding niet "zien" en vertrouwt deze volledig op de informatie over de hot-zone die u invoert. In theorie zou u zelfs elke vorm van hot-zone overal op de afbeelding kunnen plaatsen, hoewel dit misschien niet bijzonder nuttig is.

Wat nuttiger is, zijn er meestal vrij duidelijke gebieden van de afbeelding die op te klikken zijn. Bijvoorbeeld, dozen in een schema, tekeningen van knoppen, mensen, enz. Soms kan het nuttig zijn om een afbeelding aan te passen om het duidelijker te maken waar mensen moeten klikken.

Een nieuw gebied maken (teken een hot-zone)

#rect(angle)#circle#poly(gon)

Klik in deze keuzelijst op de gewenste vorm voor uw (volgende) gebied (hot-zone). Ga dan als volgt te werk.

Als alternatief kunt u een eerder gemaakt gebied wijzigen door het uit de lijst te selecteren en het weer bewerken, bijvoorbeeld door de hoeken van een rechthoek op verschillende punten te plaatsen en het centrum van een cirkel te verplaatsen. Het is niet mogelijk om een van de toppunten van een veelhoek te verplaatsen, dus het bewerken van een bestaande veelhoek is beperkt tot het "verlengen" ervan, door een top tussen de laatste klik en de eerste toe te voegen.

Recht(hoek)

Klik in de afbeelding met uw linkermuisknop op een hoek van de rechthoek die u wilt maken. U zou een klein rood kruis moeten zien op het punt waarop u heeft geklikt. Klik vervolgens op de rechtermuisknop in de tegenoverliggende hoek. U zou nu de hele rechthoek moeten zien, waarvan de twee punten waarop u heeft geklikt zijn gemarkeerd met rode en gele kruisen.

U kunt deze rechthoek op elk moment selecteren in de lijst "Areas" en de linkerknop (rode kruis) of de rechterknop (geel kruis) en beide op de verwerking instellen.

Cirkel

Klik in de afbeelding met de linkermuisknop in het midden van de cirkel die u wilt maken. Een klein rood kruis markeert het midden. Klik vervolgens met de rechtermuisknop ergens op de omtrek van de cirkel. U zou nu de cirkel zelf moeten zien, en de markeringen van de twee "klikken".

Veelhoek

Klik in de afbeelding met uw linker muisknop op het eerste punt van de veelhoek. Ga nu verder met het klikken op de linker muisknop op elke hoek van de veelhoek. Op elk moment wordt aangenomen dat de laatste klik het laatste hoekpunt van uw veelhoek is, en de laatste rand verbindt dit hoekpunt met het eerste. Naarmate u meer punten toevoegt, wordt de veelhoek geleidelijk opgebouwd.

Bewerkingsgebied

Zodra u uw hot-zone (gebied) heeft getekend, moet u specificeren waar de hot-zone naar verwijst.

  • Linkdoel: Geeft aan naar welke wiki-pagina de gebruiker moet gaan, wanneer hij op deze hot-zone (gebied) klikt.
  • Linktitel (optioneel): Optioneel kunt u een mouse-over-tekst opgeven voor de hot-zone. Als u geen specifieke tekst met de muis over de tekst opgeeft, verschijnt standaard het Linkdoel in plaats daarvan in de muis-over-tekst.

De andere opties passen de hot-zone aan, of laten u het verwijderen uit de ImageMap.

Een gebied verwijderen

U kunt elk gebied verwijderen door het in het lijstvak voor het bewerken te selecteren (het geselecteerde gebied wordt op de afbeelding benadrukt) en het vervolgens te verwijderen.

Belangrijk
imageMapEdit ondersteunt geen "ongedaan maken van een wijziging", dus zorg ervoor dat u het zeker weet als u iets verwijderd

De gemaakte ImageMap op een pagina gebruiken

Uiteindelijk zijn we klaar met het maken van onze kaart. Deze bestaan niet in een vacuüm, ze moeten op een pagina worden geplaatst. U plaatst een ImageMap op een soortgelijke manier als een Image. Het hulpmiddel ImageMapEdit heeft de wikicode voor ons gemaakt, dus alles wat we moeten doen is de code uit het vak 'Generated Code' kopiëren en op de betreffende pagina plakken.

Merk op dat in dit voorbeeld sommige van de links nog niet zijn ingevuld. (Bijvoorbeeld de lege [[]] achter sommige items.) Vul deze links eerst zelf in.

Andere functionaliteit

Algemene voorkeuren

  • U kunt een beschrijving van de afbeelding geven (dit wordt alleen gebruikt als alt-text).
  • U kunt de informatie-link "" in een andere hoek van de afbeelding plaatsen of helemaal weglaten.

Gebieden importeren uit wikicode

Als u een bestaande ImageMap heeft die u wilt bewerken, moet u er op een of andere manier toegang tot hebben. Om de ImageMap (terug) in ImageMapEdit te krijgen:

  • Klik op het tekstvak Show text box >
  • plak de wikicode voor de ImageMap in het tekstvak.
  • Klik op Import

Vraag & Antwoord

Mijn wikicode is verdwenen, waar is het gebleven?

Stel dat u op een dag een imagemap heeft gemaakt, het op de pagina hebt opgeslagen en vertrokken bent. Een tijdje later merkt u opdat je een box bent vergeten, of dat u de afbeelding heeft bijgewerkt, of op elk geval, u wilt de imagemap opnieuw bekijken

Maar als u ImageMapEdit opent, is er geen code! Waar is die gebleven?

Antwoord: ImageMapEdit is niet volledig geïntegreerd in de wiki. Het genereert en leest alleen wikicode.

  • Ga naar de pagina waar u de ImageMap heeft geplaatst en klik op bewerken.
  • Selecteer en kopieer de ImageMap-code
  • Importeer die code vervolgens weer in ImageMapEdit. Zie: Gebieden importeren uit wikicode

Kan ik het formaat van mijn afbeelding op de pagina nog wijzigen?

Antwoord: Zeker!

Voeg in de code gewoon de grootte toe die u wilt in pixels, net zoals u zou doen voor een gewone afbeelding; bijvoorbeeld:

File:ImageMap Creation.jpg|700px

Ik heb het formaat van mijn afbeelding op de pagina gewijzigd, moet ik mijn imagemap nu opnieuw aanmaken?

Stel dat u het formaat van de afbeelding wijzigt met behulp van het bovenstaande antwoord, moet u dan de ImageMap opnieuw tekenen om te passen?

Antwoord: Nee, gelukkig. De ImageMap wordt op dezelfde schaal geschaald als de afbeelding en blijft bruikbaar zoals hij is.

Zie ook