Introductie

TDM5 biedt de mogelijkheid om je eigen ontwerpen te maken, dit kan gedaan worden met behulp van elementen. Elk element heeft zijn eigen eigenschappen die geconfigureerd kunnen worden. Met deze elementen heb je de mogelijkheid om content te creëren op basis van jouw behoeften. 

Dit artikel beschrijft hoe een afbeelding kan worden toegevoegd. Aanvullende artikelen over elementen zijn te vinden in onze kennisbank.
 

Vereisten

Als je een afbeelding aan je pagina wilt toevoegen, moet je aan de volgende vereisten voldoen:

• Toegang hebben tot: Ontwerper > Pagina’s en in staat zijn om een pagina te maken of te bewerken.

Hoe voeg je een afbeelding toe

1. Log in op je TDM5-omgeving.
    
2. Selecteer “Ontwerper”.
   
    
3. Selecteer de menu-optie genaamd “Pagina’s”
   
    
4. Open een bestaande pagina door ‘Bewerken’ te selecteren of maak een nieuwe pagina aan met de knop ‘Nieuwe pagina toevoegen’ 
   
   Bestaande pagina bewerken: 
   
   
   Nieuwe pagina toevoegen:
   
    
5. Je wordt naar de content editor geleid, van hieruit kun je je pagina ontwerpen.
   
    
6. Selecteer het ‘afbeelding’ element, dit kan gedaan worden door het te selecteren in het menu aan de linkerkant van het scherm.
   
    
7. Je kunt nu een kader tekenen door te klikken in de template-editor, zodra dit gedaan is kun je de grootte van het element bepalen. Klik nogmaals zodra je tevreden bent met de grootte van het element.
   
    
8. Aan de rechterkant van de pagina kun je de eigenschappen van het afbeelding-element configureren. Om de naam te wijzigen dubbelklik je op het element in de sectie ‘Elementen’.
   
   
    
9. In de sectie ‘Element lay-out’ kun je de positie van het element aanpassen en rotatie instellen indien nodig. 
   
   
   De grootte kan ook worden aangepast door de rand van het element te selecteren.
   Rotatie kan worden ingesteld met de stip die zich boven in het midden van het element bevindt.
    
10. In de sectie ‘Kleuren & effecten’ heb je de mogelijkheid om ‘Doorzichtigheid’ in te stellen om de afbeelding transparant te maken.
    
     
11. In de sectie ‘Afbeelding’ kun je een afbeelding koppelen vanuit je mediatheek of het element koppelen aan een databron. Daarnaast kun je configureren wat TDM5 met de afbeelding moet doen. 
    
    Met de optie ‘Contain’ wordt de resolutie van de afbeelding behouden, met ‘Fill’ wordt de afbeelding uitgerekt om de grootte van het element te vullen en met ‘Cover’ behoudt de afbeelding zijn beeldverhouding en vult het element.
    
     
12. In de sectie ‘Touch’ kun je content configureren die wordt weergegeven zodra iemand het element aanraakt. Dit kan handig zijn als de content wordt weergegeven op een apparaat met een touchscreen.
    
    
    Wanneer je deze stap hebt afgerond, heb je succesvol een afbeelding toegevoegd. Het is mogelijk om door te gaan met je ontwerp en indien nodig extra elementen toe te voegen.