Differences

This shows you the differences between two versions of the page.

--- dvg7:algemeen:media:teksteditor:media [2018/09/14 08:21] – aangemaakt root
+++ dvg7:algemeen:media:teksteditor:media [2024/01/17 15:16] (current) – external edit 127.0.0.1
@@ Line 1: / Line 1: @@
 ====== Media bestanden opnemen in de teksteditor ======
-Bij het bewerken van de meeste pagina's met daarin een WYSIWYG-editor kunt u media toevoegen. Om een bestand toe te voegen klikt u op de 'Add media'-knop in de teksteditor:
+Bij het bewerken van de meeste pagina's met daarin een WYSIWYG-editor kunt u media toevoegen. Om een bestand toe te voegen op de positie van de cursor klikt u op de 'Add media'-knop in de teksteditor:
+{{:dvg7:algemeen:media:teksteditor:dvg_inhoud_media_invoegen.png?direct&400|}}
+Vervolgens laadt de mediabrowser.
-Vervolgens laadt de mediabrowser. Klik hier op 'Bibliotheek' om een reeds geüpload bestand te gebruiken. Filter hier bijvoorbeeld op type, zoek op naam, sorteer op uploaddatum of gebruiksfrequentie (en bepaal de volgorde hiervan).
+===== Bestaande bestanden plaatsen =====
-Bij het toevoegen van een afbeelding via deze weg krijg je de vervolgvraag hoe de afbeelding weer te geven. Dit zijn vooringegeven formaten (bijvoorbeeld een teaser, voorbeeldweergave of de standaard grootte).
+Klik hier op 'Bibliotheek' om een reeds geüpload bestand te gebruiken. Filter hier bijvoorbeeld op type, zoek op naam, sorteer op uploaddatum of gebruiksfrequentie (en bepaal de volgorde hiervan).
+{{:dvg7:algemeen:media:teksteditor:dvg_inhoud_media_browser.png?direct&400|}}
+Selecteer het item dat u wilt invoegen en klik op "Indienen". Bij het toevoegen van een afbeelding via deze weg krijgt u de vervolgvraag hoe de afbeelding weer te geven. Dit zijn voorgedefinieerde formaten (bijvoorbeeld een teaser, voorbeeldweergave of de standaard grootte), waarvan u de uitsnede hebt ingesteld bij het uploaden van de afbeelding. Als de uitsnede niet corrrect is, kunt u dit wijzigen door de [[dvg7:algemeen:media:crop|afbeelding te bewerken]]. Klik daarvoor onder de afbeelding op de knop "Edit file".
-Tip
+{{:dvg7:algemeen:media:teksteditor:dvg_inhoud_media_invoegen_2.png?direct&400|}}
-Een uitsnede moet van te voren gemaakt worden en kan niet aangemaakt worden bij het selecteren van een afbeelding uit de mediabibliotheek via de teksteditor. Bij het toevoegen van een afbeelding kun je slechts kiezen uit reeds aangemaakte uitsnedes. Als je als editor een bepaalde uitsnede nodig hebt, volg dan de stappen bij 12.1 'Croppen' / bijsnijden van afbeeldingen.
+Klik na het selecteren van het juiste formaat op "Indienen" om het item in de tekst te plaatsen.
+> Tip
+>
+> Bij de meeste voorgedefinieerde formaten wordt onder de afbeelding de copyright informatie weergegeven. Dit is niet zo bij de formaten "Aangepaste uitsnede" en "WYSIWYG".
 Wanneer een afbeelding reeds is toegevoegd, zijn de voorgaande media-eigenschappen (weergave formaat) nog steeds te benaderen. Klik hiervoor met de rechtermuisknop op de afbeelding en selecteer 'Media settings':
+{{:dvg7:algemeen:media:teksteditor:dvg_inhoud_media_settings.png?direct&400|}}
+In dit contextmenu kunt u ook kiezen voor 'Eigenschappen afbeelding'.
+{{:dvg7:algemeen:media:teksteditor:dvg_inhoud_media_afbeelding_eigenschappen.png?direct&400|}}
+Daar kunt u bijvoorbeeld een link aan de afbeelding toevoegen. Kies daarvoor het tabblad 'Link' en vul de URL in. Kies ook hoe de link moet openen. In termen van toegankelijkheid is het belangrijk dat de link opent in hetzelfde venster ('Zelfde venster (_self)').\\
+Maar u kunt ook de afmetingen van de afbeelding wijzigen. Let wel dat daarmee de responsiveness (hoe de pagina op kleinere schermen wordt weergegeven) in het gedrang kan komen. Gebruik dit dus met inzicht.\\
+Daarnaast kan u hier instellen dat een afbeelding links of rechts in het vlak moet staan, en de tekst eromheen moet vloeien.\\
+Als u in deze dialoog instellingen doet, en u merkt dat deze geen invloed hebben, dan worden ze door het tekstfilter eruit gefilterd. Dan is het niet mogelijk die specifieke instelling te gebruiken.
+===== Nieuwe bestanden plaatsen =====
+Om een nieuw bestand te plaatsen opent u ook de Media browser, en selecteert u op het eerste tabblad een bestand op uw computer.
+{{:dvg7:algemeen:media:teksteditor:dvg_inhoud_media_nieuw_bestand_1.png?direct&400|}}
+Kies dan "Volgende".
+{{:dvg7:algemeen:media:teksteditor:dvg_inhoud_media_nieuw_bestand_2.png?direct&400|}}
+Kies nu op welke manier u een afbeelding wil opslaan. Gebruik hier altijd de instelling "Publieke lokale bestanden". Afbeeldingen en bestanden die u op een pagina plaatst moeten bereikbaar zijn voor de gebruiker van de pagina, dus moeten ze publiek zijn. Klik op "Volgende" om door te gaan.
+{{:dvg7:algemeen:media:teksteditor:dvg_inhoud_media_nieuw_bestand_3.png?direct&400|}}
-Bij 'Eigenschappen afbeelding' is bijvoorbeeld een link aan de afbeelding toe te voegen. Klik hiervoor weer met de rechtermuisknop op de afbeelding en selecteer 'Eigenschappen afbeelding'. Kies het tabblad 'Link' en vul de URL in. Kies ook hoe de link moet openen. In termen van toegankelijkheid is het belangrijk dat de link opent in hetzelfde venster ('Zelfde venster (_self)').
+In de volgende stap kunt u een [[dvg7:algemeen:media:crop|uitsnede maken]]. U kan ook de alternatieve tekst invullen. En u moet de copyright informatie invullen. Klik ten slotte onderaan in het scherm op "Opslaan". Daarna kunt u de stappen hierboven volgen vanaf net boven de "Tip".