In deze tutorial leer je hoe je een Tekst met Afbeelding pagina kunt toevoegen.

Een Tekst met Afbeelding pagina is erg handig wanneer een tekst ondersteund moet worden door een afbeelding. De linkerzijde van de pagina zal de tekst bevatten terwijl de afbeelding aan de rechterzijde verschijnt.

Ondersteunde afbeeldings-formaten: .JPG, .JPEG, .PNG, .GIF

Optimale verhouding voor afbeelding: 4:3 of 1:1 (Zie deze tutorial over Beeldverhoudingen)

*We raden aan om Google Chrome te gebruiken om een optimale ervaring te garanderen bij het gebruik van AppicalNow.

Stap 1. Klik op 'Courses' in het menu aan de linkerkant.

Stap 2. Navigeer naar de Course waar je een nieuwe pagina wilt toevoegen. Klik op de knop die 'Editor' zegt in de linkeronderhoek van de gewenste Course.

Stap 3. Selecteer vervolgens het verhaal waar je een nieuwe pagina aan wilt toevoegen.

Stap 4. Selecteer het Chapter in het menu aan de linkerkant.

Stap 5. Klik op de knop die 'Add page' zegt.

Stap 6. Kies 'Text with Image' in het menu aan de linkerkant en klik op de knop die 'Add page' zegt in de rechteronderhoek.

Stap 7. Selecteer de gewenste taal.

Stap 8. Geef je nieuwe Tekst met Afbeelding pagina een naam. Klik hier voor een handleiding over het kiezen van een goede naam voor je pagina.

Pagina's staan standaard op 'Live' maar kunnen op Draft worden gezet. Draft pagina's kunnen erg handig zijn wanneer je aan een pagina werkt terwijl nieuwe medewerkers al gebruik maken van AppicalNow. Klik op 'Live' en selecteer 'Draft' om de instelling te wijzigen.

Stap 9. Schrijf de tekst die je wilt weergeven in het tekstveld onder de titel. In de afbeelding hierboven is dit gemarkeerd met de tekst 'Type je tekst hier'.

Stap 10. Om een afbeelding te uploaden die getoond wordt aan gebruikers die AppicalNow op een desktop of tablet gebruiken. Klik op 'Choose Image' bij 'Choose desktop/tablet image' en navigeer naar de afbeelding op je apparaat. Selecteer de afbeelding en klik op 'open'.

Optimale verhouding voor afbeelding: 4:3 of 1:1

Desktop: Als je een afbeelding uploadt breder dan 344 pixels, moet een gebruiker op de afbeelding klikken om deze in volledige grootte te tonen en in te zoomen. Het gebruik van een kleinere afbeelding resulteert in tekst die om de afbeelding heen loopt.

Mobiel: Afbeelding past zich aan de grootte van het scherm, klikken op de afbeelding stelt een gebruiker in staat om in te zoomen.

Stap 11. Zodra je een afbeelding hebt geüpload in de Editor verschijnt er een knop 'crop image' onder de afbeelding. Let op dat de knop alleen verschijnt bij het uploaden van een nieuwe afbeelding. Om een afbeelding bij te snijden klik je op 'Crop Image'.

Stap 12. Beweeg de slider naar rechts om de selectie kleiner te maken, beweeg hem naar links om de selectie groter te maken.

Klik op 'Crop' om je selectie op te slaan.

Stap 13. Als een gebruiker op de Info button op deze pagina klikt, zullen ze de tekst zien die je in het tekstveld onder 'Info Button' schrijft. Gebruik dit om de gebruikers meer informatie te geven over de vraag of het onderwerp.

Stap 14. Bij Page Options kun je antwoordinstellingen en geavanceerde instellingen configureren. Als je het selectievakje bij ‘draft image’ inschakelt

Stap 15. Bij 'Advance Page Options' kun je je pagina omzetten naar een ander paginatype. Het zal de velden behouden die gebruikt worden in de omgezette pagina (Title, Explanation, Correct/Incorrect Feedback en Info Button). Je zult de antwoordopties opnieuw moeten invullen.

Hoera! Je weet nu hoe je een Tekst met Afbeelding pagina aanmaakt.