Site icon Brainpartner

Interactieve mindmap op website

Een mindmap op een website plaatsen is in de meeste gevallen een fluitje van een cent. Gewoon exporteren als afbeelding ( .jpg of  .png) en het de afbeelding importeren. De meeste programma’s om websites mee te maken hebben wel zo’n import mogelijkheid.

Maar, het wordt veel moeilijker als je ook op onderdelen van die mindmap moet kunnen klikken om naar een andere webpagina te gaan.
(zie mijn eigen website: www.brainpartner.nl )

Ik doe dat als volgt:

  1. Ik maak eerst de hele pagina met een afbeelding van een mindmap in Kompozer.
    Dit kan ook met andere programma’s, maar je moet wel de mogelijkheid hebben om de html code aan te passen.
  2. Vervolgens open ik de mindmap met Mapedit. (Dat kost  $15,- eenmalig. Je kunt het 30 dagen of 100x gratis uitproberen) Zie: http://www.boutell.com/mapedit/
  3. In Mapedit geef ik de gebieden aan waaronder een link moet komen.
  4. Via de knop HTML verkrijg ik de HTML-code met de coördinaten van de actieve onderdelen.
  5. Die code plak ik (in Kompozer) dan weer op de webpagina.
  6. Als de webpagina klaar is, zet ik hem online met FileZila (maar dit kan ook met andere programma’s)

Het is vaak wel even puzzelen waar de afbeelding van de mindmap zelf is opgeslagen. In eerste instantie kan dat op je computer zijn, maar uiteindelijke moet de afbeelding natuurlijk ook online staan. Dan moet de verwijzing in de HTML-code wel kloppen.

Je zou eens kunnen kijken in de broncode van deze pagina:

https://www.brainpartner.info/BP/gratis.html   [Beeld ] Bron

Daar zie je hoe uiteindelijk bovenstaande afbeelding er uit komt te zien.

Een ander mooi voorbeeld van een aanklikbare website vind je hier:

http://www.mindmappenmetkleuters.nl/

Veel succes en als je mindmap online staat, laat het dan even weten.

Exit mobile version