Sandbox:imagemap

Uit NORA Online
Naar navigatie springen Naar zoeken springen
NB: Deze pagina is geen onderdeel van de reguliere NORA, maar een testruimte. Het is dus niet zeker of de inhoud zoals u die ziet juist, actueel en betrouwbaar is.

Deze sandbox is bedoeld om imagemaps te maken en te testen.

  • Haal waar nodig de tekst onder de kop Huidig project weg, of maak een nieuwe kop aan.
  • Plaats onder de kop de code voor de imagemap die je op de bestandspagina hebt gegenereerd, sla de pagina opnieuw op en bekijk het resultaat: kun je doorklikken op de juiste plekken en kom je dan op de juiste bestemming terecht?

Zo nee, pas de gebieden dan aan op de bestandspagina en vervang de code.

Code aanvullen voor een beter resultaat[bewerken]

Grootte, uitlijning en alt-tekst toevoegen[bewerken]

Voeg de volgende code toe direct na de bestandsnaam:

|thumb|400px|none|alt=  |onderschrift

Hiermee zorg je dat de afbeelding als een thumbnail getoond wordt.

  • Pas waar nodig het aantal px aan om de afbeelding groter of kleiner te maken.
  • Vul achter het =teken de alternatieve tekst in die getoond of voorgelezen wordt als de afbeelding niet te zien is.
  • De code onderschrift kun je veranderen in elke gewenste tekst (inclusief links)
  • Standaard staat er nu geen tekst meer naast de imagemap. Je kunt er voor kiezen om de afbeelding uit te lijnen (vervang none door left of right of center) zodat er wel tekst naast kan komen te staan.

Default-bestemming toevoegen[bewerken]

Je hebt gebieden gedefinieerd binnen de imagemap met een eigen bestemming, maar wat gebeurt er als je buiten die gebieden klikt? Standaard kom je dan op de bestandspagina uit. Wil je mensen liever ergens anders heen sturen, voeg dan een default-bestemming toe.

Voeg een extra regel code in net voor:

</imagemap>

en zet daar neer:

def [[link]]

Waarbij je in plaats van het woordje link de titel zet van de pagina waar je mensen heen wilt sturen.

Code opslaan en testen[bewerken]

Vergeet niet je wijzigingen op te slaan en vervolgens dd imagemap te testen. Ben je tevreden, kopieer de volledige code dan naar de plek waar je de inagemap wilt tonen. Dat kan ook in een sjabloon zijn, als je de imagemap op meerdere plekken wilt gebruiken (bijvoorbeeld op alle pagina's van bestemming).

Huidig project[bewerken]

Projectplan GOArchitectuurmethodeJaarplan GOVisual De Why van de GDIBegrippen GOuitgangspunten voor capabilitiesarchitectuurprincipes BerichtenstelselAmbities BerichtenstelselMachtigen en vertegenwoordigenKeuzes BerichtenstelselPressure Cooker interactiePressure Cooker I&A ToegangPressure Cooker GegevensuitwisselingPressure Cooker Infrastructuuroverzichtsplaatje met documentatie van GO
Over deze afbeelding