## Vormgeven van je arrangement

##### Het tabblad 'Presentatie'

Onder het tabblad 'Presentatie' bepaal je de vormgeving (presentatie) van het arrangement.

Zolang je onder het tabblad 'Presentatie' geen bewerkingen uitvoert, krijgt het materiaal dat je maakt in Wikiwijs een standaardvormgeving, d.w.z.:

- geen header
- vaste kleuren voor koppen en tabs
- een menu aan de linkerzijkant van het arrangement

Je kunt deze standaardvormgeving bekijken als je bij een nieuw arrangement op 'Preview' klikt.

### Een arrangement vormgeven

##### Zelf de vormgeving van een arrangement bepalen

Onder het tabblad 'Presentatie' kun je voor je eigen arrangementen bepalen:

- het model voor de structuur en de navigatie van het arrangement
- de kleur van de teksten, koppen en tabs
- de header van het arrangement, waarin je een eigen logo op kunt nemen

Zo kun je hier ook de opmaak kiezen die past bij de huisstijl van je school.

Hieronder zie je een voorbeeld van materiaal in 'Wikiwijs-menu' model in zelf gekozen kleuren.

##### De werkwijze op het tabblad 'Presentatie'

Zo ga je te werk om je arrangement een eigen opmaak te geven:

1. Kies het arrangement waarvan je de vormgeving wilt bewerken.
2. Klik op het tabblad ‘Presentatie’. Het volgende scherm verschijnt:
3. Je ziet nu verschillende velden die je kunt bewerken:
   - 'Type'
   - 'Model
   - 'Navigatie'
   - 'Tekstgrootte'
   - 'Lettertype'
   - 'Tekst-, Titel- , Tabkleur'
   - 'Geavanceerd'. Hier kun je aangeven of je een header wilt toevoegen.
4. Maak de presentatie naar wens.
5. Niet vergeten: klik op 'Wijzigingen opslaan' als aanpassingen in de presentatie klaar zijn!
6. Klik op 'Preview' om het resultaat te bekijken van je wijzigingen; pas eventueel de presentatie nog aan.
   Je kunt de presentatie te allen tijde wijzigen.

### Het type

Hier kun je kiezen voor de opmaak die specifiek is voor het arrangement waaraan je werkt. Je kunt ook kiezen voor een opmaak die in een sjabloon is vastgelegd, zie 'Een sjabloon maken' in deze Handleiding.

Als je 'specifiek voor dit arrangement' aanvinkt, dan kun je op dit tabblad zelf het model, de kleuren en de header bepalen.

Kies je voor 'Sjaboon' dan kun je een keuze maken uit beschikbare sjablonen en hoef je de vormgeving verder niet aan te passen.

### Keuze uit opmaakmodellen

Onder 'Model' bepaal je de vorm waarin het arrangement wordt getoond, bijvoorbeeld ingedeeld met een uitklapbaar menu aan de linkerkant, of met tabbladen bovenaan de pagina. De inhoud blijft onveranderd, maar de manier waarop het wordt getoond verschilt per keuze.

Je kunt kiezen uit:

##### ​Wikiwijs – eenvoudig

Het arrangement wordt op één pagina, zonder navigatie getoond. De content is gecentreerd en past zich aan, aan de grootte van het scherm. Deze opmaak kan praktisch zijn wanneer je arrangement alleen bestaat uit een oefening/toets. Een oefening/toets heeft nl. al een eigen opmaak en navigatie.

Voor een optimale weergave van de header, dient de header de volgende afmetingen te hebben: 1170x76 pixels.

##### Wikiwijs – menu

Het arrangement wordt per kop en subkop op een pagina getoond. Via het uitklapbare menu aan de linkerzijde kan door het arrangement genavigeerd worden. Daarnaast kunnen de "vorige"- en "volgende"-knoppen gebruikt worden om door het arrangement te navigeren. De content is gecentreerd en past zich aan, aan de grootte van het scherm.

Voor een optimale weergave van de header, dient de header de volgende afmetingen te hebben: 1170x76 pixels.

##### Digibord

Dit model is uitermate geschikt voor weergave op een Digibord. Het arrangement wordt per kop getoond. Met de kop-nummers bovenaan het scherm en de knoppen aan de linker- en rechterkant van het scherm kan door het arrangement genavigeerd worden. De content is gecentreerd en past zich aan, aan de grootte van het scherm.

Voor een optimale weergave van de header, dient de header de volgende afmetingen te hebben: 1170x76 pixels.

##### Webpagina met tabbladen bovenaan

Het arrangement wordt per kop op een pagina getoond. Via de balk bovenaan het scherm kan door het arrangement genavigeerd worden. In dit model wordt geen header getoond. De content is gecentreerd en past zich aan, aan de grootte van het scherm.

### Tekst- en menukleur

In het scherm om de presentatie van je arrangement aan te passen, zie je rechts een voorbeeld van hoe je arrangement eruit zal zien. Dit is een 'live preview', wat wil zeggen dat het voorbeeld meeverandert met de aanpassingen die je in dit scherm doet.

##### Navigatie

Door het vinkje uit te zetten kun je de navigatieknoppen onder aan de pagina's verwijderen.

##### Tekstgrootte

Hier kun je de grootte van letters van je arrangement invoeren

##### Lettertype

Hier kun je het lettertype van je arrangement kiezen

##### Tekst/Titel/Tab kleur

Hier bepaal je de kleur van tekst, de kleur van de titel (kop) en de kleur van de tab. Om de standaardkleuren te wijzigen klik je op het kleurvlakje. Je krijgt dan een kleurenpalet, waarin je de gewenste kleur kunt kiezen.

Achter de veldtitels staan de codes van de gekozen kleuren. Weet je de kleurcode van de kleur dan kun je deze hier ook rechtstreeks intypen.

Vergeet niet de wijzigingen op te slaan.

##### Geavanceerd

Hier kun je een header maken voor je arrangement. Zie hiervoor het kopje 'Een header maken' in deze handleiding.

### Een header maken

Om een eigen header in te voegen klik je in de tab 'Presentatie' op 'Geavanceerd.

Je kunt kiezen uit:

- 'Geen header'
- 'Eigen header'. Hiermee kun je een eigen header, bijvoorbeeld het logo van je school toevoegen. Je kunt deze eigen header eventueel ook nog combineren met het Wikiwijslogo.

Om een header op te nemen:

- Vink 'Eigen header' aan.
- Klik op 'Kies afbeelding' en zoek de gewenste afbeelding op. Let op: het formaat moet 1170 x 76 pixels zijn.
- Klik op 'Openen' en voeg de header toe.

##### Extra tekst en afbeeldingen

- Je kunt los van je afbeelding extra tekst en afbeeldingen toevoegen.
- Kies bij 'header indeling' voor '1 kolom' of '2 kolommen'. Je ziet nu een of twee gestippelde invoervelden over de getoonde header. Klik je in één van de velden dan verschijnen de editmogelijkheden. Standaard wordt de ingestelde letterkleur van je arrangement overgenomen, maar je kunt de kleur naar believen veranderen. Ook de lettergrootte is instelbaar. Daarnaast kunnen ook afbeeldingen worden opgenomen.

Je kunt zo de titel van je arrangement over de headerafbeelding plaatsen. Dat kan op twee manieren:

1. Je kunt de titel zelf typen
2. Je kunt "$titel" intypen. (in de door jou gewenste letterkleur en –grootte). Wikiwijs 'weet' dan dat de titel van je arrangement zoals je dit bij 'eigenschappen' hebt opgegeven over de headerafbeelding moet worden geplaatst.

##### Samenvoegen met Wikiwijs-logo

Daarna kun je nog kiezen om het Wikiwijs-logo linksboven in je header te plaatsen (via het vinkje: voeg Wikiwijs logo samen met header)

##### Titel van het arrangement verbergen

Heb je de titel van je arrangement al in de header geplaatst, dan wil je die titel waarschijnlijk niet nogmaals onder de header tonen. Daarom is het mogelijk om het tonen van de titel van het arrangement uit te schakelen.

- Vink ‘Verberg de standaardtitel van het arrangement’ aan
- Sla de wijzigingen op

NB: als de presentatie naar wens is, klik dan op 'Wijzigingen opslaan’. Daarmee leg je alle gemaakte keuzes op dit scherm in één keer vast. Je kunt ook tussentijds in de Preview het resultaat van de wijzigingen bekijken. Ook dan moet je eerst de wijzigingen opslaan.

In de preview wordt de titel van het arrangement niet meer getoond.

### Voorbeelden

Hieronder zie je de 'voorkant' en de 'achterkant' van de vormgeving van een lesfragment over atomen en moleculen.

Afbeelding 1 toont de 'achterkant', de opmaakgegevens bij het tabblad 'Presentatie'.

Afbeelding 2 toont de 'voorkant' van het lesfragment volgens de gekozen opmaak in Afbeelding 1.

### Een sjabloon maken

Soms kan het handig zijn om de vormgeving eenmalig vast te leggen in een sjabloon. Bijvoorbeeld als je met collega's aan een serie arrangementen werkt die dezelfde vormgeving moeten krijgen.

In een sjabloon leg je alle vormgevingselementen vast en geeft het een naam. Als alle teamgenoten dit sjabloon gebruiken, krijgt al het lesmateriaal dezelfde vormgeving. Bovendien kun je aan je lesmateriaal de huisstijl van de school toevoegen. (zie ook ‘Samenwerken’ in deze Handleiding).

Zo ga je te werk:

1. Ga in 'http://maken.wikiwijs.nl/' naar 'Sjablonen'.

2. Klik op ‘Sjabloon toevoegen’:

3. Er verschijnt een pop-up venster waarin je het nieuwe sjabloon een naam geeft (Titel).

4. Klik op 'OK'.
   Er verschijnt nu een scherm waarin je de vormgeving kunt bepalen.

5. Vul de gegevens in zoals beschreven bij het tabblad 'Presentatie':

6. Sla de wijzigingen op.

7. Je sjabloon is nu klaar. Je kunt dit sjabloon nu gebruiken voor je arrangementen.

##### Kiezen van een sjabloon

#####

1. Ga bij het scherm 'Arrangement 'titel X' bewerken' naar het tabblad 'Presentatie'.
2. Kies bij 'Type' voor 'Sjabloon'.
3. Kies bij 'Template' het gewenste sjabloon uit de lijst.
4. Klik op 'Wijzigingen opslaan'.

5. Controleer het resultaat in de 'Preview'.

### Sjabloon toepassen op willekeurig arrangement

Door een sjabloon aan te maken kun je een Wikiwijs arrangement in een handomdraai je eigen look and feel geven. Handig als je bijvoorbeeld wilt dat alle Wikiwijsarrangementen die je op je school gebruikt dezelfde uitstraling hebben.

Als je een sjabloon maakt krijgt dat sjabloon een unieke aanduiding /sjabloon/xxxx

Als je deze aanduiding van je sjabloon achter de link van een willekeurig Wikiwijsarrangement plakt en je roept die nieuwe link op, dan wordt het arrangement getoond volgens de vormgeving van jouw sjabloon in plaats van het oorspronkelijke.

Hieronder zie je bijvoorbeeld twee links naar hetzelfde Wikiwijsarrangement. Achter de tweede link zie je de verwijzing naar een sjabloon. Als je op de links klikt zie je dat de inhoud exact gelijk is, maar de vormgeving niet.

http://maken.wikiwijs.nl/80248/Nieuwe_versie_Wikiwijs_Maken_juli_2016

http://maken.wikiwijs.nl/80248/Nieuwe_versie_Wikiwijs_Maken_juli_2016/sjabloon/1262

Je hoeft een arrangement dus helemaal niet te kopiëren om het een persoonlijke uitstraling te geven.

### Automatisch colofon

Aan ieder Wikiwijs-arrangement wordt automatisch een colofon toegevoegd. Dit colofon vormt de laatste pagina van je arrangement. In het colofon worden standaard de naam van de hoofdauteur en de laatste wijzigingsdatum opgenomen. Ook worden alle links getoond die je via 'Bestanden & Links' in het arrangement hebt geplaatst en de links die via het video-element en het link-element zijn toegevoegd. Indien gewenst kun je deze links aanpassen en/of verbergen.

Daarnaast bestaat de mogelijkheid zelf een toelichting te schrijven of een afbeelding te plaatsen. Je kunt het colofon bijvoorbeeld ook gebruiken als disclaimer.

1. Ga bij het scherm 'Mijn Overzicht > Arrangementen > titel X' naar het tabblad 'Inhoud'.

2. Klik op 'Colofon' helemaal onder aan de lijst met elementen van je arrangement. Het colofon verschijnt:

3. Voeg desgewenst een toelichting en/of link toe.
4. Voeg desgewenst een bestand toe.
5. Pas indien gewenst de tekst van bronvermeldingen aan.
6. Verberg desgewenst eventuele bronnen.
7. Klik op 'Opslaan'.